summaryrefslogtreecommitdiff
path: root/app/posts/templates
diff options
context:
space:
mode:
authorluxagraf <sng@luxagraf.net>2023-05-28 09:40:10 -0500
committerluxagraf <sng@luxagraf.net>2023-05-28 09:40:10 -0500
commit7ba1f6de4a39d294594dc1e93a58400f6991398f (patch)
tree7688589c7eba6dbb3a70e5ee427407f63d31842a /app/posts/templates
parent0abca069496494707496fe4e129c92e18fac81e2 (diff)
jrnl: finished up trip section
Diffstat (limited to 'app/posts/templates')
-rw-r--r--app/posts/templates/posts/trip_detail.html37
-rw-r--r--app/posts/templates/posts/trip_list.html2
2 files changed, 38 insertions, 1 deletions
diff --git a/app/posts/templates/posts/trip_detail.html b/app/posts/templates/posts/trip_detail.html
new file mode 100644
index 0000000..82bd5e3
--- /dev/null
+++ b/app/posts/templates/posts/trip_detail.html
@@ -0,0 +1,37 @@
+{% extends 'base.html' %}
+{% load typogrify_tags %}
+{% block pagetitle %}Luxagraf | Range {% endblock %}
+{% block metadescription %}A weekly photo, developed.{% endblock %}
+{% block breadcrumbs %}{% include "lib/breadcrumbs.html" with breadcrumbs=breadcrumbs %}{% endblock %}
+{% block primary %}
+<main class="archive-wrapper">
+ <figure class="large-top-image">
+ <a href="{{object.get_absolute_url}}" title="{{object.title}}">{%with image=object.featured_image%}
+ <img style="margin:0;" sizes="(max-width: 960px) 100vw"
+ srcset="{{image.get_srcset}}"
+ src="{{image.get_src}}"
+ alt="{{image.alt}} photographed by {% if image.photo_credit_source %}{{image.photo_credit_source}}{%else%}luxagraf{%endif%}">
+ </a>{%endwith%}
+ </figure>
+ <div class="archive-intro">
+ <h1 class="list-hed">{{object.title|safe|smartypants|widont}}</h1>
+ {{object.body_html|safe|smartypants|widont}}
+ </div>
+ <h3 class="archive-sans">Stories</h3>
+ <div class="archive-grid">{% for object in posts %}
+ <article class="h-entry hentry archive-grid-card" itemscope itemType="http://schema.org/Article">
+ <div class="card-image">
+ <a href="{{object.get_absolute_url}}" title="{{object.title}}">
+ {% include "lib/img_archive.html" with image=object.featured_image %}
+ </a>
+ </div>
+ <h2 class="p-name card-hed-it" itemprop="headline"><a href="{{object.get_absolute_url}}" class="u-url" title="{{object.title}}">{{object.title|safe|smartypants|widont}}</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>
+ <time class="dt-published published dt-updated card-smcaps" datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time>
+ </article> {% endfor %}
+ </div>
+ </main>
+{%endblock%}
+
+ <p>If you're not familiar, darktable is open source raw image developer. It's free, you can download a copy for Linux, macOS, or Windows. The <a href="https://www.darktable.org/usermanual/en/">darktable user manual</a> is very helpful if you're brand new. I also recommend <a href="https://www.youtube.com/user/audio2u">Bruce Williams' darktable videos</a>, and <a href="https://www.youtube.com/user/s7habo/videos">Boris Hajdukovic's videos</a>, which were the inspiration for what you see here.</p>
+ <p>I'm no expert either, so feel free to hit reply and let me know if I get something wrong.</p>
diff --git a/app/posts/templates/posts/trip_list.html b/app/posts/templates/posts/trip_list.html
index 9fa2495..f8d6450 100644
--- a/app/posts/templates/posts/trip_list.html
+++ b/app/posts/templates/posts/trip_list.html
@@ -24,7 +24,7 @@
<time class="dt-published published dt-updated card-smcaps" datetime="{{object.date_started|date:'c'}}">{{object.date_started|date:"F Y"}} &ndash; {% if object.title == "The Big Blue Bus"%}<a href="/jrnl/">present</a>{%else%}{{object.date_ended|date:"F Y"}}{%endif%}</time>
<p class="card-summary card-dek">
<span class="p-summary" itemprop="description">
- {{object.body_html|smartypants|safe}}
+ {{object.dek|smartypants|safe}}
</span>
</p>
</article> {% endfor %}