From 824c958a7f29ab1fe31d09035c04a150379aecea Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sat, 5 Jan 2019 00:18:58 +0100
Subject: index

---
 site/assets/css/css.css  | 17 ++++++++++++++---
 site/public/index.html   | 23 +++++++++++++++++------
 site/templates/home.html |  6 ++++--
 3 files changed, 35 insertions(+), 11 deletions(-)

diff --git a/site/assets/css/css.css b/site/assets/css/css.css
index 001348ef..eed1ff48 100644
--- a/site/assets/css/css.css
+++ b/site/assets/css/css.css
@@ -185,7 +185,7 @@ section {
   font-weight: 300;
   font-size: 16pt;
   color: #ddd;
-  margin-bottom: 50px;
+  margin-bottom: 20px;
   margin-top: 30px;
   line-height: 36px;
 }
@@ -217,6 +217,17 @@ p {
   font-size: 9pt;
   padding-bottom: 4px;
 }
+.right-sidebar {
+  float: right;
+  width: 200px;
+  margin-left: 40px;
+}
+.right-sidebar .meta {
+  flex-direction: column;
+}
+.right-sidebar .meta > div {
+  margin-bottom: 10px;
+}
 
 /* lists */
 
@@ -456,5 +467,5 @@ section.fullwidth .image {
 .dataset-list a:nth-child(3n+2) { background-color: rgba(255, 128, 0, 0.1); }
 .desktop .dataset-list a:nth-child(3n+2):hover { background-color: rgba(255, 128, 0, 0.2); }
 
-.dataset-list .dataset:nth-child(3n+3) { background-color: rgba(255, 255, 0, 0.1); }
-.desktop .dataset-list .dataset:nth-child(3n+3):hover { background-color: rgba(255, 255, 0, 0.2); }
\ No newline at end of file
+.dataset-list a:nth-child(3n+3) { background-color: rgba(255, 255, 0, 0.1); }
+.desktop .dataset-list .dataset:nth-child(3n+3):hover { background-color: rgba(255, 255, 0, 0.2); }
diff --git a/site/public/index.html b/site/public/index.html
index 40acee35..a684b921 100644
--- a/site/public/index.html
+++ b/site/public/index.html
@@ -48,12 +48,23 @@
     </div>
   </div>
 
-  <div class='home'>
-    <section><h2>Facial Recognition Datasets</h2>
-<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>
-  </div>
+  <section class='wide'>
+    <h2>Facial Recognition Datasets</h2>
+    <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='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>
+
+    <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>
+    <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>
+    <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>
+  </section>
 
   <section class='wide'>
     <h2>Dataset Portraits</h2>
diff --git a/site/templates/home.html b/site/templates/home.html
index 90f11b02..61062f28 100644
--- a/site/templates/home.html
+++ b/site/templates/home.html
@@ -23,9 +23,7 @@
 
   <section class='wide'>
     <h2>Facial Recognition Datasets</h2>
-    <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>
     <div class='right-sidebar'>
-      <h3>Summary</h3>
       <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>
@@ -35,6 +33,10 @@
         <div><div class='gray'>Lowest resolution faces</div><div>16x20 pixels (QMUL SurvFace)</div></div>
       </div>
     </div>
+
+    <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>
+    <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>
+    <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>
   </section>
 
   <section class='wide'>
-- 
cgit v1.2.3-70-g09d2