recreate dataset index

1 files changed, 61 insertions, 10 deletions

diff --git a/site/public/datasets/index.html b/site/public/datasets/index.html
index 77c5ab2b..17c938ac 100644
--- a/site/public/datasets/index.html
+++ b/site/public/datasets/index.html
@@ -29,27 +29,78 @@
     
 
   <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>
-<h3>Summary</h3>
-</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 class='applet_container'><div class='applet' data-payload='{"command": "load_file https://megapixels.nyc3.digitaloceanspaces.com/v1/citations/datasets.csv"}'></div></section>
+</section><section><div class='right-sidebar'><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><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></div></section>
 
-  <section>
-    <h2>Dataset Portraits</h2>
+  <section class='wide dataset-intro'>
     <p>
-      We have prepared detailed studies of some of the more noteworthy datasets.
+      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/lfw/">
+      <a href="/datasets/afad/" style="background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/afad/assets/index.jpg)">
         <div class="dataset">
-          Labeled Faces in The Wild
+          <span>Asian Face Age Dataset</span>
         </div>
       </a>
     
-      <a href="/datasets/vgg_face2/">
+      <a href="/datasets/aflw/" style="background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/aflw/assets/index.jpg)">
         <div class="dataset">
-          VGG Face2
+          <span>Annotated Facial Landmarks in The Wild</span>
+        </div>
+      </a>
+    
+      <a href="/datasets/caltech_10k/" style="background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/caltech_10k/assets/index.jpg)">
+        <div class="dataset">
+          <span>Caltech 10K Faces Dataset</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>
+        </div>
+      </a>
+    
+      <a href="/datasets/facebook/" style="background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/facebook/assets/index.jpg)">
+        <div class="dataset">
+          <span>Facebook</span>
+        </div>
+      </a>
+    
+      <a href="/datasets/feret/" style="background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/feret/assets/index.jpg)">
+        <div class="dataset">
+          <span>FERET: FacE REcognition </span>
+        </div>
+      </a>
+    
+      <a href="/datasets/lfpw/" style="background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/lfpw/assets/index.jpg)">
+        <div class="dataset">
+          <span>Labeled Face Parts in The Wild</span>
+        </div>
+      </a>
+    
+      <a href="/datasets/lfw/" style="background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/lfw/assets/index.jpg)">
+        <div class="dataset">
+          <span>Labeled Faces in The Wild</span>
+        </div>
+      </a>
+    
+      <a href="/datasets/uccs/" style="background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/uccs/assets/index.jpg)">
+        <div class="dataset">
+          <span>Unconstrained College Students</span>
+        </div>
+      </a>
+    
+      <a href="/datasets/vgg_face2/" style="background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/vgg_face2/assets/index.jpg)">
+        <div class="dataset">
+          <span>VGG Face 2 Dataset</span>
+        </div>
+      </a>
+    
+      <a href="/datasets/youtube_celebrities/" style="background-image: url(https://nyc3.digitaloceanspaces.com/megapixels/v1/datasets/youtube_celebrities/assets/index.jpg)">
+        <div class="dataset">
+          <span>YouTube Celebrities</span>
         </div>
       </a>