summaryrefslogtreecommitdiff
path: root/design/templates
diff options
context:
space:
mode:
authorluxagraf <sng@luxagraf.net>2015-11-06 23:10:41 -0500
committerluxagraf <sng@luxagraf.net>2015-11-06 23:10:41 -0500
commita1122250e52d8773fb672ac60a458e4b7d6570fb (patch)
tree29133a2282633280593af91d550782e73b0cabe7 /design/templates
parentdbb8c23a81361b2bdd1128c997c8ce74a0cb4bd7 (diff)
fixed some bugs in jrnl
Diffstat (limited to 'design/templates')
-rw-r--r--design/templates/details/src_book.html32
-rw-r--r--design/templates/details/src_entry.amp175
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> &rarr; </li>
+ <li><a href="/src/" title="luxagraf:src" itemprop="url"><span itemprop="title"><code>src</code></span></a> &rarr; </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" %} &ndash;&nbsp;<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>