css tweaks

28 files changed, 67 insertions, 166 deletions

diff --git a/site/public/about/credits/index.html b/site/public/about/credits/index.html
index 6e4f06c1..7f3da564 100644
--- a/site/public/about/credits/index.html
+++ b/site/public/about/credits/index.html
@@ -36,14 +36,7 @@
 <li><a href="/about/terms/">Terms and Conditions</a></li>
 <li><a href="/about/privacy/">Privacy Policy</a></li>
 </ul>
-</div><ul>
-<li>MegaPixels by Adam Harvey</li>
-<li>Made with support from Mozilla</li>
-<li>Site developed by Jules Laplace</li>
-<li>Design and graphics: Adam Harvey</li>
-<li>Research assistants: Berit Gilma</li>
-</ul>
-</section>
+</div></section>
 
   </div>
   <footer>
diff --git a/site/public/about/disclaimer/index.html b/site/public/about/disclaimer/index.html
index b93194fa..2f915c48 100644
--- a/site/public/about/disclaimer/index.html
+++ b/site/public/about/disclaimer/index.html
@@ -25,18 +25,17 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-about">
     
   <section><h1>Disclaimer</h1>
-</section><section><div class='right-sidebar'><ul>
+<ul>
 <li><a href="/about/">About</a></li>
 <li><a href="/about/press/">Press</a></li>
-<li><a href="/about/credits/">Credits</a></li>
 <li><a href="/about/disclaimer/">Disclaimer</a></li>
 <li><a href="/about/terms/">Terms and Conditions</a></li>
 <li><a href="/about/privacy/">Privacy Policy</a></li>
 </ul>
-</div><p>Last updated: December 04, 2018</p>
+</section><section><p>Last updated: December 04, 2018</p>
 <p>The information contained on MegaPixels.cc website (the "Service") is for academic and artistic purposes only.</p>
 <p>MegaPixels.cc assumes no responsibility for errors or omissions in the contents on the Service.</p>
 <p>In no event shall MegaPixels.cc be liable for any special, direct, indirect, consequential, or incidental damages or any damages whatsoever, whether in an action of contract, negligence or other tort, arising out of or in connection with the use of the Service or the contents of the Service. MegaPixels.cc reserves the right to make additions, deletions, or modification to the contents on the Service at any time without prior notice.</p>
diff --git a/site/public/about/index.html b/site/public/about/index.html
index b7401ee8..71038691 100644
--- a/site/public/about/index.html
+++ b/site/public/about/index.html
@@ -25,22 +25,25 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-about">
     
-  <section><h1>About MegaPixels</h1>
-</section><section><div class='right-sidebar'><ul>
+  <section><h1>About This Project</h1>
+<ul>
+<li><a href="/about/">About</a></li>
 <li><a href="/about/press/">Press</a></li>
-<li><a href="/about/credits/">Credits</a></li>
 <li><a href="/about/disclaimer/">Disclaimer</a></li>
 <li><a href="/about/terms/">Terms and Conditions</a></li>
 <li><a href="/about/privacy/">Privacy Policy</a></li>
 </ul>
-<div class='meta'><div><div class='gray'>Years</div><div>2002-2019</div></div><div><div class='gray'>Datasets Analyzed</div><div>325</div></div><div><div class='gray'>Author</div><div>Adam Harvey</div></div><div><div class='gray'>Development</div><div>Jules LaPlace</div></div><div><div class='gray'>Research Assistance</div><div>Berit Gilma</div></div></div></div><p>MegaPixels aims to answer to these questions and reveal the stories behind the millions of images used to train, evaluate, and power the facial recognition surveillance algorithms used today. MegaPixels is authored by Adam Harvey, developed in collaboration with Jules LaPlace, and produced in partnership with Mozilla.</p>
-<p>MegaPixels aims to answer to these questions and reveal the stories behind the millions of images used to train, evaluate, and power the facial recognition surveillance algorithms used today. MegaPixels is authored by Adam Harvey, developed in collaboration with Jules LaPlace, and produced in partnership with Mozilla.</p>
+</section><section><div class='right-sidebar'><h3>Project Statistics</h3>
+<div class='meta'><div><div class='gray'>Project Started</div><div>2012</div></div><div><div class='gray'>Datasets Discovered</div><div>325</div></div><div><div class='gray'>Analyzed So Far</div><div>10</div></div></div><h3>Credits</h3>
+<div class='meta'><div><div class='gray'>Author</div><div>Adam Harvey</div></div><div><div class='gray'>Development</div><div>Jules LaPlace</div></div><div><div class='gray'>Research Assistance</div><div>Berit Gilma</div></div><div><div class='gray'>Supported by</div><div>Mozilla</div></div></div></div><p>MegaPixels is an art and research project about the origins and ethics of facial analysis datasets. Where do they come from? Who's included? Who created it and for what reason?</p>
+<p>MegaPixels sets out to answer to these questions and reveal the stories behind the millions of images used to train, evaluate, and power the facial recognition surveillance algorithms used today. MegaPixels is authored by Adam Harvey, developed in collaboration with Jules LaPlace, and produced in partnership with Mozilla.</p>
 </section><section class='images'><div class='sideimage'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/about/assets/adam-harvey.jpg' alt='Adam Harvey'><div><p><strong>Adam Harvey</strong> is an American artist and researcher based in Berlin. His previous projects (CV Dazzle, Stealth Wear, and SkyLift) explore the potential for countersurveillance as artwork. He is the founder of VFRAME (visual forensics software for human rights groups), the recipient of 2 PrototypeFund awards, and is currently a researcher in residence at Karlsruhe HfG studying artifical intelligence and datasets.</p>
 </div></div></section><section class='images'><div class='sideimage'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/about/assets/jules-laplace.jpg' alt='Jules LaPlace'><div><p><strong>Jules LaPlace</strong> is an American artist and technologist also based in Berlin. He was previously the CTO of a NYC digital agency and currently works at VFRAME, developing computer vision for human rights groups, and building creative software for artists.</p>
-</div></div></section><section class='images'><div class='sideimage'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/about/assets/mozilla.png' alt='Mozilla'><div><p><strong>Mozilla</strong> is a free software community founded in 1998 by members of Netscape. The Mozilla community uses, develops, spreads and supports Mozilla products, thereby promoting exclusively free software and open standards, with only minor exceptions. The community is supported institutionally by the not-for-profit Mozilla Foundation and its tax-paying subsidiary, the Mozilla Corporation.</p>
-</div></div></section>
+</div></div></section><section><h2>Partnership</h2>
+<p>MegaPixels is produced in partnership with <strong>Mozilla</strong>, a free software community founded in 1998 by members of Netscape. The Mozilla community uses, develops, spreads and supports Mozilla products, thereby promoting exclusively free software and open standards, with only minor exceptions. The community is supported institutionally by the not-for-profit Mozilla Foundation and its tax-paying subsidiary, the Mozilla Corporation.</p>
+</section>
 
   </div>
   <footer>
diff --git a/site/public/about/press/index.html b/site/public/about/press/index.html
index d36b6bc6..0791d2a2 100644
--- a/site/public/about/press/index.html
+++ b/site/public/about/press/index.html
@@ -25,22 +25,19 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-about">
     
   <section><h1>Press</h1>
-</section><section><div class='right-sidebar'><ul>
+<ul>
 <li><a href="/about/">About</a></li>
 <li><a href="/about/press/">Press</a></li>
-<li><a href="/about/credits/">Credits</a></li>
 <li><a href="/about/disclaimer/">Disclaimer</a></li>
 <li><a href="/about/terms/">Terms and Conditions</a></li>
 <li><a href="/about/privacy/">Privacy Policy</a></li>
 </ul>
-</div></section><section class='images'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/about/assets/test.jpg' alt='alt text'><div class='caption'>alt text</div></div></section><section><ul>
+</section><section><p>(list of press articles and images will go here)</p>
+<ul>
 <li>Aug 22, 2018: "Transgender YouTubers had their videos grabbed to train facial recognition software" by James Vincent <a href="https://www.theverge.com/2017/8/22/16180080/transgender-youtubers-ai-facial-recognition-dataset">https://www.theverge.com/2017/8/22/16180080/transgender-youtubers-ai-facial-recognition-dataset</a></li>
-<li>Aug 22, 2018: "Transgender YouTubers had their videos grabbed to train facial recognition software" by James Vincent <a href="https://www.theverge.com/2017/8/22/16180080/transgender-youtubers-ai-facial-recognition-dataset">https://www.theverge.com/2017/8/22/16180080/transgender-youtubers-ai-facial-recognition-dataset</a></li>
-<li>Aug 22, 2018: "Transgender YouTubers had their videos grabbed to train facial recognition software" by James Vincent <a href="https://www.theverge.com/2017/8/22/16180080/transgender-youtubers-ai-facial-recognition-dataset">https://www.theverge.com/2017/8/22/16180080/transgender-youtubers-ai-facial-recognition-dataset</a>
-lfw</li>
 </ul>
 </section>
 
diff --git a/site/public/about/privacy/index.html b/site/public/about/privacy/index.html
index 1b3b9d2f..1d9b2252 100644
--- a/site/public/about/privacy/index.html
+++ b/site/public/about/privacy/index.html
@@ -25,18 +25,17 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-about">
     
   <section><h1>Privacy Policy</h1>
-</section><section><div class='right-sidebar'><ul>
+<ul>
 <li><a href="/about/">About</a></li>
 <li><a href="/about/press/">Press</a></li>
-<li><a href="/about/credits/">Credits</a></li>
 <li><a href="/about/disclaimer/">Disclaimer</a></li>
 <li><a href="/about/terms/">Terms and Conditions</a></li>
 <li><a href="/about/privacy/">Privacy Policy</a></li>
 </ul>
-</div><p>A summary of our privacy policy is as follows:</p>
+<p>A summary of our privacy policy is as follows:</p>
 <p>The MegaPixels site does not use any analytics programs or collect any data besides the necessary IP address of your connection, which are deleted every 30 days and used only for security and to prevent misuse.</p>
 <p>The image processing sections of the site do not collect any data whatsoever. All processing takes place in temporary memory (RAM) and then is displayed back to the user over a SSL secured HTTPS connection. It is the sole responsibility of the user whether they discard, by closing the page, or share their analyzed information and any potential consequences that may arise from doing so.</p>
 <p>A more complete legal version is below:</p>
diff --git a/site/public/about/terms/index.html b/site/public/about/terms/index.html
index 8bd6e738..76cf1159 100644
--- a/site/public/about/terms/index.html
+++ b/site/public/about/terms/index.html
@@ -25,7 +25,7 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-about">
     
   <section><h1>Terms and Conditions ("Terms")</h1>
 </section><section><div class='right-sidebar'><ul>
@@ -36,7 +36,8 @@
 <li><a href="/about/terms/">Terms and Conditions</a></li>
 <li><a href="/about/privacy/">Privacy Policy</a></li>
 </ul>
-</div><p>Last updated: December 04, 2018</p>
+</div><p>(FPO: this is only example text)</p>
+<p>Last updated: December 04, 2018</p>
 <p>Please read these Terms and Conditions ("Terms", "Terms and Conditions") carefully before using the MegaPixels website (the "Service") operated by megapixels.cc ("us", "we", or "our").</p>
 <p>Your access to and use of the Service is conditioned on your acceptance of and compliance with these Terms.</p>
 <p>By accessing or using the Service you agree to be bound by these Terms. If you disagree with any part of the terms then you may not access the Service.</p>
diff --git a/site/public/datasets/index.html b/site/public/datasets/index.html
index 6e4af145..9cd50016 100644
--- a/site/public/datasets/index.html
+++ b/site/public/datasets/index.html
@@ -25,19 +25,22 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-">
     
 
   <section><h1>Facial Recognition Datasets</h1>
-</section><section><div class='meta'><div><div class='gray'>Found</div><div>275 datasets</div></div><div><div class='gray'>Created between</div><div>1993-2018</div></div><div><div class='gray'>Smallest dataset</div><div>20 images</div></div><div><div class='gray'>Largest dataset</div><div>10,000,000 images</div></div></div><section><section><div class='meta'><div><div class='gray'>Highest resolution faces</div><div>450x500 (Unconstrained College Students)</div></div><div><div class='gray'>Lowest resolution faces</div><div>16x20 pixels (QMUL SurvFace)</div></div></div><section>
+</section>
 
   <section class='wide dataset-intro'>
-    <p>
-      We have prepared detailed case studies of some of the more noteworthy datasets, including tools to help you learn what is contained in these datasets, and even whether your own face has been used to train these algorithms.
-    </p>
 
     <div class="dataset-list">
     
+      <a href="/datasets/brainwash/" style="background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/brainwash/assets/index.jpg)">
+        <div class="dataset">
+          <span>Brainwash</span>
+        </div>
+      </a>
+    
       <a href="/datasets/cofw/" style="background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/cofw/assets/index.jpg)">
         <div class="dataset">
           <span>Caltech Occluded Faces in The Wild</span>
diff --git a/site/public/datasets/lfw/index.html b/site/public/datasets/lfw/index.html
index 247dee42..a8a0aa4b 100644
--- a/site/public/datasets/lfw/index.html
+++ b/site/public/datasets/lfw/index.html
@@ -25,7 +25,7 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-">
     
   <section class='intro_section' style='background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/lfw/assets/background.jpg)'><div class='inner'><div class='hero_desc'><span><span style='color: #ff0000'>Labeled Faces in The Wild</span> (LFW) is a database of face photographs designed for studying the problem of unconstrained face recognition.</span></div><div class='hero_subdesc'><span>It includes 13,456 images of 4,432 people’s images copied from the Internet during 2002-2004.
 </span></div></div></section><section><div class='image'><div class='caption'>A few of the 5,749 people in the Labeled Faces in the Wild Dataset. The most widely used face dataset for benchmarking commercial face recognition algorithms.</div></div></section><section><div class='right-sidebar'><h3>Statistics</h3>
diff --git a/site/public/datasets/vgg_face2/index.html b/site/public/datasets/vgg_face2/index.html
index efe6cb84..f06bc879 100644
--- a/site/public/datasets/vgg_face2/index.html
+++ b/site/public/datasets/vgg_face2/index.html
@@ -25,7 +25,7 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-">
     
   <section><h1>VGG Face 2</h1>
 </section><section><div class='meta'><div><div class='gray'>Years</div><div>TBD</div></div><div><div class='gray'>Images</div><div>TBD</div></div><div><div class='gray'>Identities</div><div>TBD</div></div><div><div class='gray'>Origin</div><div>TBD</div></div><div><div class='gray'>Funding</div><div>IARPA</div></div></div><section><section class='fullwidth'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/vgg_face2/assets/vgg_face2_index.gif' alt='...'><div class='caption'>...</div></div></section><section><h3>Analysis</h3>
diff --git a/site/public/datasets_v0/index.html b/site/public/datasets_v0/index.html
index c2e6617b..19e8fda1 100644
--- a/site/public/datasets_v0/index.html
+++ b/site/public/datasets_v0/index.html
@@ -25,7 +25,7 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-">
     
   <section><h1>Facial Recognition Datasets</h1>
 <p>Regular Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
diff --git a/site/public/datasets_v0/lfw/index.html b/site/public/datasets_v0/lfw/index.html
index 4ee4799f..aefe393b 100644
--- a/site/public/datasets_v0/lfw/index.html
+++ b/site/public/datasets_v0/lfw/index.html
@@ -25,7 +25,7 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-">
     
   <section><h1>Labeled Faces in the Wild</h1>
 </section><section><div class='meta'><div><div class='gray'>Created</div><div>2007</div></div><div><div class='gray'>Images</div><div>13,233</div></div><div><div class='gray'>People</div><div>5,749</div></div><div><div class='gray'>Created From</div><div>Yahoo News images</div></div><div><div class='gray'>Search available</div><div>Searchable</div></div></div><section><section class='applet_container'><div class='applet' data-payload='{"command": "face_search"}'></div></section><section class='applet_container'><div class='applet' data-payload='{"command": "name_search"}'></div></section><section class='fullwidth'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/datasets_v0/lfw/assets/lfw_feature.jpg' alt='Eighteen of the 5,749 people in the Labeled Faces in the Wild Dataset. The most widely used face dataset for benchmarking commercial face recognition algorithms.'><div class='caption'>Eighteen of the 5,749 people in the Labeled Faces in the Wild Dataset. The most widely used face dataset for benchmarking commercial face recognition algorithms.</div></div></section><section><h3>Intro</h3>
diff --git a/site/public/datasets_v0/lfw/right-to-removal/index.html b/site/public/datasets_v0/lfw/right-to-removal/index.html
index 97ce4d05..338245bf 100644
--- a/site/public/datasets_v0/lfw/right-to-removal/index.html
+++ b/site/public/datasets_v0/lfw/right-to-removal/index.html
@@ -25,7 +25,7 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-">
     
   <section><h1>Labeled Faces in the Wild</h1>
 <h2>Right to Removal</h2>
diff --git a/site/public/datasets_v0/lfw/tables/index.html b/site/public/datasets_v0/lfw/tables/index.html
index dd460843..348a0759 100644
--- a/site/public/datasets_v0/lfw/tables/index.html
+++ b/site/public/datasets_v0/lfw/tables/index.html
@@ -25,7 +25,7 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-">
     
   <section><h1>Labeled Faces in the Wild</h1>
 <h2>Tables</h2>
diff --git a/site/public/datasets_v0/vgg_face2/index.html b/site/public/datasets_v0/vgg_face2/index.html
index 6a67e7e4..4f8cb550 100644
--- a/site/public/datasets_v0/vgg_face2/index.html
+++ b/site/public/datasets_v0/vgg_face2/index.html
@@ -25,7 +25,7 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-">
     
   <section><h1>VGG Faces2</h1>
 </section><section><div class='meta'><div><div class='gray'>Created</div><div>2018</div></div><div><div class='gray'>Images</div><div>3.3M</div></div><div><div class='gray'>People</div><div>9,000</div></div><div><div class='gray'>Created From</div><div>Scraping search engines</div></div><div><div class='gray'>Search available</div><div>[Searchable](#)</div></div></div><section><section><p>VGG Face2 is the updated version of the VGG Face dataset and now includes over 3.3M face images from over 9K people. The identities were selected by taking the top 500K identities in Google's Knowledge Graph of celebrities and then selecting only the names that yielded enough training images. The dataset was created in the UK but funded by Office of Director of National Intelligence in the United States.</p>
diff --git a/site/public/info/index.html b/site/public/info/index.html
index 0b59e647..371a6520 100644
--- a/site/public/info/index.html
+++ b/site/public/info/index.html
@@ -25,7 +25,7 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-">
     
   <section><h2>Face Analysis</h2>
 </section><section class='applet_container'><div class='applet' data-payload='{"command": "face_analysis"}'></div></section><section><p>Results are only stored for the duration of the analysis and are deleted when you leave this page.</p>
diff --git a/site/public/research/00_introduction/index.html b/site/public/research/00_introduction/index.html
index 395bd268..b661b939 100644
--- a/site/public/research/00_introduction/index.html
+++ b/site/public/research/00_introduction/index.html
@@ -25,7 +25,7 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-">
     
   <section>
     <h1>00: Introduction</h1>
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 c11e966e..87a08886 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
@@ -25,7 +25,7 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-">
     
   <section>
     <h1>From 1 to 100 Pixels</h1>
@@ -47,22 +47,31 @@
 <p>What can you know from a very small amount of information?</p>
 <ul>
 <li>1 pixel grayscale</li>
-<li>2x2 pixels grayscale, font example</li>
-<li>4x4 pixels</li>
-<li>8x8 yotta yotta</li>
-<li>5x7 face recognition</li>
+<li>2x2 pixels grayscale, font example, can encode letters</li>
+<li>3x3 pixels: can create a font</li>
+<li>4x4 pixels: how many variations</li>
+<li>8x8 yotta yotta, many more variations</li>
+<li>5x7 face recognition </li>
 <li>12x16 activity recognition</li>
 <li>6/5 (up to 124/106) pixels in height/width, and the average is 24/20 for QMUL SurvFace</li>
+<li>(prepare a Progan render of the QMUL dataset and TinyFaces)</li>
 <li>20x16 tiny faces paper</li>
 <li>20x20 MNIST handwritten images <a href="http://yann.lecun.com/exdb/mnist/">http://yann.lecun.com/exdb/mnist/</a></li>
 <li>24x24 haarcascade detector idealized images</li>
 <li>32x32 CIFAR image dataset</li>
 <li>40x40 can do emotion detection, face recognition at scale, 3d modeling of the face. include datasets with faces at this resolution including pedestrian.</li>
+<li>NIST standards begin to appear from 40x40, distinguish occular pixels</li>
 <li>need more material from 60-100</li>
 <li>60x60 show how texture emerges and pupils, eye color, higher resolution of features and compare to lower resolution faces</li>
+<li>100x100 all you need for medical diagnosis</li>
 <li>100x100 0.5% of one Instagram photo</li>
 </ul>
-<p>Find specific cases of facial resolution being used in legal cases, forensic investigations, or military footage</p>
+<p>Ideas:</p>
+<ul>
+<li>Find specific cases of facial resolution being used in legal cases, forensic investigations, or military footage</li>
+<li>resolution of boston bomber face</li>
+<li>resolution of the state of the union image</li>
+</ul>
 <h3>Research</h3>
 <ul>
 <li>NIST report on sres states several resolutions</li>
diff --git a/site/public/research/index.html b/site/public/research/index.html
index 56348040..e78e34c6 100644
--- a/site/public/research/index.html
+++ b/site/public/research/index.html
@@ -25,11 +25,10 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-">
     
   <section><h1>Research Blog</h1>
-<h3>The darkside of datasets and the future of computer vision</h3>
-</section><div class='research_index'><a href='/research/00_introduction/'><section class='wide'><img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' alt='Research post' /><section><h1>00: Introduction</h1><h2></h2></section></section></a><a href='/research/01_from_1_to_100_pixels/'><section class='wide'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/research/01_from_1_to_100_pixels/assets/intro.jpg' alt='Research post' /><section><h1>From 1 to 100 Pixels</h1><h2>Photographs are for romantics. For the rest of us, it's all about data.  And a photo contains a massive amount of information about who you are.</h2></section></section></a></div>
+</section><div class='research_index'><a href='/research/00_introduction/'><section class='wide'><img src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' alt='Research post' /><section><h1>00: Introduction</h1><h2></h2></section></section></a><a href='/research/01_from_1_to_100_pixels/'><section class='wide'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/site/research/01_from_1_to_100_pixels/assets/intro.jpg' alt='Research post' /><section><h1>From 1 to 100 Pixels</h1><h2>A breif description of this post, appears in the index page overview</h2></section></section></a></div>
 
   </div>
   <footer>
diff --git a/site/public/test/citations/index.html b/site/public/test/citations/index.html
index 3567c92a..7c21c3d6 100644
--- a/site/public/test/citations/index.html
+++ b/site/public/test/citations/index.html
@@ -25,7 +25,7 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-">
     
   <section><h1>Citations</h1>
 <h3><a href="/test/">&larr; Back to test index</a></h3>
diff --git a/site/public/test/csv/index.html b/site/public/test/csv/index.html
index 7c04ffe1..3c45f57b 100644
--- a/site/public/test/csv/index.html
+++ b/site/public/test/csv/index.html
@@ -25,7 +25,7 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-">
     
   <section><h1>CSV Test</h1>
 <h3><a href="/test/">&larr; Back to test index</a></h3>
diff --git a/site/public/test/datasets/index.html b/site/public/test/datasets/index.html
index 494ceaae..5290dce3 100644
--- a/site/public/test/datasets/index.html
+++ b/site/public/test/datasets/index.html
@@ -25,7 +25,7 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-">
     
   <section><h1>Index of datasets</h1>
 <h3><a href="/test/">&larr; Back to test index</a></h3>
diff --git a/site/public/test/face_search/index.html b/site/public/test/face_search/index.html
index 6e0a51ef..c4f6af23 100644
--- a/site/public/test/face_search/index.html
+++ b/site/public/test/face_search/index.html
@@ -25,7 +25,7 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-">
     
   <section><h1>Face search</h1>
 <h3><a href="/test/">&larr; Back to test index</a></h3>
diff --git a/site/public/test/gallery/index.html b/site/public/test/gallery/index.html
index 88e293a3..6f0af1d0 100644
--- a/site/public/test/gallery/index.html
+++ b/site/public/test/gallery/index.html
@@ -25,7 +25,7 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-">
     
   <section><h1>Gallery test</h1>
 <h3><a href="/test/">&larr; Back to test index</a></h3>
diff --git a/site/public/test/index.html b/site/public/test/index.html
index 8c534e21..8dcaf0d3 100644
--- a/site/public/test/index.html
+++ b/site/public/test/index.html
@@ -25,7 +25,7 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-">
     
   <section><h1>Megapixels UI Tests</h1>
 <ul>
diff --git a/site/public/test/map/index.html b/site/public/test/map/index.html
index c2710036..b7e58290 100644
--- a/site/public/test/map/index.html
+++ b/site/public/test/map/index.html
@@ -25,7 +25,7 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-">
     
   <section><h1>Map test</h1>
 <h3><a href="/test/">&larr; Back to test index</a></h3>
diff --git a/site/public/test/name_search/index.html b/site/public/test/name_search/index.html
index 5564ca82..dbb566fe 100644
--- a/site/public/test/name_search/index.html
+++ b/site/public/test/name_search/index.html
@@ -25,7 +25,7 @@
       <a href="/about/">About</a>
     </div>
   </header>
-  <div class="content">
+  <div class="content content-">
     
   <section><h1>Name search</h1>
 <h3><a href="/test/">&larr; Back to test index</a></h3>
diff --git a/site/public/test/search_face/index.html b/site/public/test/search_face/index.html
deleted file mode 100644
index 86123c1c..00000000
--- a/site/public/test/search_face/index.html
+++ /dev/null
@@ -1,51 +0,0 @@
-<!doctype html>
-<html>
-<head>
-  <title>MegaPixels</title>
-  <meta charset="utf-8" />
-  <meta name="author" content="Megapixels" />
-  <meta name="description" content="Face Search Test" />
-  <meta name="referrer" content="no-referrer" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-  <link rel='stylesheet' href='/assets/css/fonts.css' />
-  <link rel='stylesheet' href='/assets/css/tabulator.css' />
-  <link rel='stylesheet' href='/assets/css/css.css' />
-  <link rel='stylesheet' href='/assets/css/applets.css' />
-</head>
-<body>
-  <header>
-    <a class='slogan' href="/">
-      <div class='logo'></div>
-      <div class='site_name'>MegaPixels</div>
-      <span class='sub'>The Darkside of Datasets</span>
-    </a>
-    <div class='links'>
-      <a href="/datasets/">Datasets</a>
-      <a href="/research/">Research</a>
-      <a href="/about/">About</a>
-    </div>
-  </header>
-  <div class="content">
-    
-  <section><p><code></code></p>
-</section>
-
-  </div>
-  <footer>
-    <div>
-      <a href="/">MegaPixels.cc</a>
-      <a href="/about/disclaimer/">Disclaimer</a>
-      <a href="/about/terms/">Terms of Use</a>
-      <a href="/about/privacy/">Privacy</a>
-      <a href="/about/">About</a>
-      <a href="/about/team/">Team</a>
-    </div>
-    <div>
-      MegaPixels &copy;2017-19 Adam R. Harvey /&nbsp;
-      <a href="https://ahprojects.com">ahprojects.com</a>
-    </div>
-  </footer>
-</body>
-
-<script src="/assets/js/dist/index.js"></script>
-</html>
\ No newline at end of file
diff --git a/site/public/test/search_name/index.html b/site/public/test/search_name/index.html
deleted file mode 100644
index b8f836cf..00000000
--- a/site/public/test/search_name/index.html
+++ /dev/null
@@ -1,51 +0,0 @@
-<!doctype html>
-<html>
-<head>
-  <title>MegaPixels</title>
-  <meta charset="utf-8" />
-  <meta name="author" content="Megapixels" />
-  <meta name="description" content="Name Search Test" />
-  <meta name="referrer" content="no-referrer" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
-  <link rel='stylesheet' href='/assets/css/fonts.css' />
-  <link rel='stylesheet' href='/assets/css/tabulator.css' />
-  <link rel='stylesheet' href='/assets/css/css.css' />
-  <link rel='stylesheet' href='/assets/css/applets.css' />
-</head>
-<body>
-  <header>
-    <a class='slogan' href="/">
-      <div class='logo'></div>
-      <div class='site_name'>MegaPixels</div>
-      <span class='sub'>The Darkside of Datasets</span>
-    </a>
-    <div class='links'>
-      <a href="/datasets/">Datasets</a>
-      <a href="/research/">Research</a>
-      <a href="/about/">About</a>
-    </div>
-  </header>
-  <div class="content">
-    
-  <section><p><code></code></p>
-</section>
-
-  </div>
-  <footer>
-    <div>
-      <a href="/">MegaPixels.cc</a>
-      <a href="/about/disclaimer/">Disclaimer</a>
-      <a href="/about/terms/">Terms of Use</a>
-      <a href="/about/privacy/">Privacy</a>
-      <a href="/about/">About</a>
-      <a href="/about/team/">Team</a>
-    </div>
-    <div>
-      MegaPixels &copy;2017-19 Adam R. Harvey /&nbsp;
-      <a href="https://ahprojects.com">ahprojects.com</a>
-    </div>
-  </footer>
-</body>
-
-<script src="/assets/js/dist/index.js"></script>
-</html>
\ No newline at end of file