diff options
Diffstat (limited to 'design')
| -rw-r--r-- | design/sass/_archives.scss | 31 | ||||
| -rw-r--r-- | design/templates/archives/homepage-light.html | 16 |
2 files changed, 26 insertions, 21 deletions
diff --git a/design/sass/_archives.scss b/design/sass/_archives.scss index 369beba..1d2060e 100644 --- a/design/sass/_archives.scss +++ b/design/sass/_archives.scss @@ -262,34 +262,41 @@ .btn {text-decoration: none; color: white; } } .hero-text-wrapper { + padding-top: 2rem; @include constrain_narrow; color: white; font-family: $headline_font_serif; - h2 { + .post-title, .post-subtitle { + font-style: normal; text-align: center; margin-bottom: 0; line-height: 1; + @include fontsize(42); a { color: white; margin-bottom: 0; - font-family: $headline_font_serif; text-decoration: none; - @include fontsize(36); + } + } + .post-subtitle { + font-style: italic; + @include fontsize(22); + margin-top: .45rem; + } + .post-location { + text-align: center; + margin-top: .5rem; + .h-adr { + border-top: 1px solid #423f3f; + display: inline-block; + padding-top: .5rem; } } a { color: $body_font_light; padding: 0; border: none; - } - .post-summary { - text-align: center; - } - .p-summary { - display: block; - margin-top: .75rem; - @include fontsize(20); - + margin-top: .5rem; } } .post-location { diff --git a/design/templates/archives/homepage-light.html b/design/templates/archives/homepage-light.html index 7899ab2..f4915ec 100644 --- a/design/templates/archives/homepage-light.html +++ b/design/templates/archives/homepage-light.html @@ -27,15 +27,13 @@ </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.location.country_name == "United States" %}<span class="p-locality locality">{{object.location.name|smartypants|safe}}</span>, {{object.location.state_name}}}, <span class="p-country-name">U.S.</span>{%else%}<span class="p-region">{{object.location.name|smartypants|safe}}</span>, {{object.location.country_name}}{%endif%}</span> - <span class="p-summary" itemprop="description"> - {{homepage.tag_line|safe|smartypants}} - </span> - </p> + <h1 class="p-name entry-title post-title" itemprop="headline">{%if object.template_name == 1 or object.template_name == 3 %}{{object.title|smartypants|safe}}{%else%}{{object.title|smartypants|safe}}{%endif%}</h1> + {% if object.subtitle %}<h2 class="post-subtitle">{{object.subtitle|smartypants|safe}}</h2>{%endif%} + <aside class="p-location h-adr adr post-location" itemprop="contentLocation" itemscope itemtype="http://schema.org/Place"> + <h3 class="h-adr" itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">{% if object.location.country_name == "United States" %}<span class="p-locality locality" itemprop="addressLocality">{{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|safe}}</a>, <span class="p-country-name" itemprop="addressCountry">U.S.</span>{%else%}<span class="p-region" itemprop="addressRegion">{{object.location.name|smartypants|safe}}</span>, <a class="p-country-name country-name" href="/jrnl/{{object.location.country_slug}}/" title="travel writing from {{object.location.country_name}}"><span itemprop="addressCountry">{{object.location.country_name|safe}}</span></a>{%endif%}</h3> + </aside> + <time class="dt-published published dt-updated post-date" datetime="{{object.pub_date|date:'c'}}" itemprop="datePublished">{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time> + <span class="hide" itemprop="author" itemscope itemtype="http://schema.org/Person">by <a class="p-author h-card" href="/about"><span itemprop="name">Scott Gilbertson</span></a></span> <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> |