From 883c2a96267660a566470dedc4d81ded9a2ed196 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Fri, 4 Jan 2019 23:54:45 +0100 Subject: index of datasets --- client/index.js | 5 +++-- site/assets/css/css.css | 7 +++++-- site/public/datasets/lfw/index.html | 4 ++-- site/public/index.html | 6 ++++-- site/public/test/style/index.html | 4 ++-- site/templates/datasets.html | 2 +- site/templates/home.html | 6 ++++-- 7 files changed, 21 insertions(+), 13 deletions(-) diff --git a/client/index.js b/client/index.js index 93341a77..40be2841 100644 --- a/client/index.js +++ b/client/index.js @@ -26,14 +26,15 @@ function fetchDataset(payload) { function appendApplets(applets) { applets.forEach(([el, payload]) => { + el.classList.add(payload.cmd) switch (payload.cmd) { case 'citations': case 'load_file': + el.parentNode.classList.add('wide') appendTable(el, payload) break case 'map': - el.parentNode.classList.add('wide') - el.classList.add(payload.cmd) + el.parentNode.classList.add('fullwidth') appendMap(el, payload) el.classList.add('loaded') break diff --git a/site/assets/css/css.css b/site/assets/css/css.css index 81b2febd..0f795610 100644 --- a/site/assets/css/css.css +++ b/site/assets/css/css.css @@ -175,9 +175,12 @@ th, .gray { line-height: 1.5; } section { - width: 960px; + width: 640px; margin: 0 auto; } +.home section { + width: 960px; +} .content .first_paragraph { font-weight: 300; font-size: 16pt; @@ -317,7 +320,7 @@ section.wide { section.wide .image { max-width: 960px; } -section.wide { +section.fullwidth { width: 100%; } section.fullwidth .image { diff --git a/site/public/datasets/lfw/index.html b/site/public/datasets/lfw/index.html index 2ab9815f..0deeb6be 100644 --- a/site/public/datasets/lfw/index.html +++ b/site/public/datasets/lfw/index.html @@ -29,10 +29,10 @@

Labeled Faces in the Wild

-
Created
2007
Images
13,233
People
5,749
Created From
Yahoo News images
Search available
Searchable
Eighteen of the 5,749 people in the Labeled Faces in the Wild Dataset. The most widely used face dataset for benchmarking commercial face recognition algorithms.
Eighteen of the 5,749 people in the Labeled Faces in the Wild Dataset. The most widely used face dataset for benchmarking commercial face recognition algorithms.

Intro

+
Created
2007
Images
13,233
People
5,749
Created From
Yahoo News images
Search available
Searchable
Eighteen of the 5,749 people in the Labeled Faces in the Wild Dataset. The most widely used face dataset for benchmarking commercial face recognition algorithms.
Eighteen of the 5,749 people in the Labeled Faces in the Wild Dataset. The most widely used face dataset for benchmarking commercial face recognition algorithms.

Intro

Labeled Faces in The Wild (LFW) is among the most widely used facial recognition training datasets in the world and is the first of its kind to be created entirely from images posted online. The LFW dataset includes 13,233 images of 5,749 people that were collected between 2002-2004. Use the tools below to check if you were included in this dataset or scroll down to read the analysis.

Three paragraphs describing the LFW dataset in a format that can be easily replicated for the other datasets. Nothing too custom. An analysis of the initial research papers with context relative to all the other dataset papers.

-
From George W. Bush to Jamie Lee Curtis: all 5,749 people in the LFW Dataset sorted from most to least images collected.
From George W. Bush to Jamie Lee Curtis: all 5,749 people in the LFW Dataset sorted from most to least images collected.

LFW by the Numbers

+
From George W. Bush to Jamie Lee Curtis: all 5,749 people in the LFW Dataset sorted from most to least images collected.
From George W. Bush to Jamie Lee Curtis: all 5,749 people in the LFW Dataset sorted from most to least images collected.

LFW by the Numbers

  • Was first published in 2007
  • Developed out of a prior dataset from Berkely called "Faces in the Wild" or "Names and Faces" [^lfw_original_paper]
    • diff --git a/site/public/index.html b/site/public/index.html index 017f3a4b..40acee35 100644 --- a/site/public/index.html +++ b/site/public/index.html @@ -48,12 +48,14 @@
-

Facial Recognition Datasets

+
+

Facial Recognition Datasets

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.

Summary

Found
275 datasets
Created between
1993-2018
Smallest dataset
20 images
Largest dataset
10,000,000 images
Highest resolution faces
450x500 (Unconstrained College Students)
Lowest resolution faces
16x20 pixels (QMUL SurvFace)
+
-
+

Dataset Portraits

We have prepared detailed studies of some of the more noteworthy datasets. diff --git a/site/public/test/style/index.html b/site/public/test/style/index.html index ab13a589..f25f1daf 100644 --- a/site/public/test/style/index.html +++ b/site/public/test/style/index.html @@ -30,7 +30,7 @@

Style Examples

← Back to test index

-
Style Guide Test
Style Guide Test
Date
17-Jan-2019
Numbers
17
Identities
12,139
But also
This is a test of the stylesheet

Header 1

+
Style Guide Test
Style Guide Test
Date
17-Jan-2019
Numbers
17
Identities
12,139
But also
This is a test of the stylesheet

Header 1

Header 2

Header 3

Header 4

@@ -53,7 +53,7 @@
Person 2
Person 2
Person 3. Let me tell you about Person 3. This person has a very long description with text which wraps like crazy
Person 3. Let me tell you about Person 3. This person has a very long description with text which wraps like crazy

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.

-
This image is extremely wide and the text beneath it will wrap but thats fine because it can also contain <a href="https://example.com/">hyperlinks</a>! Yes, you read that right—hyperlinks! Lorem ipsum dolor sit amet ad volotesque sic hoc ad nauseam
This image is extremely wide and the text beneath it will wrap but that's fine because it can also contain hyperlinks! Yes, you read that right—hyperlinks! Lorem ipsum dolor sit amet ad volotesque sic hoc ad nauseam

Inline code has back-ticks around it.

+
This image is extremely wide and the text beneath it will wrap but thats fine because it can also contain <a href="https://example.com/">hyperlinks</a>! Yes, you read that right—hyperlinks! Lorem ipsum dolor sit amet ad volotesque sic hoc ad nauseam
This image is extremely wide and the text beneath it will wrap but that's fine because it can also contain hyperlinks! Yes, you read that right—hyperlinks! Lorem ipsum dolor sit amet ad volotesque sic hoc ad nauseam

Inline code has back-ticks around it.

var s = "JavaScript syntax highlighting";
 alert(s);
diff --git a/site/templates/datasets.html b/site/templates/datasets.html index a37d722d..ba230eee 100644 --- a/site/templates/datasets.html +++ b/site/templates/datasets.html @@ -4,7 +4,7 @@ {{ content }} -
+

Dataset Portraits

We have prepared detailed studies of some of the more noteworthy datasets. diff --git a/site/templates/home.html b/site/templates/home.html index c0965a15..e5f0c367 100644 --- a/site/templates/home.html +++ b/site/templates/home.html @@ -21,9 +21,11 @@ - {{ content }} +

+ {{ content }} +
-
+

Dataset Portraits

We have prepared detailed studies of some of the more noteworthy datasets. -- cgit v1.2.3-70-g09d2