1 files changed, 41 insertions, 3 deletions
diff --git a/site/public/index.html b/site/public/index.html
index 118814be..4c25f476 100644
--- a/site/public/index.html
+++ b/site/public/index.html
@@ -7,27 +7,65 @@
   <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://megapixels.cc/assets/img/megapixels-share.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="apple-touch-icon" sizes="57x57" href="/assets/img/favicon/apple-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="60x60" href="/assets/img/favicon/apple-icon-60x60.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="/assets/img/favicon/apple-icon-72x72.png">
+  <link rel="apple-touch-icon" sizes="76x76" href="/assets/img/favicon/apple-icon-76x76.png">
+  <link rel="apple-touch-icon" sizes="114x114" href="/assets/img/favicon/apple-icon-114x114.png">
+  <link rel="apple-touch-icon" sizes="120x120" href="/assets/img/favicon/apple-icon-120x120.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="/assets/img/favicon/apple-icon-144x144.png">
+  <link rel="apple-touch-icon" sizes="152x152" href="/assets/img/favicon/apple-icon-152x152.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/favicon/apple-icon-180x180.png">
+  <link rel="icon" type="image/png" sizes="192x192"  href="/assets/img/favicon/android-icon-192x192.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="96x96" href="/assets/img/favicon/favicon-96x96.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon/favicon-16x16.png">
+  <link rel="manifest" href="/assets/img/favicon/manifest.json">
+  <meta name="msapplication-TileColor" content="#ffffff">
+  <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
+  <meta name="theme-color" content="#ffffff">
+
   <link rel='stylesheet' href='/assets/css/fonts.css' />
   <link rel='stylesheet' href='/assets/css/css.css' />
   <link rel='stylesheet' href='/assets/css/splash.css' />
+  <link rel='stylesheet' href='/assets/css/mobile.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>
   </header>
   <div class="splash">
     <div id="three_container"></div>
+    <div class="teaser">
+      <b>MegaPixels</b>
+      <tt><span>is an art and research project
+      investigating the ethics, origins,
+      and individual privacy implications
+      of face recognition datasets
+      created "in the wild."</span></tt>
+      <a href="/datasets/" class='btn'>View Datasets</a>
+    </div>
   </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>, made possible with support from Mozilla.</span>
     </div>
     <div>
       MegaPixels &copy;2017-19 Adam R. Harvey /&nbsp;