rebuild

29 files changed, 236 insertions, 38 deletions

diff --git a/site/public/about/assets/LICENSE/index.html b/site/public/about/assets/LICENSE/index.html
index 97c55000..43fe5ce5 100644
--- a/site/public/about/assets/LICENSE/index.html
+++ b/site/public/about/assets/LICENSE/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/about/attribution/index.html b/site/public/about/attribution/index.html
index dfc5f5c9..144f7f0f 100644
--- a/site/public/about/attribution/index.html
+++ b/site/public/about/attribution/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/about/index.html b/site/public/about/index.html
index 28e29d44..9f3c1a02 100644
--- a/site/public/about/index.html
+++ b/site/public/about/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/about/legal/index.html b/site/public/about/legal/index.html
index e86b59e7..a6382fa1 100644
--- a/site/public/about/legal/index.html
+++ b/site/public/about/legal/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/about/press/index.html b/site/public/about/press/index.html
index d3844c08..4870eec3 100644
--- a/site/public/about/press/index.html
+++ b/site/public/about/press/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/datasets/brainwash/index.html b/site/public/datasets/brainwash/index.html
index 19f1f55a..8af087b2 100644
--- a/site/public/datasets/brainwash/index.html
+++ b/site/public/datasets/brainwash/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/datasets/duke_mtmc/index.html b/site/public/datasets/duke_mtmc/index.html
index 359d83da..823c71e1 100644
--- a/site/public/datasets/duke_mtmc/index.html
+++ b/site/public/datasets/duke_mtmc/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/datasets/hrt_transgender/index.html b/site/public/datasets/hrt_transgender/index.html
index 51f5bdeb..1cf46f47 100644
--- a/site/public/datasets/hrt_transgender/index.html
+++ b/site/public/datasets/hrt_transgender/index.html
@@ -5,8 +5,15 @@
   <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' />
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 6691e582..731bd3e0 100644
--- a/site/public/datasets/index.html
+++ b/site/public/datasets/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/datasets/msceleb/index.html b/site/public/datasets/msceleb/index.html
index 8aee1659..ae43de70 100644
--- a/site/public/datasets/msceleb/index.html
+++ b/site/public/datasets/msceleb/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/datasets/oxford_town_centre/index.html b/site/public/datasets/oxford_town_centre/index.html
index 4d0cb6cd..fefe657b 100644
--- a/site/public/datasets/oxford_town_centre/index.html
+++ b/site/public/datasets/oxford_town_centre/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/datasets/uccs/index.html b/site/public/datasets/uccs/index.html
index a174c698..9448dd1e 100644
--- a/site/public/datasets/uccs/index.html
+++ b/site/public/datasets/uccs/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/index.html b/site/public/index.html
index 9eff00f2..98e7a1ca 100644
--- a/site/public/index.html
+++ b/site/public/index.html
@@ -7,6 +7,16 @@
   <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' />
@@ -24,15 +34,6 @@
   </header>
   <div class="splash">
     <div id="three_container"></div>
-    <div class="teaser">
-      <b>MegaPixels</b>
-      <tt>is an art and research project
-      investigating the ethics, origins,
-      and individual privacy implications
-      of face recognition datasets
-      created "in the wild."</tt>
-      <a href="/datasets/" class='btn'>View Datasets</a>
-    </div>
   </div>
   <footer>
     <div>
diff --git a/site/public/info/index.html b/site/public/info/index.html
index c94daf99..4bc41189 100644
--- a/site/public/info/index.html
+++ b/site/public/info/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/research/00_introduction/index.html b/site/public/research/00_introduction/index.html
index 59f14da3..4664940d 100644
--- a/site/public/research/00_introduction/index.html
+++ b/site/public/research/00_introduction/index.html
@@ -5,8 +5,15 @@
   <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' />
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 9e723a46..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,8 +5,15 @@
   <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' />
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 2bfc12cc..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,8 +5,15 @@
   <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' />
diff --git a/site/public/research/index.html b/site/public/research/index.html
index a3995c7b..7c113b5c 100644
--- a/site/public/research/index.html
+++ b/site/public/research/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/test/chart/index.html b/site/public/test/chart/index.html
index 10a6bb0b..fc8bfa28 100644
--- a/site/public/test/chart/index.html
+++ b/site/public/test/chart/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/test/citations/index.html b/site/public/test/citations/index.html
index 581eda7e..141845b5 100644
--- a/site/public/test/citations/index.html
+++ b/site/public/test/citations/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/test/csv/index.html b/site/public/test/csv/index.html
index a984328f..0a9f3e9f 100644
--- a/site/public/test/csv/index.html
+++ b/site/public/test/csv/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/test/datasets/index.html b/site/public/test/datasets/index.html
index c16575d8..13c6a4e1 100644
--- a/site/public/test/datasets/index.html
+++ b/site/public/test/datasets/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/test/face_search/index.html b/site/public/test/face_search/index.html
index c40fcab4..05ef399a 100644
--- a/site/public/test/face_search/index.html
+++ b/site/public/test/face_search/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/test/gallery/index.html b/site/public/test/gallery/index.html
index 364f7e9a..7c9fb961 100644
--- a/site/public/test/gallery/index.html
+++ b/site/public/test/gallery/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/test/index.html b/site/public/test/index.html
index 09178a3d..b1ce8220 100644
--- a/site/public/test/index.html
+++ b/site/public/test/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/test/map/index.html b/site/public/test/map/index.html
index 66210bd3..9fa79e85 100644
--- a/site/public/test/map/index.html
+++ b/site/public/test/map/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/test/name_search/index.html b/site/public/test/name_search/index.html
index 0901fce1..faa948a1 100644
--- a/site/public/test/name_search/index.html
+++ b/site/public/test/name_search/index.html
@@ -5,8 +5,15 @@
   <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' />
diff --git a/site/public/test/pie_chart/index.html b/site/public/test/pie_chart/index.html
index 9c55bf09..1f6b03a5 100644
--- a/site/public/test/pie_chart/index.html
+++ b/site/public/test/pie_chart/index.html
@@ -5,8 +5,15 @@
   <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' />