summaryrefslogtreecommitdiff
path: root/design/templates/archives/homepage-light.html
blob: 26ff4371805f0ab8e1e37d64eb2901c26a0077f4 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
{% extends 'base.html' %}
{% load typogrify_tags %}
{% block sitename %}
<head itemscope itemtype="http://schema.org/WebSite">
    <title itemprop='name'>Luxagraf</title>
    <link rel="canonical" href="https://luxagraf.net/" itemprop="url">{%endblock%}

    {%block extrahead%}
<style>
@media screen and (min-width: 1440px) {
    .banner .post-image img {
        margin-top: {{homepage.image_offset_vertical}};
    }
}
</style>
{%endblock%}
{%block bodyid%}id="home" class="archive"{%endblock%}

{% block primary %}<section 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"
                    srcset="{{image.get_srcset}}"
                    src="{{image.get_src}}"
                    alt="{{image.alt}} photographed by {% if image.photo_credit_source %}{{image.photo_credit_source}}{%else%}luxagraf{%endif%}">
                 </a>{%endwith%}
                <figcaption> 
                    <div class="hero-text-wrapper">
                    <h2 class="p-name entry-title" itemprop="headline"><a href="{{object.get_absolute_url}}" class="u-url" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.title}}{%endif%}">{{object.title|safe|smartypants}}</a></h2>
                    <p class="p-author author hide" itemprop="author">Scott Gilbertson</p>
                    <time class="dt-published published dt-updated post--date" datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time>
                    <p class="post-summary">
                    <span class="p-location h-adr adr post-location" itemprop="contentLocation" itemscope itemtype="http://schema.org/Place">{% if object.country_name == "United States" %}<span class="p-locality locality">{{object.location_name|smartypants|safe}}</span>, {{object.state_name}}}, <span class="p-country-name">U.S.</span>{%else%}<span class="p-region">{{object.location_name|smartypants|safe}}</span>, {{object.country_name}}{%endif%}</span>
                        <span class="p-summary" itemprop="description">
                            {{homepage.tag_line|safe|smartypants}}
                        </span>
                    </p>
                    <a href="{{object.get_absolute_url}}" class="u-url btn" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.title}}{%endif%}">Read</a>
                    </div>
                </figcaption>
            </figure>
    </article>{% endwith %} 
   </section>
    <section class="bio-short">
        <h1 class="homepage-section-header">About Luxagraf</h1>
        <img src="/media/img/usa-resize.svg" alt="map of travels" class="homepage-map-img" />
        <p>After nearly two years exploring the U.S. in our home, a 1969 Dodge Travco RV, we left the states to spend the winter in Mexico.</p>
        <p>We left our former home in Athens, GA in the Spring of 2017. We were most recently in <span class="p-location h-adr adr " itemprop="contentLocation" itemscope itemtype="http://schema.org/Place"> {% if location.country_name == "United States" %}<span class="p-locality locality">{{location.location_name|smartypants|safe}}</span>, {{location.location.state.code|safe}}{%else%}<span class="p-region">{{location.location_name|smartypants|safe}}</span>, {{location.country_name|safe}}</a>{%endif%}</span>. The map <span class="addafter"><span class="subcontent">above</span></span> has a rough sketch of our route to date. You can read about our adventures in the <a href="/jrnl/">journal</a> section. There's more about us on the <a href="/about">about page</a> </p>
    </section>
    <section class="recent-popular">
        <div class="recent">
        <h1 class="homepage-section-header">Recent</h1>
        <div  class="archive-grid">{% for object in object_list %}
        <article class="h-entry hentry archive-card {% cycle 'odd' 'even' %} {% cycle 'first' 'second' 'third' %}" itemscope itemType="http://schema.org/Article">
            <div class="post-image">
                <a href="{{object.get_absolute_url}}" title="{{object.title}}">{% if object.featured_image %}
                    {% include "lib/img_archive.html" with image=object.featured_image %}
                    {%else%}
                    <img src="{{object.get_image_url}}" alt="{{ object.title }}" class="u-photo post-image" itemprop="image" />{%endif%}</a>
            </div>
            <h2 class="p-name entry-title post-title" itemprop="headline"><a href="{{object.get_absolute_url}}" class="u-url" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.title}}{%endif%}">{{object.title|safe|smartypants|widont}}</a></h2>
            <p class="p-author author hide" itemprop="author"><span class="byline-author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Scott Gilbertson</span></span></p>
            <time class="dt-published published dt-updated post-date" datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time>
            <p class="post-summary">
                <span class="p-location h-adr adr post-location" itemprop="contentLocation" itemscope itemtype="http://schema.org/Place">
                    {% if object.country_name == "United States" %}<span class="p-locality locality">{{object.location_name|smartypants|safe}}</span>, <a class="p-region region" href="/jrnl/united-states/" title="travel writing from the United States">{{object.state_name}}</a>, <span class="p-country-name">U.S.</span>{%else%}<span class="p-region">{{object.location_name|smartypants|safe}}</span>, <a class="p-country-name country-name" href="/jrnl/{{object.country.slug}}/" title="travel writing from {{object.country_name}}">{{object.country_name}}</a>{%endif%}
                </span> 
            </p>
        </article> {% endfor %}
        </div>
        </div>
        <div class="popular">
        <h1 class="homepage-section-header">Popular</h1>
        <div class="archive-grid">{% for object in homepage.popular.all %}
        <article class="h-entry hentry archive-card {% cycle 'odd' 'even' %} {% cycle 'first' 'second' 'third' %}" itemscope itemType="http://schema.org/Article">
            <div class="post-image">
                <a href="{{object.get_absolute_url}}" title="{{object.title}}">{% if object.featured_image %}
                    {% include "lib/img_archive.html" with image=object.featured_image %}
                    {%else%}
                    <img src="{{object.get_image_url}}" alt="{{ object.title }}" class="u-photo post-image" itemprop="image" />{%endif%}</a>
            </div>
            <h2 class="p-name entry-title post-title" itemprop="headline"><a href="{{object.get_absolute_url}}" class="u-url" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.title}}{%endif%}">{{object.title|safe|smartypants|widont}}</a></h2>
            <p class="p-author author hide" itemprop="author"><span class="byline-author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Scott Gilbertson</span></span></p>
            <time class="dt-published published dt-updated post-date" datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time>
            <p class="post-summary">
                <span class="p-location h-adr adr post-location" itemprop="contentLocation" itemscope itemtype="http://schema.org/Place">
                    {% if object.country_name == "United States" %}<span class="p-locality locality">{{object.location_name|smartypants|safe}}</span>, <a class="p-region region" href="/jrnl/united-states/" title="travel writing from the United States">{{object.state_name}}</a>, <span class="p-country-name">U.S.</span>{%else%}<span class="p-region">{{object.location_name|smartypants|safe}}</span>, <a class="p-country-name country-name" href="/jrnl/{{object.country.slug}}/" title="travel writing from {{object.country_name}}">{{object.country_name}}</a>{%endif%}
                </span>
            </p>
        </article> {% endfor %}
        </div>
        </div>
    </section>
    <section>
        <p class="homepage-next"><a href="/jrnl/">Browse the Archives</a></p>
    </section>
{% endblock %}

{% block js %}{% comment %} <script async src="/media/js/hyphenate.min.js" type="text/javascript"></script>{% endcomment%}{% endblock%}