rebuild

18 files changed, 268 insertions, 72 deletions

diff --git a/megapixels/app/site/parser.py b/megapixels/app/site/parser.py
index bfcf5322..87539ade 100644
--- a/megapixels/app/site/parser.py
+++ b/megapixels/app/site/parser.py
@@ -146,7 +146,7 @@ def intro_section(metadata, s3_path):
   section += "</section>"
 
   if 'caption' in metadata:
-    section += "<section><div class='image'><div class='caption'>{}</div></div></section>".format(metadata['caption'])
+    section += "<section><div class='image'><div class='intro-caption caption'>{}</div></div></section>".format(metadata['caption'])
 
   return section
 
diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index c22d4002..91d75599 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -400,7 +400,7 @@ section.images {
 }
 .image:first-child {
   margin-left: 0;
-  margin-top:10px;
+  /*margin-top:10px;*/
 }
 .image:nth-child(2),
 .image:nth-child(3) {
@@ -432,6 +432,12 @@ section.fullwidth {
 section.fullwidth .image {
   max-width: 100%;
 }
+.image .caption{
+  text-align: center;
+}
+.image .caption.intro-caption{
+  text-align: left;
+}
 .caption {
   text-align: left;
   font-size: 9pt;
@@ -621,7 +627,7 @@ section.intro_section {
   background-size: cover;
   background-position: bottom left;
   padding: 50px 0;
-  min-height: 60vh;
+  min-height: 45vh;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -641,7 +647,7 @@ section.intro_section {
 .intro_section .hero_subdesc {
   font-size: 17px;
   line-height: 36px;
-  max-width: 640px;
+  max-width: 680px;
   font-weight: 400;
   color: #ddd;
 }
@@ -684,14 +690,15 @@ page-specific formatting
 .content-about{
   font-color:#ff0;
 }
-.content-about > section > ul li{
+.content-about .about-menu ul li{
   display:inline-block;
   font-size: 12px;
   font-weight: 400;
   margin-right: 5px;
   text-transform: uppercase;
+  margin-right: 10px
 }
-.content-about > section > ul li a{
+.content-about .about-menu ul li a{
   border-bottom: 0;
 }
 
diff --git a/site/content/pages/about/index.md b/site/content/pages/about/index.md
index 7f034d57..17302118 100644
--- a/site/content/pages/about/index.md
+++ b/site/content/pages/about/index.md
@@ -13,22 +13,7 @@ authors: Adam Harvey
 
 # About This Project
 
-- [About](/about/)
-- [Press](/about/press/)
-- [Research Methodology](/about/research/)
-- [Disclaimer](/about/disclaimer/)
-- [Terms and Conditions](/about/terms/)
-- [Privacy Policy](/about/privacy/)
-
-### Sidebar
-
-### Recent Press
-
-- [TheVerge: Transgender YouTubers had their videos grabbed to train facial recognition software](https://www.theverge.com/2017/8/22/16180080/transgender-youtubers-ai-facial-recognition-dataset) by James Vincent 
-- [TheVerge: Transgender YouTubers had their videos grabbed to train facial recognition software](https://www.theverge.com/2017/8/22/16180080/transgender-youtubers-ai-facial-recognition-dataset) by James Vincent 
-- [change to small button]Read more [press](/about/press)
- 
-## End Sidebar
+{% include 'about_navigation.html' %}
 
 MegaPixels is an art and research project by Adam Harvey about the origins and ethics of facial analysis datasets. Where do they come from? Who's included? Who created it and for what reason?
 
@@ -36,7 +21,6 @@ MegaPixels sets out to answer to these questions and reveal the stories behind t
 
 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.
 
-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.
 
 ![sideimage:Adam Harvey](assets/adam-harvey.jpg) **Adam Harvey** 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.
 
diff --git a/site/content/pages/datasets/brainwash/assets/00425000_640x480.jpg b/site/content/pages/datasets/brainwash/assets/00425000_640x480.jpg
new file mode 100644
index 00000000..de62175a
--- /dev/null
+++ b/site/content/pages/datasets/brainwash/assets/00425000_640x480.jpg
diff --git a/site/content/pages/datasets/brainwash/assets/00818000_640x480.jpg b/site/content/pages/datasets/brainwash/assets/00818000_640x480.jpg
new file mode 100644
index 00000000..30c0fcb1
--- /dev/null
+++ b/site/content/pages/datasets/brainwash/assets/00818000_640x480.jpg
diff --git a/site/content/pages/datasets/brainwash/assets/background.jpg b/site/content/pages/datasets/brainwash/assets/background.jpg
index d971a331..f6efb253 100755..100644
--- a/site/content/pages/datasets/brainwash/assets/background.jpg
+++ b/site/content/pages/datasets/brainwash/assets/background.jpg
diff --git a/site/content/pages/datasets/brainwash/assets/background_02.jpg b/site/content/pages/datasets/brainwash/assets/background_02.jpg
deleted file mode 100644
index eada1779..00000000
--- a/site/content/pages/datasets/brainwash/assets/background_02.jpg
+++ /dev/null
diff --git a/site/content/pages/datasets/brainwash/assets/index.jpg b/site/content/pages/datasets/brainwash/assets/index.jpg
index c903baea..e85f75c2 100644
--- a/site/content/pages/datasets/brainwash/assets/index.jpg
+++ b/site/content/pages/datasets/brainwash/assets/index.jpg
diff --git a/site/content/pages/datasets/brainwash/index.md b/site/content/pages/datasets/brainwash/index.md
index b12f4bd5..a99dce3a 100644
--- a/site/content/pages/datasets/brainwash/index.md
+++ b/site/content/pages/datasets/brainwash/index.md
@@ -15,9 +15,9 @@ authors: Adam Harvey
 
 ### Statistics
 
-+ Published: 2015
 + Collected: 2014
-+ Location: San Franscisco
++ Published: 2015
++ Location: 1122 Folsom Street​ San Franscisco
 + Images: 11,917
 + Faces: 91,146
 + Created by: Stanford Department of Computer Science
@@ -26,35 +26,36 @@ authors: Adam Harvey
 + Origin: Angelcam IP Cam
 + Purpose: Training face detection
 
-### Insights
+- more info1
+- more info2
+- more info3
 
-- more insights here
+## Brainwash Dataset
 
-- facts about Brainwash 2
+*Brainwash* is a face detection dataset created from the Brainwash Cafe's livecam footage. The stream is It was published in 2015 by researchers at the Stanford University and has been used 1122 Folsom Street​ | USA
 
-## Brainwash Dataset
+The photos were collected on
+- Oct 27, 2014
+- Nov 11, 2014
+- Nov 245, 2017
 
-*Brainwash* is a face detection dataset created from the Brainwash Cafe's livecam footage. The stream is It was published in 2015 by researchers at the Stanford University and has been used
- 1122 Folsom Street​ | USA
+Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet consectetur adipisci[ng] velit, sed quia non-numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam.
 
-# Map
+![Example images from the Brainwash dataset](assets/00425000_640x480.jpg)
+![Example images from the Brainwash dataset](assets/00818000_640x480.jpg)
 
-{% include 'map.html' %}
+porro quisquam est, qui dolorem ipsum, quia dolor sit amet consectetur adipisci[ng] velit, sed quia non-numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum[d] exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?
 
-### Synthetic Faces
 
-```
-synthetic_faces_intro
-```
+{% include 'map.html' %}
 
-To visualize the types of photos in the dataset without explicitly publishing individual's identities a generative adversarial network (GAN) was trained on the entire dataset. The images in this video show a neural network learning the visual latent space and then interpolating between archetypical identities within the LFW dataset.
+<hr class="supp">
 
-![Synthetically generated face from the visual space of LFW dataset](assets/synthetic_01.jpg)
-![Synthetically generated face from the visual space of LFW dataset](assets/synthetic_02.jpg)
-![Synthetically generated face from the visual space of LFW dataset](assets/synthetic_03.jpg)
+## Supplementary Information for Brainwash Dataset
 
 {% include 'citations.html' %}
 
+
 --------
 
 RESEARCH below this line
diff --git a/site/content/pages/datasets/lfw/index.md b/site/content/pages/datasets/lfw/index.md
index 04fe775c..1af263dc 100644
--- a/site/content/pages/datasets/lfw/index.md
+++ b/site/content/pages/datasets/lfw/index.md
@@ -3,7 +3,7 @@
 status: published
 title: Labeled Faces in The Wild
 desc: <span style="color:#ff0000">Labeled Faces in The Wild (LFW)</span> is a database of face photographs designed for studying the problem of unconstrained face recognition.
-subdesc: It includes 13,456 images of 4,432 people’s images copied from the Internet during 2002-2004.
+subdesc: It includes 13,456 images of 4,432 people's images copied from the Internet during 2002-2004.
 image: assets/background.jpg
 caption: A few of the 5,749 people in the Labeled Faces in the Wild Dataset, thee most widely used face dataset for benchmarking face recognition algorithms.
 slug: lfw
@@ -19,7 +19,7 @@ authors: Adam Harvey
 + Images: 13,233
 + Identities: 5,749
 + Origin: Yahoo! News Images
-+ Funding: IARPA*, CIA*
++ Used by: Facebook, Google, Microsoft, Baidu, Tencent, SenseTime, Face++, CIA, NSA, IARPA
 + Website: <a href="http://vis-www.cs.umass.edu/lfw">vis-www.cs.umass.edu/lfw</a>
 
 - There are about 3 men for every 1 woman in the LFW dataset[^lfw_www]
@@ -56,9 +56,7 @@ The *Names and Faces* dataset was the first face recognition dataset created ent
 
 {% include 'citations.html' %}
 
-### Synthetic Faces
-
-To visualize the types of photos in the dataset without explicitly publishing individual's identities a generative adversarial network (GAN) was trained on the entire dataset. The images in this video show a neural network learning the visual latent space and then interpolating between archetypical identities within the LFW dataset.
+{% include 'synthetic_faces_intro.html' %}
 
 ![Synthetically generated face from the visual space of LFW dataset](assets/synthetic_01.jpg)
 ![Synthetically generated face from the visual space of LFW dataset](assets/synthetic_02.jpg)
@@ -70,14 +68,12 @@ To visualize the types of photos in the dataset without explicitly publishing in
 
 Add a paragraph about how usage extends far beyond academia into research centers for largest companies in the world. And even funnels into CIA funded research in the US and defense industry usage in China.
 
-
 ```
 load_file assets/lfw_commercial_use.csv
 name_display, company_url, example_url, country, description
 ```
 
-
-## Code
+### Code
 
 The LFW dataset is so widely used that access to the facial data has built directly into a popular code library called Sci-Kit Learn. It includes a function called `fetch_lfw_people` to download the faces in the LFW dataset.
 
diff --git a/site/includes/about_navigation.html b/site/includes/about_navigation.html
new file mode 100644
index 00000000..f82b77b7
--- /dev/null
+++ b/site/includes/about_navigation.html
@@ -0,0 +1,10 @@
+<section class="about-menu">
+<ul>
+<li><a href="/about/">About</a></li>
+<li><a href="/about/press/">Press</a></li>
+<li><a href="/about/research/">Research Methodology</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>
+</section>
\ No newline at end of file
diff --git a/site/includes/citations.html b/site/includes/citations.html
index b542ef3c..ed54b9b1 100644
--- a/site/includes/citations.html
+++ b/site/includes/citations.html
@@ -1,5 +1,6 @@
 <section class="applet_container">
   <h3>Citations</h3>
-  <p>Add information about how the citations were generated</p>
+  <p>Add graph showing distribution by country. Add information about how the citations were generated. Add button/link to download CSV</p>
+
   <div class="applet" data-payload="{&quot;command&quot;: &quot;citations&quot;}"></div>
 </section>
\ No newline at end of file
diff --git a/site/includes/map.html b/site/includes/map.html
index 77956f52..730e30d0 100644
--- a/site/includes/map.html
+++ b/site/includes/map.html
@@ -20,6 +20,7 @@
 <section class="applet_container">
  <div class="applet" data-payload="{&quot;command&quot;: &quot;map&quot;}"></div>
 </section>
+
 <div class="caption">
 	<div class="map-legend-item"><span class="edu">&#9632;</span> Academic</div>
 	<div class="map-legend-item"><span class="com">&#9632;</span> Industry</div>
diff --git a/site/includes/synthetic_faces_intro.html b/site/includes/synthetic_faces_intro.html
new file mode 100644
index 00000000..13f6db0e
--- /dev/null
+++ b/site/includes/synthetic_faces_intro.html
@@ -0,0 +1,4 @@
+<section>
+  <h3>Synthetic Faces</h3>
+  <p>To visualize the types of photos in the dataset without explicitly publishing individual's identities a generative adversarial network (GAN) was trained on the entire dataset. The images in this video show a neural network learning the visual latent space and then interpolating between archetypical identities within the LFW dataset.</p>
+</section>
\ No newline at end of file
diff --git a/site/public/about/index.html b/site/public/about/index.html
index 16277fce..ed80691a 100644
--- a/site/public/about/index.html
+++ b/site/public/about/index.html
@@ -28,22 +28,7 @@
   <div class="content content-about">
     
   <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/research/">Research Methodology</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>
-</section><section><div class='left-sidebar'><h3>Recent Press</h3>
-<ul>
-<li><a href="https://www.theverge.com/2017/8/22/16180080/transgender-youtubers-ai-facial-recognition-dataset">TheVerge: Transgender YouTubers had their videos grabbed to train facial recognition software</a> by James Vincent </li>
-<li><a href="https://www.theverge.com/2017/8/22/16180080/transgender-youtubers-ai-facial-recognition-dataset">TheVerge: Transgender YouTubers had their videos grabbed to train facial recognition software</a> by James Vincent </li>
-<li>[change to small button]Read more <a href="/about/press">press</a></li>
-</ul>
-</div><p>MegaPixels is an art and research project by Adam Harvey 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="about-menu"><ul><li><a href="/about/">About</a></li><li><a href="/about/press/">Press</a></li><li><a href="/about/research/">Research Methodology</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></section><section><p>MegaPixels is an art and research project by Adam Harvey 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>
 <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>
diff --git a/site/public/about/research/index.html b/site/public/about/research/index.html
new file mode 100644
index 00000000..94b4e2ee
--- /dev/null
+++ b/site/public/about/research/index.html
@@ -0,0 +1,59 @@
+<!doctype html>
+<html>
+<head>
+  <title>MegaPixels</title>
+  <meta charset="utf-8" />
+  <meta name="author" content="Adam Harvey" />
+  <meta name="description" content="About MegaPixels Research Methodologies" />
+  <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/leaflet.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>
+    </a>
+    <div class='links'>
+      <a href="/datasets/">Datasets</a>
+      <a href="/research/">Research</a>
+      <a href="/about/">About</a>
+    </div>
+  </header>
+  <div class="content content-about">
+    
+  <section><h1>Research Methodologies</h1>
+<ul>
+<li><a href="/about/">About</a></li>
+<li><a href="/about/press/">Press</a></li>
+<li><a href="/about/research/">Research Methodology</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>
+</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/datasets/lfw/index.html b/site/public/datasets/lfw/index.html
index 2df43e71..e90cdcc5 100644
--- a/site/public/datasets/lfw/index.html
+++ b/site/public/datasets/lfw/index.html
@@ -27,8 +27,8 @@
   </header>
   <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 (LFW)</span> 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, thee most widely used face dataset for benchmarking face recognition algorithms.</div></div></section><section><div class='left-sidebar'><div class='meta'><div><div class='gray'>Created</div><div>2002-2004</div></div><div><div class='gray'>Images</div><div>13,233</div></div><div><div class='gray'>Identities</div><div>5,749</div></div><div><div class='gray'>Origin</div><div>Yahoo! News Images</div></div><div><div class='gray'>Funding</div><div>IARPA*, CIA*</div></div><div><div class='gray'>Website</div><div><a href="http://vis-www.cs.umass.edu/lfw">vis-www.cs.umass.edu/lfw</a></div></div></div><ul>
+  <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 (LFW)</span> 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='intro-caption caption'>A few of the 5,749 people in the Labeled Faces in the Wild Dataset, thee most widely used face dataset for benchmarking face recognition algorithms.</div></div></section><section><div class='left-sidebar'><div class='meta'><div><div class='gray'>Created</div><div>2002-2004</div></div><div><div class='gray'>Images</div><div>13,233</div></div><div><div class='gray'>Identities</div><div>5,749</div></div><div><div class='gray'>Origin</div><div>Yahoo! News Images</div></div><div><div class='gray'>Used by</div><div>Facebook, Google, Microsoft, Baidu, Tencent, SenseTime, Face++, CIA, NSA, IARPA</div></div><div><div class='gray'>Website</div><div><a href="http://vis-www.cs.umass.edu/lfw">vis-www.cs.umass.edu/lfw</a></div></div></div><ul>
 <li>There are about 3 men for every 1 woman in the LFW dataset<a class="footnote_shim" name="[^lfw_www]_1"> </a><a href="#[^lfw_www]" class="footnote" title="Footnote 1">1</a></li>
 <li>The person with the most images is <a href="http://vis-www.cs.umass.edu/lfw/person/George_W_Bush_comp.html">George W. Bush</a> with 530</li>
 <li>There are about 3 George W. Bush's for every 1 <a href="http://vis-www.cs.umass.edu/lfw/person/Tony_Blair.html">Tony Blair</a></li>
@@ -48,14 +48,12 @@
 <hr class="supp">
 
 <h2>Supplementary Information for Labeled Faces in The Wild</h2>
-</section><section class="applet_container">  <h3>Citations</h3>  <p>Add information about how the citations were generated</p>  <div class="applet" data-payload="{&quot;command&quot;: &quot;citations&quot;}"></div></section><section><h3>Synthetic Faces</h3>
-<p>To visualize the types of photos in the dataset without explicitly publishing individual's identities a generative adversarial network (GAN) was trained on the entire dataset. The images in this video show a neural network learning the visual latent space and then interpolating between archetypical identities within the LFW dataset.</p>
-</section><section class='images'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/lfw/assets/synthetic_01.jpg' alt='Synthetically generated face from the visual space of LFW dataset'><div class='caption'>Synthetically generated face from the visual space of LFW dataset</div></div>
+</section><section class="applet_container">  <h3>Citations</h3>  <p>Add graph showing distribution by country. Add information about how the citations were generated. Add button/link to download CSV</p>  <div class="applet" data-payload="{&quot;command&quot;: &quot;citations&quot;}"></div></section><section>  <h3>Synthetic Faces</h3>  <p>To visualize the types of photos in the dataset without explicitly publishing individual's identities a generative adversarial network (GAN) was trained on the entire dataset. The images in this video show a neural network learning the visual latent space and then interpolating between archetypical identities within the LFW dataset.</p></section><section class='images'><div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/lfw/assets/synthetic_01.jpg' alt='Synthetically generated face from the visual space of LFW dataset'><div class='caption'>Synthetically generated face from the visual space of LFW dataset</div></div>
 <div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/lfw/assets/synthetic_02.jpg' alt='Synthetically generated face from the visual space of LFW dataset'><div class='caption'>Synthetically generated face from the visual space of LFW dataset</div></div>
 <div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/lfw/assets/synthetic_03.jpg' alt='Synthetically generated face from the visual space of LFW dataset'><div class='caption'>Synthetically generated face from the visual space of LFW dataset</div></div>
 <div class='image'><img src='https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/lfw/assets/synthetic_01.jpg' alt='Synthetically generated face from the visual space of LFW dataset'><div class='caption'>Synthetically generated face from the visual space of LFW dataset</div></div></section><section><h3>Commercial Use of Labeled Faces in The Wild</h3>
 <p>Add a paragraph about how usage extends far beyond academia into research centers for largest companies in the world. And even funnels into CIA funded research in the US and defense industry usage in China.</p>
-</section><section class='applet_container'><div class='applet' data-payload='{"command": "load_file assets/lfw_commercial_use.csv", "fields": ["name_display, company_url, example_url, country, description"]}'></div></section><section><h2>Code</h2>
+</section><section class='applet_container'><div class='applet' data-payload='{"command": "load_file assets/lfw_commercial_use.csv", "fields": ["name_display, company_url, example_url, country, description"]}'></div></section><section><h3>Code</h3>
 <p>The LFW dataset is so widely used that access to the facial data has built directly into a popular code library called Sci-Kit Learn. It includes a function called <code>fetch_lfw_people</code> to download the faces in the LFW dataset.</p>
 </section><section><pre><code class="lang-python">#!/usr/bin/python
 
diff --git a/site/public/research/02_what_computers_can_see/index.html b/site/public/research/02_what_computers_can_see/index.html
new file mode 100644
index 00000000..6826955f
--- /dev/null
+++ b/site/public/research/02_what_computers_can_see/index.html
@@ -0,0 +1,150 @@
+<!doctype html>
+<html>
+<head>
+  <title>MegaPixels</title>
+  <meta charset="utf-8" />
+  <meta name="author" content="Adam Harvey" />
+  <meta name="description" content="What Computers Can See" />
+  <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/leaflet.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>
+    </a>
+    <div class='links'>
+      <a href="/datasets/">Datasets</a>
+      <a href="/research/">Research</a>
+      <a href="/about/">About</a>
+    </div>
+  </header>
+  <div class="content content-">
+    
+  <section>
+    <h1>What Computers Can See</h1>
+    <div class='meta'>
+      <div>
+        <div class='gray'>Posted</div>
+        <div>2018-12-15</div>
+      </div>
+      <div>
+        <div class='gray'>By</div>
+        <div>Adam Harvey</div>
+      </div>
+      
+    </div>
+  </section>
+
+  <section><p>A list of 100 things computer vision can see, eg:</p>
+<ul>
+<li>age, race, gender, ancestral origin, body mass index</li>
+<li>eye color, hair color, facial hair, glasses</li>
+<li>beauty score, </li>
+<li>intelligence</li>
+<li>what you're looking at</li>
+<li>medical conditions</li>
+<li>tired, drowsiness in car</li>
+<li>affectiva: interest in product, intent to buy</li>
+</ul>
+<h2>From PubFig Dataset</h2>
+<ul>
+<li>Male</li>
+<li>Asian</li>
+<li>White</li>
+<li>Black</li>
+<li>Baby</li>
+<li>Child</li>
+<li>Youth</li>
+<li>Middle Aged</li>
+<li>Senior</li>
+<li>Black Hair</li>
+<li>Blond Hair</li>
+<li>Brown Hair</li>
+<li>Bald</li>
+<li>No Eyewear</li>
+<li>Eyeglasses</li>
+<li>Sunglasses</li>
+<li>Mustache</li>
+<li>Smiling Frowning</li>
+<li>Chubby</li>
+<li>Blurry</li>
+<li>Harsh Lighting</li>
+<li>Flash</li>
+<li>Soft Lighting</li>
+<li>Outdoor Curly Hair</li>
+<li>Wavy Hair</li>
+<li>Straight Hair</li>
+<li>Receding Hairline</li>
+<li>Bangs</li>
+<li>Sideburns</li>
+<li>Fully Visible Forehead </li>
+<li>Partially Visible Forehead </li>
+<li>Obstructed Forehead</li>
+<li>Bushy Eyebrows </li>
+<li>Arched Eyebrows</li>
+<li>Narrow Eyes</li>
+<li>Eyes Open</li>
+<li>Big Nose</li>
+<li>Pointy Nose</li>
+<li>Big Lips</li>
+<li>Mouth Closed</li>
+<li>Mouth Slightly Open</li>
+<li>Mouth Wide Open</li>
+<li>Teeth Not Visible</li>
+<li>No Beard</li>
+<li>Goatee </li>
+<li>Round Jaw</li>
+<li>Double Chin</li>
+<li>Wearing Hat</li>
+<li>Oval Face</li>
+<li>Square Face</li>
+<li>Round Face </li>
+<li>Color Photo</li>
+<li>Posed Photo</li>
+<li>Attractive Man</li>
+<li>Attractive Woman</li>
+<li>Indian</li>
+<li>Gray Hair</li>
+<li>Bags Under Eyes</li>
+<li>Heavy Makeup</li>
+<li>Rosy Cheeks</li>
+<li>Shiny Skin</li>
+<li>Pale Skin</li>
+<li>5 o' Clock Shadow</li>
+<li>Strong Nose-Mouth Lines</li>
+<li>Wearing Lipstick</li>
+<li>Flushed Face</li>
+<li>High Cheekbones</li>
+<li>Brown Eyes</li>
+<li>Wearing Earrings</li>
+<li>Wearing Necktie</li>
+<li>Wearing Necklace</li>
+</ul>
+</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