summaryrefslogtreecommitdiff
path: root/site/public/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'site/public/index.html')
-rw-r--r--site/public/index.html78
1 files changed, 78 insertions, 0 deletions
diff --git a/site/public/index.html b/site/public/index.html
new file mode 100644
index 00000000..91ff467a
--- /dev/null
+++ b/site/public/index.html
@@ -0,0 +1,78 @@
+<!doctype html>
+<html>
+<head>
+ <title>MegaPixels</title>
+ <meta charset="utf-8" />
+ <meta name="author" content="Adam Harvey" />
+ <meta name="description" content="" />
+ <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/css.css' />
+</head>
+<body>
+ <header>
+ <a class='slogan' href="/">
+ <div class='logo'></div>
+ <div class='site_name'>MegaPixels</div>
+ <span class='sub'>The Darkside of Datasets</span>
+ </a>
+ <div class='links'>
+ <a href="/search/">Face Search</a>
+ <a href="/datasets/">Datasets</a>
+ <a href="/research/">Research</a>
+ <a href="/about/">About</a>
+ </div>
+ </header>
+ <div class="content">
+
+ <div class='hero'>
+ <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 and the future of computer vision.
+ </div>
+
+ <div class='buttons'>
+ <a href="/datasets/"><button class='important'>Explore Datasets</button></a><a href="/analyze/"><button class='normal'>Analyze Your Face</button></a>
+ </div>
+
+ <div class='under'>
+ Made by Adam Harvey in partnership with Mozilla.<br/>
+ <a href='/about/'>Read more about MegaPixels</a>
+ </div>
+ </div>
+ </div>
+
+ <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><section></section>
+
+
+ </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>
+ </div>
+ </footer>
+</body>
+
+<script src="/assets/js/vendor/three.min.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/app/site.js"></script>
+</html> \ No newline at end of file