diff options
Diffstat (limited to 'design')
-rw-r--r-- | design/sass/print.scss | 57 | ||||
-rw-r--r-- | design/templates/base.html | 2 | ||||
-rw-r--r-- | design/templates/fieldnotes/fieldnote_list.html | 6 | ||||
-rw-r--r-- | design/templates/jrnl/entry_detail.html | 3 |
4 files changed, 63 insertions, 5 deletions
diff --git a/design/sass/print.scss b/design/sass/print.scss new file mode 100644 index 0000000..f0f31a9 --- /dev/null +++ b/design/sass/print.scss @@ -0,0 +1,57 @@ +@import "_fonts.scss"; +@import "_mixins.scss"; + +body { + @include fancy_sans; + background: white; + color: black; + font-size: 12pt; + margin: 0 5%; +} +.header-wrapper, #breadcrumbs, #page-navigation, .post-subtitle, .comment--form--wrapper, footer { + display: none; +} +.post-source { display: none;} +.highlight { + background: #f7f5f5 !important; +} +code, pre { + background: #f7f5f5 !important; + font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace; +} +a { +} +pre { + background: #f7f5f5 !important; + padding: .5cm .25cm; +} +p code { + padding: 0 .25cm; +} +.post-body img { + width: 100%; + border: 5px solid #f7f5f5; +} +.post-body p { + font-size: 13pt; +} +.post-body h3 { + font-size: 19pt; +} +.post-body h5 { + font-size: 14pt; +} +.go:before { + content: "$ "; +} +@page { + @bottom-right{ + @include fancy_sans; + @include smcaps; + content: "Page " counter(page) " of " counter(pages); + font-size: 6pt; + color: #666; + width: 2cm; + } +} + diff --git a/design/templates/base.html b/design/templates/base.html index be84317..9dd324f 100644 --- a/design/templates/base.html +++ b/design/templates/base.html @@ -17,7 +17,7 @@ href="/media/screenv9.css?{% now "u" %}" media="screen">{%endblock%} <link rel="stylesheet" href="/media/print.css" media="print" title="print" /> - <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> + <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <link rel="manifest" href="/manifest.webmanifest" /> {%block extrahead%}{%endblock%} </head> diff --git a/design/templates/fieldnotes/fieldnote_list.html b/design/templates/fieldnotes/fieldnote_list.html index 089c694..c201382 100644 --- a/design/templates/fieldnotes/fieldnote_list.html +++ b/design/templates/fieldnotes/fieldnote_list.html @@ -3,7 +3,7 @@ {% load html5_datetime %} {% load pagination_tags %} {% block pagetitle %} Field Notes | luxagraf {% endblock %} -{% block metadescription %} Rough notes and sketches from the field {% endblock %} +{% block metadescription %}Rough notes and sketches from the field {% endblock %} {%block bodyid%}id="field-notes"{%endblock%} {% block primary %} @@ -19,8 +19,8 @@ {% autopaginate object_list 30 %} <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"> - <a href="{{object.get_absolute_url}}"> - {% if object.featured_image %}<div class="circle-img-wrapper"><img src="{{object.featured_image.get_thumbnail_url}}" alt="{{object.featured_image.alt}}" /></div>{%endif%} + <a href="{{object.get_absolute_url}}" class="u-url"> + {% if object.featured_image %}<div class="circle-img-wrapper"><img src="{{object.featured_image.get_thumbnail_url}}" alt="{{object.featured_image.alt}}" class="u-photo" /></div>{%endif%} <span class="date dt-published">{{object.pub_date|date:"F d, Y"}}</span> <a href="{{object.get_absolute_url}}"> <h2>{{object.title|safe|smartypants|widont}}</h2> diff --git a/design/templates/jrnl/entry_detail.html b/design/templates/jrnl/entry_detail.html index 577de8e..0bdab58 100644 --- a/design/templates/jrnl/entry_detail.html +++ b/design/templates/jrnl/entry_detail.html @@ -149,7 +149,6 @@ class="detail {%if t == 1 or t == 3 or t == 5 %}double{%else%}single{%endif%}{%i <h5>If you enjoyed this, you should join the mailing list…</h5> {% include 'mailing_list.html' %} </div> {% endcomment %} - </main> {% if object.enable_comments %} {% get_comment_count for object as comment_count %} {%if comment_count > 0 %} @@ -160,6 +159,7 @@ class="detail {%if t == 1 or t == 3 or t == 5 %}double{%else%}single{%endif%}{%i {% else %} <p class="comments--header" style="text-align: center">Sorry, comments have been disabled for this post.</p> {%endif%} +</main> {% endblock %} {% block js %} <script> @@ -209,6 +209,7 @@ document.addEventListener("DOMContentLoaded", function(event) { var img = document.createElement("img"); img.src = 'https://images.luxagraf.net/gravcache/' + dataattr[i].getAttribute('data-hash') + '.jpg'; img.className += "gravatar"; + img.alt = "gravatar icon"; c.insertBefore(img, c.childNodes[3]); } {%endif%} |