From 2d950c3fa3b8107f941a80f88127ab45e371d128 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 6 Dec 2018 19:39:29 +0100
Subject: homepage css

---
 site/templates/home.html   | 32 ++++++++++++++++++++++++++++++++
 site/templates/layout.html |  1 +
 2 files changed, 33 insertions(+)
 create mode 100644 site/templates/home.html

(limited to 'site/templates')

diff --git a/site/templates/home.html b/site/templates/home.html
new file mode 100644
index 00000000..436c1ddf
--- /dev/null
+++ b/site/templates/home.html
@@ -0,0 +1,32 @@
+{% extends 'layout.html' %}
+
+{% block 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>
+
+  {{ content }}
+
+{% endblock %}
+
+{% block scripts %}
+<script src="/assets/js/vendor/three.min.js"></script>
+<script src="/assets/js/vendor/three.meshline.js"></script>
+<script src="/assets/js/app/face.js"></script>
+{% endblock %}
diff --git a/site/templates/layout.html b/site/templates/layout.html
index 7558163e..605f9788 100644
--- a/site/templates/layout.html
+++ b/site/templates/layout.html
@@ -42,5 +42,6 @@
     </div>
   </footer>
 </body>
+{% block scripts %}{% endblock %}
 <script src="/assets/js/app/site.js"></script>
 </html>
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2