rebuild

author: Jules Laplace <julescarbon@gmail.com> 2019-03-04 16:19:32 +0100
committer: Jules Laplace <julescarbon@gmail.com> 2019-03-04 16:19:32 +0100
commit: a7222a87f2f5159edf54f4a028b4788335580e13 (patch)
tree: c5258ae81e39f73d28c0171015aa60d1c45747d7 /site/public
parent: dc6a8b4ad5e29f8aea2de73646aeca6e819db0b0 (diff)
parent: d676ac27c4bd7e5a967fbbc86f39836a67c83335 (diff)
4 files changed, 214 insertions, 22 deletions
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
author	Jules Laplace <julescarbon@gmail.com>	2019-03-04 16:19:32 +0100
committer	Jules Laplace <julescarbon@gmail.com>	2019-03-04 16:19:32 +0100
commit	a7222a87f2f5159edf54f4a028b4788335580e13 (patch)
tree	c5258ae81e39f73d28c0171015aa60d1c45747d7 /site/public
parent	dc6a8b4ad5e29f8aea2de73646aeca6e819db0b0 (diff)
parent	d676ac27c4bd7e5a967fbbc86f39836a67c83335 (diff)