diff options
Diffstat (limited to 'design/templates')
| -rw-r--r-- | design/templates/archives/homepage.html | 79 | ||||
| -rw-r--r-- | design/templates/base.html | 12 | ||||
| -rw-r--r-- | design/templates/details/entry.html | 4 | ||||
| -rw-r--r-- | design/templates/details/page.html | 6 | ||||
| -rw-r--r-- | design/templates/details/photo_galleries.html | 4 | ||||
| -rw-r--r-- | design/templates/mailing_list.html | 13 |
6 files changed, 77 insertions, 41 deletions
diff --git a/design/templates/archives/homepage.html b/design/templates/archives/homepage.html index 789616c..4954264 100644 --- a/design/templates/archives/homepage.html +++ b/design/templates/archives/homepage.html @@ -1,42 +1,61 @@ {% extends 'base.html' %} {% load typogrify_tags %} -{%block bodyid%}id="home"{%endblock%} +{%block htmlclass%}class="black"{%endblock%} +{%block bodyid%}id="home" class="has-hero"{%endblock%} -{% block primary %}<section class="archive">{% for object in object_list %}{% if forloop.counter == 1 %} - <article> - <h1><a href="{{object.get_absolute_url}}" title="{{object.title}}">{{object.title|smartypants|widont|safe}}</a></h1> - <div class="img"> - <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_image_url}}" alt="{{ object.title }}" class="post-image" /></a> +{% block primary %}<section class="banner">{% for object in object_list %}{% if forloop.counter == 1 %} + <article class="h-entry hentry {% cycle 'odd' 'even' %} {% cycle 'first' 'second' 'third' %}"> + <div class="post--image"> + <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_image_hero_url}}" alt="{{ object.title }}" class="u-photo post-image homepage--hero" /></a> </div> - <p class="dateline bl"> - <span class="location" itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">{% if object.country.name == "United States" %}{{object.location.name|smartypants|safe}}, <a href="/writing/united-states/" title="travel writing from the United States">{{object.location.state.name}}</a>{%else%}{{object.location.name|smartypants|safe}}, <a href="/writing/{{object.location.state.country.name|slugify}}/" title="travel writing from {{object.location.state.country.name}}">{{object.location.state.country.name}}</a>{%endif%} - <meta itemprop="latitude" content="{{object.latitude}}" /> - <meta itemprop="longitude" content="{{object.longitude}}" /></span> - <time datetime="{{object.pub_date|date:'c'}}" pubdate>{{object.pub_date|date:"m/d/y"}}</time> + <div class="hero--wrapper"> + <h1 class="p-name entry-title post--title main--header"><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></h1> + <p class="p-author author hide">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="p-location h-adr adr post--location main--location"> + {% if object.country.name == "United States" %}<span class="p-locality locality" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">{{object.location.name|smartypants|safe}}</span>, <a class="p-region region" href="/writing/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="/writing/{{object.country.slug}}/" title="travel writing from {{object.country.name}}">{{object.country.name}}</a>{%endif%} + <data itemprop="latitude" class="p-latitude" value="{{object.latitude}}"></data> + <data itemprop="longitude" class="p-longitude" value="{{object.longitude}}"></data> </p> - - <p class="hyphenate">{{object.dek|safe}} <span class="button"><a href="{{object.get_absolute_url}}" title="{{object.title}}">More »</a></span> </p> {%endif%}{%endfor%} - - </article> + <p class="p-summary main--tag"> + Explore the lost era of oyster farmers. + </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> + </article> {% endif %} {% endfor %} </section> {%comment%}<section id="currently"> <div class="project-tease"><a href="/projects/5x5/"><h4 id="proj">5<span>x</span>5</h4> Interviews From The Road</a><p>Lorem sit amet, consectetur adipiscing elit. Duis cursus sodales eros <cite>– William Brandon III</cite></p></div> </section>{%endcomment%} - <section class="home harchive"> - <h1 class="sh">From the Archive</h1> - {% for object in object_list %}{%if forloop.counter > 1 %}<article {%if forloop.last %}class="last"{%endif%}> - <h1><a href="{{object.get_absolute_url}}" title="{{object.title}}">{{object.title|smartypants|widont|safe}}</a></h1> - <p class="dateline bl"> - <span class="location" itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">{% if object.location.state.country.name == "United States" %}{{object.location.name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.location.state.name}}</a>{%else%}{{object.location.name|smartypants|safe}}, <a href="/writing/{{object.location.state.country.slug}}/1/" title="travel writing from {{object.location.state.country.name}}">{{object.location.state.country.name}}</a>{%endif%} - <meta itemprop="latitude" content="{{object.latitude}}" /> - <meta itemprop="longitude" content="{{object.longitude}}" /> - </span> - <time datetime="{{object.pub_date|date:'c'}}" pubdate>{{object.pub_date|date:"m/d/y"}}</time> - </p> - {%if object.thumbnail%}<a class="permalink" href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_thumbnail_url}}" alt="{{ object.title }}" class="post-image" width="{{object.thumb_width}}" height="{{object.thumb_height}}" /></a>{%endif%} - <p class="hyphenate">{{object.dek|safe}}</p> - </article>{%endif%} - {% endfor %} </section> + <div class="homepage--about homepage--bottom-wrapper"> + <h3 class="homepage--arc-header">About Luxagraf</h3> + <p>I like to think of luxagraf as the notebook you might have found, something I might have accidentally dropped between the cushions of a jostling, camel-powered taxi winding its way through the narrow, bumpy, dusty streets of Tangier circa 1910.</p> + <p>It could just be a website though. Except that I don’t do lists. And I’m not trying to make money.</p><p>Luxagraf is a collection of field notes, a bare recording of some of my time on earth. Enjoy.</p> + </div> + <div class="homepage--bottom-wrapper"> + <section class="archive archive--homepage"> + <h1 class="homepage--arc-header">Archives</h1> + {% for object in object_list %}{%if forloop.counter > 1 %} + <article class="h-entry hentry"> + <div class="post--image"> + <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_image_wide_url}}" alt="{{ object.title }}" class="u-photo post-image" /></a> + </div> + <h1 class="p-name entry-title post--title"><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></h1> + <p class="p-author author hide">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="p-location h-adr adr post--location"> + {% if object.country.name == "United States" %}<span class="p-locality locality" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">{{object.location.name|smartypants|safe}}</span>, <a class="p-region region" href="/writing/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="/writing/{{object.country.slug}}/" title="travel writing from {{object.country.name}}">{{object.country.name}}</a>{%endif%} + <data itemprop="latitude" class="p-latitude" value="{{object.latitude}}"></data> + <data itemprop="longitude" class="p-longitude" value="{{object.longitude}}"></data> + </p> + </article> {% endif %}{% endfor %} + <p><a href="/" class="homepage--next">Read More</a></p> + </section> + <section class="homepage--bright"> + <h1 class="homepage--arc-header">Join the Mailing List</h1> + {% include 'mailing_list.html' %} + </section> + </div> {% endblock %} {% block js %}<script async src="/media/js/hyphenate.min.js" type="text/javascript"></script>{% endblock%} diff --git a/design/templates/base.html b/design/templates/base.html index f84dffa..5c9ca21 100644 --- a/design/templates/base.html +++ b/design/templates/base.html @@ -7,6 +7,9 @@ content="{% block metadescription %}Luxagraf: recording journeys around the world and just next door.{% endblock %}"> <meta name="author" content="Scott Gilbertson"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> + <!--[if IE]> + <script src="/js/html5css3ie.min.js"></script> + <![endif]--> <link rel="alternate" type="application/rss+xml" title="Luxagraf RSS feed" @@ -14,21 +17,18 @@ {%block stylesheet%}<link rel="stylesheet" href="/media/screenv8.css" media="screen">{%endblock%} - <!--[if lte IE 8]> + <!--[if IE]> <link rel="stylesheet" - href="/media/iev8.css" + href="/media/css/ie.css" media="screen"> <![endif]--> - <!--[if lt IE 9]> - <script src="/media/js/html5css3ie.min.js"></script> - <![endif]--> {%block extrahead%}{%endblock%} </head> <body {%block bodyid%}{%endblock%}{%block bodyevents%}{%endblock%}> <div class="wrapper"> <div class="header-wrapper"> <header role="banner"> - <h1><a class="logo" id="logo" href="/" title="home">Luxagraf</a></h1> + <h1><a id="logo" href="/" title="home">Luxagraf</a></h1> <h2>Walk Slowly</h2> </header> <nav role="navigation" class="bl"> diff --git a/design/templates/details/entry.html b/design/templates/details/entry.html index bfbae23..7dc98bc 100644 --- a/design/templates/details/entry.html +++ b/design/templates/details/entry.html @@ -62,6 +62,10 @@ class="{%if t == 0 or t == 2 %}single{%endif%}{%if t == 1 or t == 3 %}double{%en </section> {%endcomment%} </main> + <div class="mailing-list--wrapper"> + <h5>If you enjoyed this, you should join the mailing list…</h5> + {% include 'mailing_list.html' %} + </div> {% endblock %} {% block js %} {% with object.template_name as t %}{%if t == 1 or t == 3 %} diff --git a/design/templates/details/page.html b/design/templates/details/page.html index 74c75bd..8db04ff 100644 --- a/design/templates/details/page.html +++ b/design/templates/details/page.html @@ -1,7 +1,7 @@ {% extends 'base.html' %} {% load typogrify_tags %} {% block pagetitle %}Luxagraf | {{object.title}}{% endblock %} -{% block metadescription %}{{object.metadescription}}{% endblock %} +{% block metadescription %}{{object.meta_description}}{% endblock %} {%block htmlclass%}class="single"{%endblock%} {%block bodyid%}id="{{object.title|lower}}"{%endblock%} @@ -10,9 +10,9 @@ <li>{{object.title}}</li> </ul> <article role="main"> - <h1 class="hide">About Luxagraf</h1> + <h1 class="hide">{{object.title}}</h1> <div class="post-body-single"> - {{object.body_html|safe}} + {{object.body_html|safe|smartypants|widont}} </div> </article> {% endblock %} diff --git a/design/templates/details/photo_galleries.html b/design/templates/details/photo_galleries.html index 546d767..5275f2d 100644 --- a/design/templates/details/photo_galleries.html +++ b/design/templates/details/photo_galleries.html @@ -48,8 +48,8 @@ {%endblock%} {% block js %} - <script type="text/javascript" src="/media/js/jquery.js"></script> - <script type="text/javascript" src="/media/js/jquery.scrollTo-1.4.2-min.js"></script> + <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.js"></script> + <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.scrollTo-1.4.2-min.js"></script> <script type="text/javascript" src="/media/js/photos.min.js" ></script> {% endblock%} diff --git a/design/templates/mailing_list.html b/design/templates/mailing_list.html new file mode 100644 index 0000000..50ce183 --- /dev/null +++ b/design/templates/mailing_list.html @@ -0,0 +1,13 @@ +{% load typogrify_tags %} +<!-- Begin MailChimp Signup Form --> +<div class="mailing-list"> +<form action="//longhandpixels.us7.list-manage.com/subscribe/post?u=f56776029b67b1c8c712eee00&id=c578a42596" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> + <label class="form--label" for="mce-EMAIL">Your Email:</label> + <div class="form--flex-container"> + <input type="email" value="" name="EMAIL" class="form--input user-field required email" id="mce-EMAIL" placeholder="jane@doe.com"> + <div class="response" id="mce-error-response" style="display:none"></div> + <div class="response" id="mce-success-response" style="display:none"></div> + <input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe" class="btn"> +</div> +</form> +</div> |