1 files changed, 48 insertions, 0 deletions
diff --git a/app/pages/templates/pages/homepage.html b/app/pages/templates/pages/homepage.html
new file mode 100644
index 0000000..31aa32e
--- /dev/null
+++ b/app/pages/templates/pages/homepage.html
@@ -0,0 +1,48 @@
+{% extends 'base.html' %}
+{% load typogrify_tags %}
+{% block sitename %}
+<head itemscope itemtype="http://schema.org/WebSite">
+    <title itemprop='name'>Libregraf Publishing. Fine books for fine people</title>
+    <link rel="canonical" href="https://luxagraf.net/">{%endblock%}
+
+    {%block extrahead%}
+<style>
+@media screen and (min-width: 1440px) {
+    .banner .post-image img {
+        margin-top: {{object.image_offset_vertical}};
+    }
+}
+</style>
+{%endblock%}
+{%block bodyid%}id="home" class="archive"{%endblock%}
+
+{% block primary %}<div class="banner">{% with object=homepage.featured %}
+        <article class="h-entry hentry" itemscope itemType="http://schema.org/Article">
+            <figure class="post-image">
+                <a href="{{object.get_absolute_url}}" title="{{object.title}}">{%with image=homepage.featured_image%}
+                    <img class="u-photo"  itemprop="image" sizes="(max-width: 960px) 100vw"
+                    src="/media/home.jpg"
+                    alt="">
+                 </a>{%endwith%}
+            </figure>
+    </article>{% endwith %} 
+   </div>
+    <section class="full-one-col">
+        <h2 class="homepage-section-header">The Wandren Code</h2>
+        <ol>
+            <li>I will be brave and courageous</li>
+            <li>I will strengthen my body</li>
+            <li>I will help my family</li>
+        </ol>
+        <a href="{% url 'pages:detail' 'code' %}" class="btn" title="Read the Wandren code">Read the full code</a>
+    </section>
+    <section class="full-two-col">
+        <div class="col-one">
+            <h2 class="homepage-section-header">Listen to the Podcast</h2>
+        </div>
+        <div class="col-two">
+            <h2 class="homepage-section-header">Bonus Stories</h2>
+        </div>
+    </section>
+{% endblock %}
+{% block js %}{% comment %} <script async src="/media/js/hyphenate.min.js" type="text/javascript"></script>{% endcomment%}{% endblock%}