diff options
| author | luxagraf <sng@luxagraf.net> | 2016-02-18 09:35:45 -0500 |
|---|---|---|
| committer | luxagraf <sng@luxagraf.net> | 2016-02-18 09:35:45 -0500 |
| commit | f520b80d69a9c51478a26f7c7e98a860e4e64c3d (patch) | |
| tree | a30d4da7224e6b1b1b1ea2bc2ce21e5d8c3396f7 /design | |
| parent | 3b6588ec9bdcc9a2a0099b5568923485079a4dec (diff) | |
added AMP template filter to replace img tags and strip out the
disallowed HTML. Because somewhere to someone it makes sense to speed up
pages by requiring javascript.
Diffstat (limited to 'design')
| -rw-r--r-- | design/sass/_writing_details.scss | 18 | ||||
| -rw-r--r-- | design/templates/details/entry.amp | 14 |
2 files changed, 15 insertions, 17 deletions
diff --git a/design/sass/_writing_details.scss b/design/sass/_writing_details.scss index 53b3aca..c7a57b0 100644 --- a/design/sass/_writing_details.scss +++ b/design/sass/_writing_details.scss @@ -153,20 +153,25 @@ .footnote { @include constrain_narrow(); margin: 1em auto 0 auto; - padding:0; - list-style-position:inside; + padding: 0; list-style-type: none; - &:before { + &:before, &:after { + @include faded_line_after; @include breakpoint(beta) { - @include faded_line_after; margin-bottom: 2em; } } p { font-size: 0.875em; - line-height: 1.4 + line-height: 1.4; } hr {display: none;} + ol { + padding-left: 1em; + @include breakpoint(alpha) { + margin-left: 1em; + } + } } .dark .footnote:before { @include light_faded_line_after; @@ -352,7 +357,8 @@ display: block; .comments--header { font-family: Helvetica Neue, Helvetica, sans-serif; line-height: 6em; - @include fontsize(24); + @include fontsize(16); + font-style: italic; &:before { @include faded_line_after; margin-top: 2em; diff --git a/design/templates/details/entry.amp b/design/templates/details/entry.amp index 6305d46..32b6d36 100644 --- a/design/templates/details/entry.amp +++ b/design/templates/details/entry.amp @@ -1,4 +1,5 @@ {% load typogrify_tags %} +{% load amp %} <!doctype html> <html amp lang="en"> <head> @@ -45,7 +46,6 @@ }, "publisher": { "@type": "Person", - "name": "Jeremy Keith", "name": "Scott Gilbertson" "logo": { "@type": "ImageObject", @@ -137,8 +137,6 @@ hr { border-bottom: 0.0625rem dotted #ccc; } </style> -<script async custom-element="amp-audio" src="https://cdn.ampproject.org/v0/amp-audio-0.1.js"></script> -<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script> <style>body {opacity: 0}</style><noscript><style>body {opacity: 1}</style></noscript> <script async src="https://cdn.ampproject.org/v0.js"></script> </head> @@ -146,8 +144,7 @@ hr { <nav> <a href="https://luxagraf.net/"> -<amp-img src="https://adactio.com/skins/default/images/logo.png" srcset="https://adactio.com/skins/default/images/logox2.png 2x" alt="adactio" width="240" height="53" layout="fixed"></amp-img> -</a> +luxagraf</a> </nav> <main class="h-entry"> @@ -158,15 +155,10 @@ hr { <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> <aside 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|safe}}</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|safe}}</a>{%endif%} - <span style="display: none;" itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates"> - <data itemprop="latitude" class="p-latitude" value="{{object.latitude}}">{{object.latitude}}</data> - <data itemprop="longitude" class="p-longitude" value="{{object.longitude}}">{{object.longitude}}</data> - </span> - {% with object.get_template_name_display as t %}{%if t == "single" or t == "single-dark" %} – <a href="" onclick="showMap({{object.latitude}}, {{object.longitude}}, { type:'point', lat:'{{object.latitude}}', lon:'{{object.longitude}}'}); return false;" title="see a map">Map</a>{%endif%}{%endwith%} </aside> </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.body_html|safe|smartypants|widont}} + {{object.body_html|amp|safe}} </div> </article> </main> |