diff options
Diffstat (limited to 'design')
| -rw-r--r-- | design/sass/_figments.scss | 32 | ||||
| -rw-r--r-- | design/templates/archives/figments.html | 27 | ||||
| -rw-r--r-- | design/templates/details/figments.html | 5 |
3 files changed, 51 insertions, 13 deletions
diff --git a/design/sass/_figments.scss b/design/sass/_figments.scss index cc4d7f5..1204743 100644 --- a/design/sass/_figments.scss +++ b/design/sass/_figments.scss @@ -1,4 +1,34 @@ -.kindle { +.kindle, .epub { + display: inline; @include smcaps; @include fontsize(11); } +.kindle:after { + content: "ยท"; + color: #999; + padding-left: 0.75em; +} +.fig-archive { + @include constrain_narrow; + @include breakpoint(beta) { + text-align: left; + + } + h1 { + margin-top: 2.5em; + @include smcaps; + @include fontsize(16); + } + p:first-of-type { + margin-bottom: 4em; + @include breakpoint(beta) { + text-align: left; + @include fontsize(18); + font-style: italic + } + } + h2 { + @include smcaps; + @include fontsize(18); + } +} diff --git a/design/templates/archives/figments.html b/design/templates/archives/figments.html index 5c5e398..8b5c78e 100644 --- a/design/templates/archives/figments.html +++ b/design/templates/archives/figments.html @@ -1,18 +1,23 @@ {% extends 'base.html' %} {% load typogrify_tags %} -{% block primary %} - <main role="main"> +{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> + <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> → </li>{% if series %} + <li><a href="/figments/" title="Figments" itemprop="url"><span itemprop="title">Figments</span></a> → </li> + <li>{{topic}}</li>{%else%} + <li>Figments</li>{%endif%} + </ul> + <main role="main" id="figments-archive" class="fig-archive"> + <h1>Figments of Imagination</h1> + <p>I dislike the term “fiction” because it implies that there is a non-fiction and I categorically deny that such a thing can exist. So I call these stories “less true stories mostly made up” and hope for the best, where “the best” is that you enjoy them.</p> + {% for object in object_list %} - <article class="h-entry hentry post--article{% with object.get_template_name_display as t %}{%if t == "double" or t == "double-dark" %} post--article--double{%endif%}{%endwith%}" itemscope itemType="http://schema.org/Article"> - <header id="header" class="post--header {% with object.get_template_name_display as t %}{%if t == "double" or t == "double-dark" %}post--header--double{%endif%}{%endwith%}"> - <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|widont|safe}}{%endif%}</h1> - <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> - </header> - <div id="article" class="e-content entry-content post--body post--body--{% with object.template_name as t %}{%if t == 0 or t == 2 %}single{%endif%}{%if t == 1 or t == 3 %}double{%endif%}{%endwith%}" itemprop="articleBody"> - {{object.title|safe|smartypants|widont}} - </div> - </article> + <article id="{{object.slug}}{{object.pk}}" class="h-entry hentry figment" itemscope itemType="http://schema.org/CreativeWork"> + <h2 class="p-name entry-title post--title" itemprop="headline"><a href="{{object.get_absolute_url}}" class="u-url permalink">{{object.title|smartypants|safe}}</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> + <p class="hide p-category">Fiction</p> + <p class="p-summary entry-summary">{{object.dek|safe|smartypants|widont}} <a href="{{object.get_absolute_url}}">Read ⇢</a></p> + </article> {%endfor%} </main> {% endblock %} diff --git a/design/templates/details/figments.html b/design/templates/details/figments.html index 3aeb690..1f8bfc7 100644 --- a/design/templates/details/figments.html +++ b/design/templates/details/figments.html @@ -7,7 +7,10 @@ <header id="header" class="post--header {% with object.get_template_name_display as t %}{%if t == "double" or t == "double-dark" %}post--header--double{%endif%}{%endwith%}"> <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|widont|safe}}{%endif%}</h1> <time class="hide 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> - <p class="kindle"><a href="">Send to Kindle</a></p> + <ul> + <li class="kindle"><a href="">Send to Kindle</a></li> + <li class="epub"><a href="{{object.get_absolute_url}}.epub">Download for iBooks (epub)</a></li> + </ul> <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> </header> <div id="article" class="e-content entry-content post--body post--body--{% with object.template_name as t %}{%if t == 0 or t == 2 %}single{%endif%}{%if t == 1 or t == 3 %}double{%endif%}{%endwith%}" itemprop="articleBody"> |