summaryrefslogtreecommitdiff
path: root/site/public
diff options
context:
space:
mode:
authorJules Laplace <julescarbon@gmail.com>2019-02-28 18:32:39 +0100
committerJules Laplace <julescarbon@gmail.com>2019-02-28 18:32:39 +0100
commit406d857c61fb128a48281a52899ddf77b68201be (patch)
tree67fcdb30109ba1317c4971bbf9d04443966e4fed /site/public
parentef90adeb4230ac27c18d3ed9e2cfab000c8689e0 (diff)
threejs splash page on the index
Diffstat (limited to 'site/public')
-rw-r--r--site/public/datasets/index.html2
-rw-r--r--site/public/index.html166
-rw-r--r--site/public/info/index.html2
3 files changed, 12 insertions, 158 deletions
diff --git a/site/public/datasets/index.html b/site/public/datasets/index.html
index 17c938ac..7398da17 100644
--- a/site/public/datasets/index.html
+++ b/site/public/datasets/index.html
@@ -29,7 +29,7 @@
<section><h1>Facial Recognition Datasets</h1>
-</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><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='wide dataset-intro'>
<p>
diff --git a/site/public/index.html b/site/public/index.html
index 8775f22d..d5a2e59f 100644
--- a/site/public/index.html
+++ b/site/public/index.html
@@ -3,15 +3,13 @@
<head>
<title>MegaPixels</title>
<meta charset="utf-8" />
- <meta name="author" content="Adam Harvey" />
- <meta name="description" content="" />
+ <meta name="author" content="info@megapixels.cc" />
+ <meta name="description" content="The Dark Side of Datasets" />
<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' />
+ <link rel='stylesheet' href='/assets/css/splash.css' />
</head>
<body>
<header>
@@ -20,166 +18,22 @@
<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>
+ <a href="/datasets/" class='aboutLink'>DATASETS</a>
+ <a href="/research/" class='aboutLink'>RESEARCH</a>
+ <a href="/about/" class='aboutLink'>ABOUT</a>
</div>
</header>
- <div class="content">
-
- <div class='hero'>
- <div class='inner'>
- <div id="face_container">
- <div class='currentFace'></div>
- </div>
- <div class='intro'>
- <div class='headline'>
- MegaPixels is an art project that explores the dark side of face recognition datasets and the future of computer vision.
- </div>
-
- <div class='buttons'>
- <a href="/datasets/lfw/"><button class='important'>Find Your Face</button></a>
- <a href="/analyze/"><button class='normal'>Analyze Your Face</button></a>
- </div>
-
- <div class='under'>
- Made by Adam Harvey in collaboration with Jules Laplace, and in partnership with Mozilla.<br/>
- <a href='/about/'>Read more about MegaPixels</a>
- </div>
- </div>
- </div>
- </div>
-
- <section class='wide dataset-intro'>
- <h2>Face Recognition Datasets</h2>
- <div class='right-sidebar'>
- <h4>SUMMARY</h4>
- <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>
- MegaPixels is an online art project that explores the history of face recognition from the perspective of datasets. MegaPixels aims to unravel the meanings behind the data and expose the darker corners of the biometric industry that have contributed to its growth.
- </p>
- <p>
- Through a mix of case studies, visualizations, and interactive tools, Megapixels will use face recognition datasets to tell the history of modern biometrics. Many people have contributed to the development of face recignition technology, both wittingly and unwittingly. Not only scientists, but also celebrities and regular internet users have played a part.
- </p>
- <p>
- Face recognition is a mess of contradictinos. It works, yet it doesn't actually work. It's cheap and accessible, but also expensive and out of control. Face recognition research has achieved headline grabbing superhuman accuracies over 99.9%, yet in practice it's also dangerously inaccurate.
- </p>
- <p>
- During a trial installation at Sudkreuz station in Berlin in 2018, 20% of the matches were wrong, a number so low that it should not have any connection to law enforcement or justice. And in London, the Metropolitan police had been using face recognition software that mistakenly identified an alarming 98% of people as criminals, which perhaps is a crime itself.
- </p>
- </section>
-
- <section class='wide dataset-intro'>
- <h2>Dataset Portraits</h2>
- <p>
- 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/afad/">
- <div class="dataset">
- Asian Face Age Dataset
- </div>
- </a>
-
- <a href="/datasets/aflw/">
- <div class="dataset">
- Annotated Facial Landmarks in The Wild
- </div>
- </a>
-
- <a href="/datasets/caltech_10k/">
- <div class="dataset">
- Caltech 10K Faces Dataset
- </div>
- </a>
-
- <a href="/datasets/cofw/">
- <div class="dataset">
- Caltech Occluded Faces in The Wild
- </div>
- </a>
-
- <a href="/datasets/facebook/">
- <div class="dataset">
- Facebook
- </div>
- </a>
-
- <a href="/datasets/feret/">
- <div class="dataset">
- FERET: FacE REcognition
- </div>
- </a>
-
- <a href="/datasets/lfpw/">
- <div class="dataset">
- Labeled Face Parts in The Wild
- </div>
- </a>
-
- <a href="/datasets/lfw/">
- <div class="dataset">
- Labeled Faces in The Wild
- </div>
- </a>
-
- <a href="/datasets/uccs/">
- <div class="dataset">
- Unconstrained College Students
- </div>
- </a>
-
- <a href="/datasets/vgg_face2/">
- <div class="dataset">
- VGG Face 2 Dataset
- </div>
- </a>
-
- <a href="/datasets/youtube_celebrities/">
- <div class="dataset">
- YouTube Celebrities
- </div>
- </a>
-
- </div>
- </section>
-
-
+ <div class="splash">
+ <div id="three_container"></div>
</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>
+ <a href="https://ahprojects.com/megapixels/">ahprojects.com</a>
</div>
</footer>
</body>
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.0.0/polyfill.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/97/three.min.js"></script>
-<script src="https://unpkg.com/three.texttexture@18.10.24"></script>
-<script src="/assets/demo/cloud/THREE.TextSprite.js"></script>
-<script src="/assets/js/vendor/three.meshline.js"></script>
-<script src="/assets/js/vendor/oktween.js"></script>
-<script src="/assets/js/app/face.js"></script>
-
-<script src="/assets/js/dist/index.js"></script>
+<script src="/assets/js/dist/splash.js"></script>
</html> \ No newline at end of file
diff --git a/site/public/info/index.html b/site/public/info/index.html
index 65510255..0b59e647 100644
--- a/site/public/info/index.html
+++ b/site/public/info/index.html
@@ -27,7 +27,7 @@
</header>
<div class="content">
- <section><h2> </h2>
+ <section><h2>Face Analysis</h2>
</section><section class='applet_container'><div class='applet' data-payload='{"command": "face_analysis"}'></div></section><section><p>Results are only stored for the duration of the analysis and are deleted when you leave this page.</p>
</section>
generated by cgit v1.2.3-70-g09d2 (git 2.51.0) at 2025-12-10 11:03:32 +0000