diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2018-12-06 19:39:29 +0100 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2018-12-06 19:39:29 +0100 |
| commit | 2d950c3fa3b8107f941a80f88127ab45e371d128 (patch) | |
| tree | 239d6b0162b96153d5fc624f1f7ebe6218f51b3e /site/templates | |
| parent | 1f97c63136a24ae288f7c946f23b1c7519b2c6e0 (diff) | |
homepage css
Diffstat (limited to 'site/templates')
| -rw-r--r-- | site/templates/home.html | 32 | ||||
| -rw-r--r-- | site/templates/layout.html | 1 |
2 files changed, 33 insertions, 0 deletions
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 |