diff options
author | luxagraf <sng@luxagraf.net> | 2023-05-28 09:40:10 -0500 |
---|---|---|
committer | luxagraf <sng@luxagraf.net> | 2023-05-28 09:40:10 -0500 |
commit | 7ba1f6de4a39d294594dc1e93a58400f6991398f (patch) | |
tree | 7688589c7eba6dbb3a70e5ee427407f63d31842a /app/posts/templates | |
parent | 0abca069496494707496fe4e129c92e18fac81e2 (diff) |
jrnl: finished up trip section
Diffstat (limited to 'app/posts/templates')
-rw-r--r-- | app/posts/templates/posts/trip_detail.html | 37 | ||||
-rw-r--r-- | app/posts/templates/posts/trip_list.html | 2 |
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"}} – {% 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 %} |