summaryrefslogtreecommitdiff
path: root/app/posts/templates
diff options
context:
space:
mode:
Diffstat (limited to 'app/posts/templates')
-rw-r--r--app/posts/templates/posts/podcast_detail.html108
-rw-r--r--app/posts/templates/posts/podcast_list.html29
-rw-r--r--app/posts/templates/posts/src_detail.html110
-rw-r--r--app/posts/templates/posts/src_list.html30
4 files changed, 137 insertions, 140 deletions
diff --git a/app/posts/templates/posts/podcast_detail.html b/app/posts/templates/posts/podcast_detail.html
new file mode 100644
index 0000000..4fec3b1
--- /dev/null
+++ b/app/posts/templates/posts/podcast_detail.html
@@ -0,0 +1,108 @@
+{% extends 'base.html' %}
+{% load typogrify_tags %}
+{% load comments %}
+{% block pagetitle %}{{object.title|striptags}} - by Scott Gilbertson{% endblock %}
+{% block metadescription %}{% autoescape on %}{{object.meta_description|striptags|safe}}{% endautoescape %}{% endblock %}
+{%block extrahead%}
+ <link rel="stylesheet" href="/media/src/solarized.css" type="text/css" media="screen"/>
+{%endblock%}
+
+{% block bodyid %}class="detail single"{% endblock %}
+{% block breadcrumbs %}{% include "lib/breadcrumbs.html" with breadcrumbs=breadcrumbs %}{% endblock %}
+{% block primary %}<main role="main">
+ <article class="h-entry hentry entry-content content" itemscope itemType="http://schema.org/BlogPosting">
+ <header id="header" class="post-header">
+ <h1 class="p-name post-title" itemprop="headline">{{object.title|smartypants|safe}}</h1>
+ <h2 class="post-subtitle">{% if object.subtitle %}{{object.subtitle|smartypants|safe}}{%else%}{{object.meta_description|safe|smartypants|widont}}{%endif%}</h2>
+ <div class="post-dateline">
+ {% if object.originally_published_by %}<h4 class="post-source">Originally Published By: <a href="{{object.originally_published_by_url}}" title="View {{object.title}} on {{object.originally_published_by}}">{{object.originally_published_by}}</a></h4>{%endif%}
+ <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>
+ <span class="hide" itemprop="author" itemscope itemtype="http://schema.org/Person">by <a class="p-author h-card" href="/about"><span itemprop="name">Scott Gilbertson</span></a></span>
+ </div>
+ </header>
+
+
+ <div id="article" class="e-content entry-content post-article 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>
+ <div class="entry-footer">
+ <aside class="narrow donate">
+ <h3>Support</h3>
+ <p>Want to help support Lulu and Birdie? You can buy the book, or you can donate a few dollars.</p>
+ <div class="donate-btn">
+ <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
+ <input type="hidden" name="cmd" value="_s-xclick">
+ <input type="hidden" name="hosted_button_id" value="HYJFZQSBGJ8QQ">
+ <input type="submit" name="submit" title="Donate to luxagraf via PayPal">
+ </form>
+ </div>
+ <div class="donate-btn">
+ <a class="liberapay-btn" href="https://liberapay.com/luxagraf/donate"><span>Donate</span></a>
+ </div>
+ </aside>
+ {% comment %}<aside class="narrow join">
+ <h3>Subscribe</h3>
+ <p>You're reading <code>/src/</code>, a collection of infrequent postings about open source software, linux tools, and other nerdry. If you'd like to join us, drop your email in the form below: </p>
+ <iframe target='_parent' style="border:none !important; background:white; width:100% !important;" title="embedded form for subscribing the the src newsletter" src="{% url 'lttr:subscribe' slug='range' %}"></iframe>
+ <p>Unsubscribing is easy. It's <a href="/src/building-your-own-mailing-list-software">self-hosted</a> and <a href="/privacy" title="My privacy policy">respects your privacy</a>. If you don't want an email, there's also <a href="/src/feed.xml">an RSS feed</a>, and it's all archived <a href="/src/">here</a>.</p>
+ </aside>{% endcomment%}
+ </div>
+ {% with object.get_next_published as next %}
+ {% with object.get_previous_published as prev %}
+ <nav class="page-navigation">
+ <div>{% if prev%}
+ <span class="label">Previous:</span>
+ <a href="{{ prev.get_absolute_url }}" rel="prev" title=" {{prev.title}}">{{prev.title|safe}}</a>
+ </div>{%endif%}{% if next%}
+ <div>
+ <span class="label">Next:</span>
+ <a href="{{ next.get_absolute_url }}" rel="next" title=" {{next.title}}">{{next.title|safe}}</a>
+ </div>{%endif%}
+ </nav>{%endwith%}{%endwith%}
+ {% if object.related.all %}<div class="article-afterward related">
+ <div class="related-bottom">
+ <h6 class="hedtinycaps">You might also enjoy</h6>
+ <div class="archive-grid-quad">{% for object in related %}
+ <div class="archive-grid-card archive-grid-card-simple">
+ <a href="{{object.get_absolute_url}}" title="{{object.title}}">
+ <div class="card-image-tiny">
+ {% if object.featured_image %}
+ {% include "lib/img_archive.html" with image=object.featured_image nolightbox=True %}
+ {%endif%}
+ </div>
+ <h4 class="p-name card-hed" itemprop="headline">{% if object.title %}{{object.title|safe|smartypants|widont}}{% else %}{{object.common_name}}{%endif%}</h4>
+ <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>
+ <span class="card-smcaps">
+ {% if object.location %}<span class="p-location h-adr adr card-location" itemprop="contentLocation" itemscope itemtype="http://schema.org/Place">
+ {% if object.location.country_name == "United States" %}{{object.location.state_name}}{%else%}{{object.location.country_name}}{%endif%}
+ </span>{%endif%}
+ {% if object.location and object.model_name.model != 'page' %}&ndash;{%endif%}
+ {% if object.model_name.model != 'page' %}<time class="dt-published published dt-updated" datetime="{{object.pub_date|date:'c'}}"><span>{{object.pub_date|date:" Y"}}</span></time>{%endif%}
+ </span>
+ </a>
+ </div>
+ {% endfor %}</div>
+ </div>
+ </div>{%endif%}
+ </main>
+ {% if object.enable_comments %}
+{% get_comment_count for object as comment_count %}
+{%if comment_count > 0 %}
+<div class="comment-wrapper">
+<p class="comments-header">{{comment_count}} Comment{{ comment_count|pluralize }}</p>
+{% render_comment_list for object %}
+{%endif%}
+<div class="comment-form-wrapper {%if comment_count > 0%}comment-form-border{%endif%}">
+{% render_comment_form for object %}
+</div>
+{% else %}
+<p class="comments--header" style="text-align: center">Sorry, comments have been disabled for this post.</p>
+{%endif%}
+</div>
+</main>
+{% endblock %}
+{% block js %}
+<script src="/media/js/leaflet-master/leaflet-mod.js"></script>
+<script src="/media/js/detail.min.js"></script>
+{%endblock%}
diff --git a/app/posts/templates/posts/podcast_list.html b/app/posts/templates/posts/podcast_list.html
new file mode 100644
index 0000000..8c73db4
--- /dev/null
+++ b/app/posts/templates/posts/podcast_list.html
@@ -0,0 +1,29 @@
+{% extends 'base.html' %}
+{% load typogrify_tags %}
+{% load pagination_tags %}
+{% load comments %}
+
+{% block pagetitle %}The Lulu and Birdie Podcast{% endblock %}
+{% block metadescription %}The Adventures of Lulu, Birdie, and Henry in podcast form - by Scott Gilbertson.{% endblock %}
+{% block breadcrumbs %}{% include "lib/breadcrumbs.html" with breadcrumbs=breadcrumbs %}{% endblock %}
+{% block primary %}<main role="main" class="archive-wrapper">
+ <div class="archive-intro">
+ <h1 class="archive-hed">The Adventures of Lulu, Birdie, and Henry: The Podcast.</h1>
+ <h2 class="list-subhed">Let's see what happens.</h2>
+ </div>
+
+ <h1 class="archive-sans">Episodes</h1>{% autopaginate object_list 24 %}
+ <ul class="archive-list">{% for object in object_list %}
+ <li class="h-entry hentry archive-list-card archive-list-card-sm" itemscope itemType="http://schema.org/Article">
+ <span class="date dt-published card-smcaps">{{object.pub_date|date:"F Y"}}</span>
+ <a href="{{object.get_absolute_url}}">
+ <h2 class="card-hed">{{object.title|safe|smartypants|widont}}</h2>
+ <p class="p-summary card-lede">{% if object.subtitle %}{{object.subtitle}}{%else%}{{object.meta_description|safe|smartypants|widont}}{%endif%}</p>
+ </a>
+ </li>
+ {%endfor%}</ul>
+
+
+
+ </main>
+{%endblock%}
diff --git a/app/posts/templates/posts/src_detail.html b/app/posts/templates/posts/src_detail.html
deleted file mode 100644
index 664db36..0000000
--- a/app/posts/templates/posts/src_detail.html
+++ /dev/null
@@ -1,110 +0,0 @@
-{% extends 'base.html' %}
-{% load typogrify_tags %}
-{% load comments %}
-{% block pagetitle %}{{object.title|striptags}} - by Scott Gilbertson{% endblock %}
-{% block metadescription %}{% autoescape on %}{{object.meta_description|striptags|safe}}{% endautoescape %}{% endblock %}
-{%block extrahead%}
- <meta property="og:type" content="article" />
- <meta property="og:site_name" content="luxagraf:src"/>
- <meta property="og:title" content="{{object.title|safe}}" />
- <meta property="og:url" content="https://luxagraf.net{{object.get_absolute_url}}" />
- <meta property="og:image" content="">
- <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:src" />
- <meta property="og:locale" content="en_US" />
- <meta name="twitter:card" content="summary_large_image"/>
- <meta name="twitter:site" content="@luxagraf"/>
- <meta name="twitter:creator" content="@luxagraf"/>
- <link rel="stylesheet" href="/media/src/solarized.css" type="text/css" media="screen"/>
-{%endblock%}
-
-{% block bodyid %}class="src detail single"{% endblock %}
-{%block sitesubtitle %}Code Slowly{% endblock%}
-{% block breadcrumbs %}<ol class="bl" id="breadcrumbs" itemscope itemtype="http://schema.org/BreadcrumbList">
- <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
- <a itemprop="item" href="/">
- <span itemprop="name">Home</span>
- </a> &rarr;
- <meta itemprop="position" content="1" />
- </li>
- <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
- <a href="/src/" itemprop="item">
- <span itemprop="name">Src</span>
- </a>
- <meta itemprop="position" content="2" />
- </li>
- </ol>{% endblock %}
-{% block primary %}<main role="main">
- <article class="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|safe|smartypants}}{%else%}{{object.title|safe|smartypants|widont}}{%endif%}</h1>
- <h2 class="post-subtitle">{% if object.subtitle %}{{object.subtitle|smartypants|safe}}{%else%}{{object.meta_description|safe|smartypants|widont}}{%endif%}</h2>
- <div class="post-linewrapper">
- {% if object.originally_published_by %}<h4 class="post-source">Originally Published By: <a href="{{object.originally_published_by_url}}" title="View {{object.title}} on {{object.originally_published_by}}">{{object.originally_published_by}}</a></h4>{%endif%}
- <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>
- <span class="hide" itemprop="author" itemscope itemtype="http://schema.org/Person">by <a class="p-author h-card" href="/about"><span itemprop="name">Scott Gilbertson</span></a></span>
- </div>
- </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>
- {% if object.slug != 'about' %}
- {% with object.get_next_published as next %}
- {% with object.get_previous_published as prev %}
- <nav id="page-navigation">
- <ul>{% if prev%}
- <li id="prev"><span class="bl">Previous:</span>
- <a href="{{ prev.get_absolute_url }}" rel="prev" title=" {{prev.title}}">{{prev.title|safe}}</a>
- </li>{%endif%}{% if next%}
- <li id="next"><span class="bl">Next:</span>
- <a href="{{ next.get_absolute_url }}" rel="next" title=" {{next.title}}">{{next.title|safe}}</a>
- </li>{%endif%}
- </ul>
- </nav>{%endwith%}{%endwith%}
- {%endif%}
- </main>
- {% if object.slug != 'about' %}
- {% if object.enable_comments %}
-{% get_comment_count for object as comment_count %}
-{%if comment_count > 0 %}
-<p class="comments--header">{{comment_count}} Comment{{ comment_count|pluralize }}</p>
-{% render_comment_list for object %}
-{%endif%}
-<div class="comment--form--wrapper {%if comment_count > 0%}comment-form-border{%endif%}">
-{% render_comment_form for object %}
-</div>
-{% else %}
-<p class="comments--header" style="text-align: center">Sorry, comments have been disabled for this post.</p>
-{%endif%}
-{%endif%}
-{% endblock %}
-{% block js %}
-<script type="text/javascript">
-window.onload = function() {
- {% if object.enable_comments %}
-{%if comment_count > 0 %}
- //delay loading of gravatar images using noscript data-hash attribute
- dataattr = document.getElementsByClassName("datahashloader");
- for(var i=0; i<dataattr.length; i++) {
- var c = dataattr[i].parentNode;
- var img = document.createElement("img");
- img.src = 'https://images.luxagraf.net/gravcache/' + dataattr[i].getAttribute('data-hash') + '.jpg';
- img.className += "gravatar";
- c.insertBefore(img, c.childNodes[3]);
- }
-{%endif%}
-{%endif%}
- {% with object.get_template_name_display as t %}{%if t == "single" or t == "single-dark" %}
- createMap();
- var open = false;
- {%endif%}{%endwith%}
-}
-</script>
-{% if object.has_code %}
-{%endif %}
-{% endblock %}
diff --git a/app/posts/templates/posts/src_list.html b/app/posts/templates/posts/src_list.html
deleted file mode 100644
index 21a8c4e..0000000
--- a/app/posts/templates/posts/src_list.html
+++ /dev/null
@@ -1,30 +0,0 @@
-{% extends 'base.html' %}
-{% load typogrify_tags %}
-{% load comments %}
-
-{% block pagetitle %}Tutorials and tools for building great things{% endblock %}
-{% block metadescription %}Tutorials and tools for building great things on the web - by Scott Gilbertson.{% endblock %}
-{%block sitesubtitle %}Code Slowly{% endblock%}
-{% block breadcrumbs %}{% include "lib/breadcrumbs.html" with breadcrumbs=breadcrumbs %}{% endblock %}
-{% block primary %}<main role="main" id="essay-archive" class="essay-archive archive-list">
- <div class="essay-intro">
- <h2>Tutorials and tools for building great things on the web.</h2>
- <p>The indie web is an amazing democratic publishing platform unlike anything in history. The catch is, to avoid serving at the pleasure of the corporate king, you need to know <em>how</em> to publish. That's what these articles are here for, to help you learn how to use independent, community supported open source tools. The web won't last forever, let's build something cool while we can.</p>
- <p>Topics include HTML, CSS, Django, Linux, Nginx, Python, Postgresql, free software, and, once, the evil that is Google AMP.</p>
- <p>A few of the articles below were previously published in: <em><a href="https://arstechnica.com/">Ars Technica</a></em>, <em><a href="https://www.wired.com/author/scott-gilbertson/">Wired</a></em>, and <em><a href="https://www.theregister.co.uk/Author/Scott-Gilbertson/">The Register</a></em></p>
- </div>
- <h1 class="topic-hed">Articles</h1>
- <ul class="fancy-archive-list">{% for object in object_list %}{% if object.slug != 'about' %}
- <li class="h-entry hentry" itemscope itemType="http://schema.org/Article">
- <span class="date dt-published">{{object.pub_date|date:"F Y"}}</span>
- <a href="{{object.get_absolute_url}}">
- <h2>{{object.title|safe|smartypants|widont}}</h2>
- <p class="p-summary">{% if object.subtitle %}{{object.subtitle}}{%else%}{{object.meta_description|safe|smartypants|widont}}{%endif%}</p>
- </a>
- </li>
- {%endif%}{%endfor%}</ul>
-
-
-
- </main>
-{%endblock%}