diff options
Diffstat (limited to 'site')
47 files changed, 414 insertions, 95 deletions
diff --git a/site/assets/css/css.css b/site/assets/css/css.css index 7a1d881a..c0218b94 100644 --- a/site/assets/css/css.css +++ b/site/assets/css/css.css @@ -72,23 +72,26 @@ header .site_name { line-height: 11px; letter-spacing: 3px; } -header .splash{ +header .page_name { font-size: 22px; font-weight: 400; color: #eee; - /*padding-left: 8px;*/ opacity: 0; transition: 0.3s opacity cubic-bezier(0,0,1,1); margin-left:18px; - /*line-height: 22px;*/ } -.scrolled header .splash { +.scrolled header .page_name { opacity: 1; } -header .links{ +header .links { font-size: 18px; line-height: 18px; } +.home header .links a { + background-color: rgba(24,24,24,0.9); + border-bottom: 2px solid transparent; + padding: 3px; +} header .sub { margin-left: 4px; margin-top: 2px; @@ -123,18 +126,18 @@ header .links a { } header .links a.active { color: #fff; - border-bottom: 2px solid rgba(255,255,255,255); + border-bottom: 2px solid rgba(255,255,255,1); } .desktop header .links a:hover { color: #fff; - border-bottom: 2px solid rgba(255,255,255,255); + border-bottom: 2px solid rgba(255,255,255,1); } .desktop header .links a.active:hover { color: #fff; - border-bottom: 2px solid rgba(255,255,255,255); + border-bottom: 2px solid rgba(255,255,255,1); } -header .links.splash{ - font-size:22px; +header .links.splash { + font-size: 22px; font-weight: 400; } @@ -165,39 +168,32 @@ footer > div:nth-child(2) { footer a { display: inline-block; color: #ccc; - transition: color 0.1s cubic-bezier(0,0,1,1); - border-bottom:1px solid #555; + transition: all 0.1s cubic-bezier(0,0,1,1); + border-bottom: 1px solid #555; padding-bottom: 1px; text-decoration: none; } - -footer a:hover{ - color: #ccc; +.desktop footer a:hover { + color: #fff; border-bottom:1px solid #999; } -footer ul{ - margin:0; +footer ul { + margin: 0; } -footer ul li{ - color: #bbb; - margin: 0 5px 0 0; +footer div { + color: #888; font-size: 12px; - display: inline-block; -} -footer ul li:last-child{ - margin-right:0px; } -footer ul.footer-left{ - float:left; - margin-left:40px; +footer ul li:last-child { + margin-right: 0px; } -footer ul.footer-right{ - float:right; - margin-right:40px; +footer div:first-child > a { + margin-right: 5px; } .desktop footer a:hover { - color: #ddd; + color: #fff; } + /* headings */ h1 { @@ -273,6 +269,36 @@ th, .gray { font-size: 9pt; } +/* splash teaser */ + +.teaser { + position: absolute; + top: 50%; + left: 25%; + transform: translateY(-50%); +} +.teaser b { + font-family: 'Roboto', sans-serif; + font-weight: 500; + color: #fff; + font-size: 40px; + display: block; +} +.teaser tt { + font-family: 'Roboto Mono', monospace; + color: #ddd; + font-size: 16px; + display: block; + max-width: 400px; +} +.teaser .btn { + color: #ddd; + background: #444; + padding: 5px 10px; + font-size: 20px; + border-radius: 4px; +} + /* content */ .content { @@ -874,6 +900,9 @@ section.fullwidth .image { .desktop .dataset-list .sort-options li:hover { background: #888; } +.desktop .dataset-list .sort-options li.active:hover { + background: #fff; +} .dataset_list .applet { margin-bottom: 15px; } @@ -967,13 +996,17 @@ page-specific formatting ul.map-legend{ display: inline-block; - margin:0; - font-size:14px; + margin: 0; + font-size: 14px; } -ul.map-legend li{ +ul.map-legend li { margin-right: 10px; - padding-top:4px; + padding-top: 4px; display: inline-block; + cursor: pointer; +} +.desktop ul.map-legend li:hover { + text-decoration: underline; } ul.map-legend li:before { content: ''; @@ -982,6 +1015,10 @@ ul.map-legend li:before { height: 10px; margin-right: 6px; } +ul.map-legend li.active { + text-decoration: underline; + color: #fff; +} ul.map-legend li.edu:before { background-color: #f2f293; } diff --git a/site/assets/css/mobile.css b/site/assets/css/mobile.css index 6a742277..d6ded8d6 100644 --- a/site/assets/css/mobile.css +++ b/site/assets/css/mobile.css @@ -1,7 +1,17 @@ /* MOBILE - iphone/ipad css */ +softbr { + display: none; +} + @media all and (max-device-width: 1024px) { + softbr { + display: block; + height: 10px; + } + /* header / footer */ + .slogan { padding-left: 10px; } @@ -59,7 +69,13 @@ height: 360px; } - /* MOBILE datasets page */ + + .content td a { + text-overflow: ellipsis; + max-width: 100%; + overflow: hidden; + display: inline-block; + } } /* iphone-specific */ diff --git a/site/public/about/assets/LICENSE/index.html b/site/public/about/assets/LICENSE/index.html index 66d8b3ac..43fe5ce5 100644 --- a/site/public/about/assets/LICENSE/index.html +++ b/site/public/about/assets/LICENSE/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> <meta name="description" content="" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/public/about/attribution/index.html b/site/public/about/attribution/index.html index aaeb1624..144f7f0f 100644 --- a/site/public/about/attribution/index.html +++ b/site/public/about/attribution/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> <meta name="description" content="MegaPixels Privacy Policy" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/public/about/index.html b/site/public/about/index.html index 2d0b349b..36a094d4 100644 --- a/site/public/about/index.html +++ b/site/public/about/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> <meta name="description" content="About MegaPixels" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/public/about/legal/index.html b/site/public/about/legal/index.html index dbcaa187..a6382fa1 100644 --- a/site/public/about/legal/index.html +++ b/site/public/about/legal/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> <meta name="description" content="MegaPixels Privacy Policy" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/public/about/press/index.html b/site/public/about/press/index.html index 0bbdffd2..233201bf 100644 --- a/site/public/about/press/index.html +++ b/site/public/about/press/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> <meta name="description" content="MegaPixels Press and News" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/public/datasets/50_people_one_question/index.html b/site/public/datasets/50_people_one_question/index.html index 76d5b92f..bc879799 100644 --- a/site/public/datasets/50_people_one_question/index.html +++ b/site/public/datasets/50_people_one_question/index.html @@ -11,13 +11,14 @@ <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>50 People One Question Dataset</div> + <div class='page_name'>50 People One Question Dataset</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> diff --git a/site/public/datasets/afad/index.html b/site/public/datasets/afad/index.html index a3ff00cf..f5a04251 100644 --- a/site/public/datasets/afad/index.html +++ b/site/public/datasets/afad/index.html @@ -11,13 +11,14 @@ <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>Asian Face Age Dataset</div> + <div class='page_name'>Asian Face Age Dataset</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> diff --git a/site/public/datasets/brainwash/index.html b/site/public/datasets/brainwash/index.html index 453e4956..8af087b2 100644 --- a/site/public/datasets/brainwash/index.html +++ b/site/public/datasets/brainwash/index.html @@ -5,19 +5,27 @@ <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> <meta name="description" content="Brainwash is a dataset of webcam images taken from the Brainwash Cafe in San Francisco in 2014" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="assets/background.jpg" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>Brainwash Dataset</div> + <div class='page_name'>Brainwash Dataset</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> diff --git a/site/public/datasets/caltech_10k/index.html b/site/public/datasets/caltech_10k/index.html index e86c5ca3..5848b804 100644 --- a/site/public/datasets/caltech_10k/index.html +++ b/site/public/datasets/caltech_10k/index.html @@ -11,13 +11,14 @@ <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>Brainwash Dataset</div> + <div class='page_name'>Brainwash Dataset</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> diff --git a/site/public/datasets/celeba/index.html b/site/public/datasets/celeba/index.html index 0236b91c..92c0e334 100644 --- a/site/public/datasets/celeba/index.html +++ b/site/public/datasets/celeba/index.html @@ -11,13 +11,14 @@ <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>CelebA Dataset</div> + <div class='page_name'>CelebA Dataset</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> diff --git a/site/public/datasets/cofw/index.html b/site/public/datasets/cofw/index.html index b0e73dac..fd6d86ae 100644 --- a/site/public/datasets/cofw/index.html +++ b/site/public/datasets/cofw/index.html @@ -11,13 +11,14 @@ <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>COFW Dataset</div> + <div class='page_name'>COFW Dataset</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> diff --git a/site/public/datasets/duke_mtmc/index.html b/site/public/datasets/duke_mtmc/index.html index 116fe770..823c71e1 100644 --- a/site/public/datasets/duke_mtmc/index.html +++ b/site/public/datasets/duke_mtmc/index.html @@ -5,19 +5,27 @@ <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> <meta name="description" content="Duke MTMC is a dataset of surveillance camera footage of students on Duke University campus" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="assets/background.jpg" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>Duke MTMC Dataset</div> + <div class='page_name'>Duke MTMC Dataset</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> diff --git a/site/public/datasets/feret/index.html b/site/public/datasets/feret/index.html index 09abaee2..88b025ae 100644 --- a/site/public/datasets/feret/index.html +++ b/site/public/datasets/feret/index.html @@ -11,13 +11,14 @@ <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>LFW</div> + <div class='page_name'>LFW</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> diff --git a/site/public/datasets/hrt_transgender/index.html b/site/public/datasets/hrt_transgender/index.html index 4e566a4a..1cf46f47 100644 --- a/site/public/datasets/hrt_transgender/index.html +++ b/site/public/datasets/hrt_transgender/index.html @@ -5,19 +5,27 @@ <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> <meta name="description" content="TBD" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="assets/background.jpg" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>HRT Transgender</div> + <div class='page_name'>HRT Transgender</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> diff --git a/site/public/datasets/ijb_c/index.html b/site/public/datasets/ijb_c/index.html index 6f57386c..d0d022c5 100644 --- a/site/public/datasets/ijb_c/index.html +++ b/site/public/datasets/ijb_c/index.html @@ -5,19 +5,27 @@ <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> <meta name="description" content="IARPA Janus Benchmark C is a dataset of web images used" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="assets/background.jpg" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>IJB-C</div> + <div class='page_name'>IJB-C</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> diff --git a/site/public/datasets/index.html b/site/public/datasets/index.html index fb8fe174..3bf8ec18 100644 --- a/site/public/datasets/index.html +++ b/site/public/datasets/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> <meta name="description" content="Facial Recognition Datasets" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/public/datasets/lfpw/index.html b/site/public/datasets/lfpw/index.html index 1238c8d3..68c3e033 100644 --- a/site/public/datasets/lfpw/index.html +++ b/site/public/datasets/lfpw/index.html @@ -11,13 +11,14 @@ <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>LFWP</div> + <div class='page_name'>LFWP</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> diff --git a/site/public/datasets/lfw/index.html b/site/public/datasets/lfw/index.html index 68021e93..7ae440a8 100644 --- a/site/public/datasets/lfw/index.html +++ b/site/public/datasets/lfw/index.html @@ -11,13 +11,14 @@ <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>LFW</div> + <div class='page_name'>LFW</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> diff --git a/site/public/datasets/market_1501/index.html b/site/public/datasets/market_1501/index.html index a72cb6cf..0415f969 100644 --- a/site/public/datasets/market_1501/index.html +++ b/site/public/datasets/market_1501/index.html @@ -11,13 +11,14 @@ <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>Market 1501</div> + <div class='page_name'>Market 1501</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> diff --git a/site/public/datasets/msceleb/index.html b/site/public/datasets/msceleb/index.html index 63f314bb..ae43de70 100644 --- a/site/public/datasets/msceleb/index.html +++ b/site/public/datasets/msceleb/index.html @@ -5,19 +5,27 @@ <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> <meta name="description" content="Microsoft Celeb 1M is a target list and dataset of web images used for research and development of face recognition" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="assets/background.jpg" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>Microsoft Celeb</div> + <div class='page_name'>Microsoft Celeb</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> @@ -33,13 +41,13 @@ <div>2016</div> </div><div class='meta'> <div class='gray'>Images</div> - <div>1,000,000 </div> + <div>10,000,000 </div> </div><div class='meta'> <div class='gray'>Identities</div> <div>100,000 </div> </div><div class='meta'> <div class='gray'>Purpose</div> - <div>Large-scale face recognition</div> + <div>Face recognition</div> </div><div class='meta'> <div class='gray'>Created by</div> <div>Microsoft Research</div> diff --git a/site/public/datasets/oxford_town_centre/index.html b/site/public/datasets/oxford_town_centre/index.html index fabcae6b..fefe657b 100644 --- a/site/public/datasets/oxford_town_centre/index.html +++ b/site/public/datasets/oxford_town_centre/index.html @@ -5,19 +5,27 @@ <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> <meta name="description" content="Oxford Town Centre is a dataset of surveillance camera footage from Cornmarket St Oxford, England" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="assets/background.jpg" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>TownCentre</div> + <div class='page_name'>TownCentre</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> diff --git a/site/public/datasets/pipa/index.html b/site/public/datasets/pipa/index.html index 297f4d45..065f3e47 100644 --- a/site/public/datasets/pipa/index.html +++ b/site/public/datasets/pipa/index.html @@ -11,13 +11,14 @@ <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>PIPA Dataset</div> + <div class='page_name'>PIPA Dataset</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> diff --git a/site/public/datasets/pubfig/index.html b/site/public/datasets/pubfig/index.html index 5feed748..79644e40 100644 --- a/site/public/datasets/pubfig/index.html +++ b/site/public/datasets/pubfig/index.html @@ -11,13 +11,14 @@ <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>PubFig</div> + <div class='page_name'>PubFig</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> diff --git a/site/public/datasets/uccs/index.html b/site/public/datasets/uccs/index.html index 3296cabc..9448dd1e 100644 --- a/site/public/datasets/uccs/index.html +++ b/site/public/datasets/uccs/index.html @@ -5,19 +5,27 @@ <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> <meta name="description" content="UnConstrained College Students is a dataset of long-range surveillance photos of students on University of Colorado in Colorado Springs campus" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="assets/background.jpg" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>UCCS</div> + <div class='page_name'>UCCS</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> diff --git a/site/public/datasets/vgg_face2/index.html b/site/public/datasets/vgg_face2/index.html index 5f314d9e..7844f5f4 100644 --- a/site/public/datasets/vgg_face2/index.html +++ b/site/public/datasets/vgg_face2/index.html @@ -11,13 +11,14 @@ <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>Brainwash Dataset</div> + <div class='page_name'>Brainwash Dataset</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> diff --git a/site/public/datasets/viper/index.html b/site/public/datasets/viper/index.html index 4d2abbe1..320899ea 100644 --- a/site/public/datasets/viper/index.html +++ b/site/public/datasets/viper/index.html @@ -11,13 +11,14 @@ <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>VIPeR</div> + <div class='page_name'>VIPeR</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> diff --git a/site/public/datasets/youtube_celebrities/index.html b/site/public/datasets/youtube_celebrities/index.html index d0a7a172..b871ab18 100644 --- a/site/public/datasets/youtube_celebrities/index.html +++ b/site/public/datasets/youtube_celebrities/index.html @@ -11,13 +11,14 @@ <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - <div class='splash'>YouTube Celebrities</div> + <div class='page_name'>YouTube Celebrities</div> </a> <div class='links'> <a href="/datasets/">Datasets</a> diff --git a/site/public/index.html b/site/public/index.html index 118814be..98e7a1ca 100644 --- a/site/public/index.html +++ b/site/public/index.html @@ -7,17 +7,27 @@ <meta name="description" content="MegaPixels: Facial Recognition Datasets" /> <meta name="referrer" content="no-referrer" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="https://okfoc.us/assets/images/ok_icon.png" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> + <meta name="referrer" content="no-referrer" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> + <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/splash.css' /> </head> -<body> +<body class='home'> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> </a> - <div class='links splash'> + <div class='links'> <a href="/datasets/" class='aboutLink'>DATASETS</a> <a href="/about/" class='aboutLink'>ABOUT</a> </div> @@ -27,7 +37,7 @@ </div> <footer> <div> - MegaPixels is a research project by Adam Harvey about facial recognition datasets, developed in partnership with Mozilla. + <span><a href="/about/">MegaPixels</a> is a research project by Adam Harvey about <a href="/datasets/">facial recognition datasets</a>, developed in partnership with Mozilla.</span> </div> <div> MegaPixels ©2017-19 Adam R. Harvey / diff --git a/site/public/info/index.html b/site/public/info/index.html index 7e7ecf80..4bc41189 100644 --- a/site/public/info/index.html +++ b/site/public/info/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> <meta name="description" content="" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/public/research/00_introduction/index.html b/site/public/research/00_introduction/index.html index ef8a5316..4664940d 100644 --- a/site/public/research/00_introduction/index.html +++ b/site/public/research/00_introduction/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Megapixels" /> <meta name="description" content="Introduction to Megapixels" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/public/research/01_from_1_to_100_pixels/index.html b/site/public/research/01_from_1_to_100_pixels/index.html index fe49e998..dc15c62c 100644 --- a/site/public/research/01_from_1_to_100_pixels/index.html +++ b/site/public/research/01_from_1_to_100_pixels/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> <meta name="description" content="High resolution insights from low resolution imagery" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="assets/intro.jpg" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/public/research/02_what_computers_can_see/index.html b/site/public/research/02_what_computers_can_see/index.html index aac0b723..6ad2f2ef 100644 --- a/site/public/research/02_what_computers_can_see/index.html +++ b/site/public/research/02_what_computers_can_see/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> <meta name="description" content="What Computers Can See" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/public/research/index.html b/site/public/research/index.html index 0386fa99..7c113b5c 100644 --- a/site/public/research/index.html +++ b/site/public/research/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Adam Harvey" /> <meta name="description" content="Research blog" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/public/test/chart/index.html b/site/public/test/chart/index.html index 05081cf5..fc8bfa28 100644 --- a/site/public/test/chart/index.html +++ b/site/public/test/chart/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Megapixels" /> <meta name="description" content="Chart Test" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/public/test/citations/index.html b/site/public/test/citations/index.html index 36021752..141845b5 100644 --- a/site/public/test/citations/index.html +++ b/site/public/test/citations/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Megapixels" /> <meta name="description" content="Citations Test" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/public/test/csv/index.html b/site/public/test/csv/index.html index 301ed718..0a9f3e9f 100644 --- a/site/public/test/csv/index.html +++ b/site/public/test/csv/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Megapixels" /> <meta name="description" content="CSV Test" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/public/test/datasets/index.html b/site/public/test/datasets/index.html index 58555895..13c6a4e1 100644 --- a/site/public/test/datasets/index.html +++ b/site/public/test/datasets/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Megapixels" /> <meta name="description" content="Datasets Test" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/public/test/face_search/index.html b/site/public/test/face_search/index.html index e2db70df..05ef399a 100644 --- a/site/public/test/face_search/index.html +++ b/site/public/test/face_search/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Megapixels" /> <meta name="description" content="Face Search Test" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/public/test/gallery/index.html b/site/public/test/gallery/index.html index 869c3aaa..7c9fb961 100644 --- a/site/public/test/gallery/index.html +++ b/site/public/test/gallery/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Megapixels" /> <meta name="description" content="Gallery Test" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/public/test/index.html b/site/public/test/index.html index 9c15d431..b1ce8220 100644 --- a/site/public/test/index.html +++ b/site/public/test/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Megapixels" /> <meta name="description" content="Frontend tests" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/public/test/map/index.html b/site/public/test/map/index.html index ba2756ae..9fa79e85 100644 --- a/site/public/test/map/index.html +++ b/site/public/test/map/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Megapixels" /> <meta name="description" content="Map Test" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/public/test/name_search/index.html b/site/public/test/name_search/index.html index c956ff0b..faa948a1 100644 --- a/site/public/test/name_search/index.html +++ b/site/public/test/name_search/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Megapixels" /> <meta name="description" content="Name Search Test" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/public/test/pie_chart/index.html b/site/public/test/pie_chart/index.html index 2e3ba39c..1f6b03a5 100644 --- a/site/public/test/pie_chart/index.html +++ b/site/public/test/pie_chart/index.html @@ -5,12 +5,20 @@ <meta charset="utf-8" /> <meta name="author" content="Megapixels" /> <meta name="description" content="Pie Chart Test" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> diff --git a/site/templates/home.html b/site/templates/home.html index 118814be..98e7a1ca 100644 --- a/site/templates/home.html +++ b/site/templates/home.html @@ -7,17 +7,27 @@ <meta name="description" content="MegaPixels: Facial Recognition Datasets" /> <meta name="referrer" content="no-referrer" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="https://okfoc.us/assets/images/ok_icon.png" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> + <meta name="referrer" content="no-referrer" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> + <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/splash.css' /> </head> -<body> +<body class='home'> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> </a> - <div class='links splash'> + <div class='links'> <a href="/datasets/" class='aboutLink'>DATASETS</a> <a href="/about/" class='aboutLink'>ABOUT</a> </div> @@ -27,7 +37,7 @@ </div> <footer> <div> - MegaPixels is a research project by Adam Harvey about facial recognition datasets, developed in partnership with Mozilla. + <span><a href="/about/">MegaPixels</a> is a research project by Adam Harvey about <a href="/datasets/">facial recognition datasets</a>, developed in partnership with Mozilla.</span> </div> <div> MegaPixels ©2017-19 Adam R. Harvey / diff --git a/site/templates/layout.html b/site/templates/layout.html index cfef0bca..04d2aa17 100644 --- a/site/templates/layout.html +++ b/site/templates/layout.html @@ -5,19 +5,27 @@ <meta charset="utf-8" /> <meta name="author" content="{{ metadata.authors }}" /> <meta name="description" content="{{ metadata.og_desc }}" /> + <meta property="og:title" content="MegaPixels"/> + <meta property="og:type" content="website"/> + <meta property="og:image" content="{{ metadata.image }}" /> + <meta property="og:url" content="https://megapixels.cc/"/> + <meta property="og:site_name" content="MegaPixels" /> <meta name="referrer" content="no-referrer" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" /> + <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/> + <meta name="apple-mobile-web-app-status-bar-style" content="black"> + <meta name="apple-mobile-web-app-capable" content="yes"> <link rel='stylesheet' href='/assets/css/fonts.css' /> <link rel='stylesheet' href='/assets/css/css.css' /> <link rel='stylesheet' href='/assets/css/leaflet.css' /> <link rel='stylesheet' href='/assets/css/applets.css' /> + <link rel='stylesheet' href='/assets/css/mobile .css' /> </head> <body> <header> <a class='slogan' href="/"> <div class='logo'></div> <div class='site_name'>MegaPixels</div> - {% if metadata.meta.dataset %}<div class='splash'>{{ metadata.meta.dataset.name_display }}</div>{% endif %} + {% if metadata.meta.dataset %}<div class='page_name'>{{ metadata.meta.dataset.name_display }}</div>{% endif %} </a> <div class='links'> <a href="/datasets/">Datasets</a> |