diff options
| -rw-r--r-- | site/assets/css/css.css | 17 | ||||
| -rw-r--r-- | site/public/index.html | 23 | ||||
| -rw-r--r-- | 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'> |