4 files changed, 78 insertions, 0 deletions
diff --git a/site/templates/layout.html b/site/templates/layout.html
new file mode 100644
index 00000000..7558163e
--- /dev/null
+++ b/site/templates/layout.html
@@ -0,0 +1,46 @@
+<!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/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">
+    {% 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>
+<script src="/assets/js/app/site.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 %}