diff options
Diffstat (limited to 'design')
| -rw-r--r-- | design/templates/details/src_book.html | 32 | ||||
| -rw-r--r-- | design/templates/details/src_entry.amp | 175 |
2 files changed, 207 insertions, 0 deletions
diff --git a/design/templates/details/src_book.html b/design/templates/details/src_book.html new file mode 100644 index 0000000..b9715f2 --- /dev/null +++ b/design/templates/details/src_book.html @@ -0,0 +1,32 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{%block bodyid%}id="book-page"{%endblock%} +{% 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> + <li><a href="/src/" title="luxagraf:src" itemprop="url"><span itemprop="title"><code>src</code></span></a> → </li> + <li><a href="/src/books/" title="luxagraf:src books" itemprop="url"><span itemprop="title">Books</span></a> </li> + </ul> + <main role="main" itemprop="mainEntity" itemscope itemtype="http://schema.org/Book"> + <h1 class="book-title" itemprop="name">{{object.title|smartypants|widont|safe}}</h1> + <div class="book-cover-wrapper"><img src="{{object.image.url}}" alt="{{object.title}} cover" /></div> + <div class="meta-cover"> + <dl class="book-metadata"> + <dt>Published</dt> + <dd>{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></dd> + <dt>Last Updated</dt> + <dd>{{object.last_updated|date:"F"}} <span>{{object.last_updated|date:"j, Y"}}</span></dd> + <dt>Pages</dt> + <dd>{{object.pages}}</dd> + </dl> + </div> + {{paypal_form.render}} + <div class="highlights"> + <h4>Learn Responsive Design:</h4> + <article class="h-entry hentry post--article book" itemscope itemType="http://schema.org/Article"> + {{object.body_html|safe|amp|smartypants}} + {{paypal_form.render}} + </article> + </div> +</main> +{% endblock %} + diff --git a/design/templates/details/src_entry.amp b/design/templates/details/src_entry.amp new file mode 100644 index 0000000..6305d46 --- /dev/null +++ b/design/templates/details/src_entry.amp @@ -0,0 +1,175 @@ +{% load typogrify_tags %} +<!doctype html> +<html amp lang="en"> +<head> +<meta charset="utf-8"> +<title>{%block pagetitle%}{{object.title}}{%endblock%}</title> +<link rel="canonical" href="{{object.get_absolute_url}}"> + <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1"> + <meta name="twitter:card" content="summary_large_image"/> + <meta name="twitter:url" content="{{object.get_absolute_url}}"> + <meta name="twitter:description" content="{{object.meta_description}}"/> + <meta name="twitter:title" content="{{object.title|safe}}"/> + <meta name="twitter:site" content="@luxagraf"/> + <meta name="twitter:domain" content="luxagraf"/> + <meta name="twitter:image:src" content="{{object.get_image_url}}"/> + <meta name="twitter:creator" content="@luxagraf"/> + <meta name="twitter:site:id" content="9469062"> + <meta name="twitter:creator:id" content="9469062"> + <meta name="twitter:description" content=""/> + + <meta name="geo.placename" content="{% if object.country.name == "United States" %}{{object.location.name|smartypants|safe}}, {{object.state.name}}{%else%}{{object.location.name|smartypants|safe}}, {{object.country.name}}{%endif%}"> + <meta name="geo.region" content="{{object.country.iso2}}{%if object.state.code != '' %}-{{object.state.code}}{%endif%}"> + <meta property="og:type" content="article" /> + <meta property="og:title" content="{{object.title|safe}}" /> + <meta property="og:url" content="https://luxagraf.net{{object.get_absolute_url}}" /> + <meta property="og:description" content="{{object.meta_description}}" /> + <meta property="article:published_time" content="{{object.pub_date|date:'c'}}" /> + <meta property="article:author" content="Luxagraf" /> + <meta property="og:site_name" content="Luxagraf" /> + <meta property="og:image" content="{{object.get_image_url}}" />{% for image in object.get_images %} + <meta property="og:image" content="{{image}}" />{% endfor %} + <meta property="og:locale" content="en_US" /> + + +<script type="application/ld+json"> +{ + "@context": "http://schema.org", + "@type": "BlogPosting", + "headline": "{{object.title|safe}}", + "description": "{{object.meta_description}}", + "datePublished": "{{object.pub_date|date:"c"}}", + "author": { + "@type": "Person", + "name": "Scott Gilbertson" + }, + "publisher": { + "@type": "Person", + "name": "Jeremy Keith", + "name": "Scott Gilbertson" + "logo": { + "@type": "ImageObject", + "url": "", + "width": 240, + "height": 53 + } + } +} +</script> +<style amp-custom> +body { + font-size: 0.8125rem; + line-height: 1.73; + font-family: "Lucida Grande",Verdana,Helvetica,Arial,sans-serif; + background-color: #fff; + color: #333; + padding: 1em; +} +nav { + text-align: right; + max-width: 60em; + margin: 0 auto; +} +main { + max-width: 60em; + margin: 0 auto; +} +main footer { + text-align: right; +} +a { + text-decoration: underline; + color: #c63; +} +h1,h2,h3,h4,h5 { + font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; + line-height: 1; + font-weight: bold; +} +h1 { + font-size: 1.5rem; + color: #666; +} +h2 { + font-size: 1.125rem; + color: #555; +} +h3 { + font-size: 1rem; + color: #444; +} +h4 { + font-size: 0.875rem; +} +h5 { + font-size: 0.75rem; +} +h1 a, h1 a *, +h2 a, h2 a *, +h3 a, h3 a *, +h4 a, h4 a * { + text-decoration: none; + font-weight: bold +} +code { + font-size: 0.875rem; + font-family: "Courier New",monospace; +} +pre { + white-space: pre-wrap; + word-wrap: break-word; +} +blockquote { + font-family: Georgia,"Times New Roman",serif; + font-size: 0.875rem; +} +blockquote * { + font-style: italic; +} +blockquote * em { + font-weight: bold; +} +blockquote * strong { + font-style: normal; +} +hr { + border: none; + 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> +<body> + +<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> +</nav> + +<main class="h-entry"> + <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> + <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> + <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}} + </div> + </article> +</main> + +</body> +</html> |