10 files changed, 90 insertions, 10 deletions
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>