5 files changed, 114 insertions, 0 deletions
diff --git a/site/templates/home.html b/site/templates/home.html
new file mode 100644
index 00000000..59f8cf76
--- /dev/null
+++ b/site/templates/home.html
@@ -0,0 +1,33 @@
+{% 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/vendor/oktween.js"></script>
+<script src="/assets/js/app/face.js"></script>
+{% endblock %}
diff --git a/site/templates/layout.html b/site/templates/layout.html
new file mode 100644
index 00000000..b80c6363
--- /dev/null
+++ b/site/templates/layout.html
@@ -0,0 +1,49 @@
+<!doctype html>
+<html>
+<head>
+  <title>MegaPixels</title>
+  <meta charset="utf-8" />
+  <meta name="author" content="{{ metadata.authors }}" />
+  <meta name="description" content="{{ metadata.desc }}" />
+  <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' />
+</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="/datasets/">Datasets</a>
+      <a href="/research/">Research</a>
+      <a href="/about/">About</a>
+    </div>
+  </header>
+  <div class="content">
+    {% block content %}{% endblock %}
+  </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>
+{% block scripts %}{% endblock %}
+<script src="/assets/js/dist/index.js"></script>
+</html>
+\ No newline at end of file
diff --git a/site/templates/page.html b/site/templates/page.html
new file mode 100644
index 00000000..124dd305
--- /dev/null
+++ b/site/templates/page.html
@@ -0,0 +1,5 @@
+{% extends 'layout.html' %}
+
+{% block content %}
+  {{ content }}
+{% endblock %}
diff --git a/site/templates/paper.html b/site/templates/paper.html
new file mode 100644
index 00000000..6699bd0f
--- /dev/null
+++ b/site/templates/paper.html
@@ -0,0 +1,4 @@
+{% extends 'layout.html' %}
+
+{% block content %}
+{% endblock %}
diff --git a/site/templates/research.html b/site/templates/research.html
new file mode 100644
index 00000000..0bb9fa30
--- /dev/null
+++ b/site/templates/research.html
@@ -0,0 +1,23 @@
+{% extends 'layout.html' %}
+
+{% block content %}
+  <section>
+    <h1>{{ metadata.title }}</h1>
+    <div class='meta'>
+      <div>
+        <div class='gray'>Posted</div>
+        <div>{{ metadata.published }}</div>
+      </div>
+      <div>
+        <div class='gray'>By</div>
+        <div>{{ metadata.author_html }}</div>
+      </div>
+      {% if metadata.datasets %}<div>
+        <div class='gray'>Datasets</div>
+        <div>{{ metadata.datasets }}</div>
+      </div>{% endif %}
+    </div>
+  </section>
+
+  {{ content }}
+{% endblock %}