diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/base.html | 12 | ||||
| -rw-r--r-- | templates/base_notes.html | 43 | ||||
| -rw-r--r-- | templates/lib/img_cluster.html | 2 | ||||
| -rw-r--r-- | templates/lib/img_picwide.html | 2 | ||||
| -rw-r--r-- | templates/lib/img_wideessay.html | 0 |
5 files changed, 51 insertions, 8 deletions
diff --git a/templates/base.html b/templates/base.html index 0bce354..9aecc6a 100644 --- a/templates/base.html +++ b/templates/base.html @@ -28,11 +28,9 @@ </div> <nav> <a class="nav-item smcaps" href="{% url "jrnl:list" %}" title="Stories of life on the road.">Jrnl</a> - <a class="nav-item smcaps" href="/essays/" title="Life and how to live it">Essays</a> - <!--<a class="nav-item smcaps" href="{% url "guides:guide-list" %}" title="Guides">Guides</a> --> + <!--<a class="nav-item smcaps" href="/essays/" title="Life and how to live it">Essays</a> + <a class="nav-item smcaps" href="{% url "photo_essay:list" %}" title="Photo essays">Photos</a>--> <a class="nav-item smcaps" href="/about" title="About Scott">About</a> - <!-- - <a class="nav-item smcaps" href="/guides/" title="Useful Stuff">Guides</a> --> </nav> </header> {% block breadcrumbs %}{% endblock %} @@ -51,7 +49,8 @@ <span class="h-card"><a class="p-name u-url" href="https://luxagraf.net/">Scott Gilbertson</a><data class="p-nickname" value="luxagraf"></data></span>. </p> </footer> -{% block js %}<script> +{% block js %} +<script> function isOdd(num) { return num % 2;} document.addEventListener("DOMContentLoaded", function(event) { var today = new Date(); @@ -61,5 +60,6 @@ document.addEventListener("DOMContentLoaded", function(event) { slogan.innerHTML = "Safety Third"; } }); -</script>{% endblock%}</body> +</script> +{% endblock%}</body> </html> diff --git a/templates/base_notes.html b/templates/base_notes.html new file mode 100644 index 0000000..f406446 --- /dev/null +++ b/templates/base_notes.html @@ -0,0 +1,43 @@ +<!DOCTYPE html> +<html {%block htmlclass%}{%endblock%} dir="ltr" lang="en-US"> + {% block sitename %} +<head> + <title>{% block pagetitle %}{% endblock %}</title>{%endblock%} + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" + content="{% block metadescription %}{% endblock %}"> + <meta name="author" content="luxagraf"> + {%block stylesheet%}<link rel="stylesheet" + href="/media/gtdscreenv1.css{%comment%}?{% now "u" %}{%endcomment%}" + media="screen">{%endblock%} + <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> + {%block extrahead%}{%endblock%} +</head> +<body {%block bodyid%}{%endblock%}{%block bodyevents%}{%endblock%}> + <header class="header-wrapper"> + <div id="logo"> + <a class="logo-link" href="/" title="Home">L</span></a> + </div> + <nav> + <a class="nav-item" href="{% url 'notes:note-list' %}" title="View Notes">Notes</a> + <a class="nav-item" href="{% url 'notes:note-list' %}" title="View things that need to be done">todo</a> + </nav> + </header> + {% block breadcrumbs %}{% endblock %} + {% block primary %}{% endblock %} + {% block extrabody %}{% endblock %} + <footer class="page-footer"> + <nav> + <a class="nav-item" href="/notes/todo" title="See what needs to be called in">Todo</a> + <a class="nav-item" href="/notes" title="View Guides">Notes</a> + <a class="nav-item" href="/posts" title="View Guides">Guides</a> + </nav> + <p id="license"> + © 2020-{% now "Y" %} + <span class="h-card"><a class="p-name u-url" href="https://luxagraf.net/">luxagraf</a><data class="p-locality" value="Everywhere"></data><data class="p-country-name" value="United States"></data></span>. + </p> + </footer> + {% block js %}{% endblock%} +</body> +</html> diff --git a/templates/lib/img_cluster.html b/templates/lib/img_cluster.html index 8117298..e405db1 100644 --- a/templates/lib/img_cluster.html +++ b/templates/lib/img_cluster.html @@ -1,6 +1,6 @@ {% load get_image_by_size %}{%if cluster_class != "picwide"%}<span class="{{cluster_class}}">{%endif%} {% if caption %}<figure {%if cluster_class != "picwide"%}class="{{cluster_class}}"{%endif%}>{%endif%} - <a href="{%get_image_by_size image "original"%}" title="view larger image"> + <a data-fslightbox href="{%get_image_by_size image "original"%}" title="view larger image"> <img {%if cluster_class == "picwide"%} class="picwide" sizes="(max-width: 1439px) 100vw, (min-width: 1440px) 1440px" srcset="{% for size in image.sizes.all%}{% get_image_by_size image size.slug %} {{size.width}}w{% if forloop.last%}"{%else%}, {%endif%}{%endfor%} {% for size in image.sizes.all%}{%if not forloop.first and not forloop.last%} src="{% get_image_by_size image size.slug%}"{%endif%}{%endfor%} diff --git a/templates/lib/img_picwide.html b/templates/lib/img_picwide.html index 871a97e..8f25a84 100644 --- a/templates/lib/img_picwide.html +++ b/templates/lib/img_picwide.html @@ -1,5 +1,5 @@ {% load get_image_by_size %}{% if caption or exif or image.photo_credit_source %}<figure{%if not is_cluster %} class="picwide" id="{{image.id}}"{%endif%}>{%else%}{%if not is_cluster %}<div class="picwide" id="{{image.id}}">{%endif%}{%endif%} - <a itemscope itemtype="http://schema.org/ImageObject" href="{%get_image_by_size image "original"%}" title="view larger image"> + <a data-fslightbox itemscope itemtype="http://schema.org/ImageObject" href="{%get_image_by_size image "original"%}" title="view larger image"> <img class="u-photo" itemprop="contentUrl" sizes="(max-width: 1439px) 100vw, (min-width: 1440px) 1440px" srcset="{% for size in image.sizes.all%}{% get_image_by_size image size.slug %} {{size.width}}w{% if forloop.last%}"{%else%}, {%endif%}{%endfor%}{% for size in image.sizes.all%}{%if not forloop.first and not forloop.last%} src="{% get_image_by_size image size.slug %}"{%endif%}{%endfor%} alt="{{image.alt}} photographed by {% if image.photo_credit_source %}{{image.photo_credit_source}}{%else%}Scott Gilbertson{%endif%}" data-jslghtbx="{%get_image_by_size image "original"%}" data-jslghtbx-group="group" {% if caption%}data-jslghtbx-caption="{{image.caption}}"{%endif%}> </a> {% if caption or exif or image.photo_credit_source %}<figcaption>{% endif %}{% if caption %}{{image.caption|safe}}{% endif %}{% if exif %} | <small>Camera: {{image.exif_make}} {{image.exif_model}} with {{image.exif_lens}}</small>{% endif %}{% if image.photo_credit_source %}{%if caption or exif %} | {%endif%}image by {% if image.photo_credit_url %}<a href="{{image.photo_credit_url}}" itemprop="author">{%endif%}{{image.photo_credit_source}}{% if image.photo_credit_url %}</a>{%endif%}{%endif%}{% if caption or exif or image.photo_credit_source %}</figcaption> diff --git a/templates/lib/img_wideessay.html b/templates/lib/img_wideessay.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/templates/lib/img_wideessay.html |