diff options
| author | luxagraf <sng@luxagraf.net> | 2022-12-17 14:50:15 -0600 |
|---|---|---|
| committer | luxagraf <sng@luxagraf.net> | 2022-12-17 14:50:15 -0600 |
| commit | a60db651e4818a32509094b2a052fa7fac97389f (patch) | |
| tree | dc2f252d2b39ba416b95ce15aa2bd9fe9933942a | |
| parent | 618a60aab65c5146bc2a64c12dd7b88ce72c45b4 (diff) | |
pages: added homepage template
| -rw-r--r-- | app/pages/templates/pages/homepage.html | 48 |
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%} |