From cfeeda7adec97d618ad1fc01926b1fa88298fc85 Mon Sep 17 00:00:00 2001 From: luxagraf Date: Sun, 3 Mar 2019 14:36:45 -0600 Subject: Change sketches to fieldnotes and redid design to allow posting single photos --- design/sass/_archives.scss | 29 +++++++- design/sass/_details.scss | 10 +++ design/sass/_src.scss | 7 -- .../fieldnotes/fieldnote_archive_list_date.html | 44 ++++++++++++ design/templates/fieldnotes/fieldnote_detail.html | 81 ++++++++++++++++++++++ design/templates/fieldnotes/fieldnote_list.html | 46 ++++++++++++ 6 files changed, 209 insertions(+), 8 deletions(-) create mode 100644 design/templates/fieldnotes/fieldnote_archive_list_date.html create mode 100644 design/templates/fieldnotes/fieldnote_detail.html create mode 100644 design/templates/fieldnotes/fieldnote_list.html (limited to 'design') diff --git a/design/sass/_archives.scss b/design/sass/_archives.scss index 1d2060e..36dca63 100644 --- a/design/sass/_archives.scss +++ b/design/sass/_archives.scss @@ -408,5 +408,32 @@ line-height: 1.3; margin-top: 4px; } - + h3.p-summary { + font-family: $headline_font_serif; + font-style: italic; + margin-top: .25rem; + margin-bottom: .25rem; + line-height: 1.2; + @include fontsize(22); + } + .post-location { + margin: .5rem 0 0 0; + } +} +.circle-img-wrapper { + width: 106px; + height: 106px; + float: left; + overflow: hidden; + border-radius: 50%; + border: 3px solid #666; + margin-right: .5rem; + img { + width: 160px; + max-width: 160px; + } + @include breakpoint(gamma) { + margin-left: -128px; + margin-top: -10px; + } } diff --git a/design/sass/_details.scss b/design/sass/_details.scss index 8f25038..8996712 100644 --- a/design/sass/_details.scss +++ b/design/sass/_details.scss @@ -41,11 +41,21 @@ display: inline-block; border-top: 1px solid #efefef; color: #b6b6b6; + text-align: center; a { color: #b6b6b6; text-decoration: underline; text-decoration-color: $orange; } + @include breakpoint(gamma) { + text-align: left; + } + } + .post-date { + text-align: center; + @include breakpoint(alpha) { + text-align: left; + } } .map { width: 100vw; diff --git a/design/sass/_src.scss b/design/sass/_src.scss index a20e1f3..3cdaa57 100644 --- a/design/sass/_src.scss +++ b/design/sass/_src.scss @@ -168,10 +168,3 @@ code > .comment::after { } } -#essay-archive h1 { - @include constrain_narrow; -} -#essay-archive h4 { - margin-bottom: 3em; - margin-top: -.85em; -} diff --git a/design/templates/fieldnotes/fieldnote_archive_list_date.html b/design/templates/fieldnotes/fieldnote_archive_list_date.html new file mode 100644 index 0000000..57bbb69 --- /dev/null +++ b/design/templates/fieldnotes/fieldnote_archive_list_date.html @@ -0,0 +1,44 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% load html5_datetime %} +{% load pagination_tags %} +{% block pagetitle %} Field Notes | luxagraf {% endblock %} +{% block metadescription %} Rough notes and sketches from the field {% endblock %} +{%block bodyid%}id="field-notes"{%endblock%} + +{% block primary %} + +
+
+

Field Notes {% if month or year %}{% if month %} from {{month|date:"F"}} {{month|date:"Y"}}{%else%} from {{year|date:"Y"}}{%endif%}{%endif%}

+

Quick notes, sketches and images from the road. This is the semi-orgnized brain dump that comes before the more organized journal entries and essays. If I used social media this is the stuff I'd probably put there, but I prefer to put it here, even if it means a lot few people read it.

+
+ +
+ +{% endblock %} + + + diff --git a/design/templates/fieldnotes/fieldnote_detail.html b/design/templates/fieldnotes/fieldnote_detail.html new file mode 100644 index 0000000..fb5e9e4 --- /dev/null +++ b/design/templates/fieldnotes/fieldnote_detail.html @@ -0,0 +1,81 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% load html5_datetime %} +{% load month_number_to_name %} +{% block pagetitle %}{{object.title|title|smartypants|safe}} - Luxagraf, Field Notes{% endblock %} + +{% block metadescription %}{{object.body_html|striptags|safe|truncatewords:30}}{% endblock %} +{%block extrahead%} + + + + + +{%endblock%} +{% block bodyid %}class="notes--permalin detail" id="archive-{% if month %}{{month|month_number_to_name}}{%endif%}{{year}}"{%endblock%} + + +{% block primary %} +
+
+
+

{%if object.template_name == 1 or object.template_name == 3 %}{{object.title|smartypants|safe}}{%else%}{{object.title|smartypants|safe}}{%endif%}

+ {% if object.subtitle %}

{{object.subtitle|smartypants|safe}}

{%endif%} + + + +
+
+ {{object.body_html|safe|smartypants}} +
+ + + + + + + + {% with object.get_next_published as next %} + {% with object.get_previous_published as prev %} + {%endwith%}{%endwith%} +
+
+{% endblock %} diff --git a/design/templates/fieldnotes/fieldnote_list.html b/design/templates/fieldnotes/fieldnote_list.html new file mode 100644 index 0000000..c667ef3 --- /dev/null +++ b/design/templates/fieldnotes/fieldnote_list.html @@ -0,0 +1,46 @@ +{% extends 'base.html' %} +{% load typogrify_tags %} +{% load html5_datetime %} +{% load pagination_tags %} +{% block pagetitle %} Field Notes | luxagraf {% endblock %} +{% block metadescription %} Rough notes and sketches from the field {% endblock %} +{%block bodyid%}id="field-notes"{%endblock%} + +{% block primary %} + +
+
+

Field Notes

+

Quick notes, sketches and images from the road. This is the semi-orgnized brain dump that comes before the more organized journal entries and essays. If I used social media this is the stuff I'd probably put there, but I prefer to put it here, even if it means a lot few people read it.

+
+ {% autopaginate object_list 30 %} + +
+ + +{% endblock %} + + + -- cgit v1.2.3