Add new templates

templates/_banner.html

@@ -0,0 +1,24 @@
+{% set_global header_style = "" %}
+{% if node.extra.header %}
+  {% if node.extra.header.image %}
+    {% set_global header_style = header_style ~ "background-image: url('" ~ node.extra.header.image ~ "');" %}
+  {% endif %}
+  {% if node.extra.header.image_position %}
+    {% set_global header_style = header_style ~ "background-position: " ~ node.extra.header.image_position ~ ";" %}
+  {% endif %}
+  <div class="banner">
+    <div class="image" style="{{ header_style }}"></div>
+
+    <div class="head-title content-container {{ container_width }} dark-bg">
+      <div class="title flex-item flex-item-100">
+          <h1 style="color: white">{{page_title}}</h1>
+      </div>
+    </div>
+  </div>
+{% else %}
+<div class="content-container {{ container_width }}">
+  <div class="flex-item flex-item-100">
+      <h1>{{page_title}}</h1>
+  </div>
+</div>
+{% endif %}

templates/about.html

@@ -0,0 +1,36 @@
+{% extends 'page-sidebar.html' %}
+{% block sidebar %}
+<p>
+  <ul class="contact-list h-card p-adr h-adr">
+    <li><div class="me"><img class="me u-photo" src="/media/images/mex2.jpg"/></div></li>
+    <li class="main"><a href="https://oyam.ca/about" class="name p-name u-url">Mayo Jordanov</a><br/><span class="tag p-note">Creative Solutions</a></li>
+  </ul>
+
+  <dl class="key-value-table">
+    <dt><i class="fa inline icon fa-globe-americas" title="Location"></i><span class="sr-only">Location</span></dt>
+    <dd><span class="p-locality">Vancouver</span>, <span class="p-region">BC</span>, <span class="p-country-name">Canada</span></dd>
+
+    <dt><i class="fa inline icon fa-envelope" title="Email"></i><span class="sr-only">Email</span></dt>
+    <dd><a href="mailto:mayo@oyam.ca" class="u-email">{{ config.extra.author.email | safe}}</a></dd>
+
+    <dt><i class="fa inline icon fa-phone" title="Phone"></i><span class="sr-only">Phone</span></dt>
+    <dd><span class="p-tel">+1.604.484.9845</span></dd>
+
+    <dt><i class="fa inline icon fa-broadcast-tower" title="Callsign"></i><span class="sr-only">Callsign</span></dt>
+    <dd><span>{{ config.extra.author.callsign }}</span></dd>
+
+    <dt><i class="fa inline icon fa-key" title="GPG fingerprint"></i><span class="sr-only">GPG fingerprint</span></dt>
+    <dd><a rel="me" href="{{ get_url(path="@/pubkey.md") | safe }}" class="hex-string">{{ macros::render_hex(value=config.extra.pubkey.fingerprint | slice(start=-4)) }}</a></dd>
+  </dl>
+</p>
+
+<p class="social">
+  {% for link, icon in config.extra.social_links %}
+  <a href="{{ config.extra.links[link] | safe}}"><i class="fa {{ icon }}"></i></a>
+{% endfor %}
+</p>
+
+<p>I'm available to work on software, IT, or photography projects. Please contact me for more information or to chat about the details.</p>
+
+<p>Any comments or suggestions are appreciated. It's not always possible to respond to all of them, so please don't take it personally if it takes me longer to respond or I don't reply at all.</p>
+{% endblock sidebar %}

templates/colophon.html

@@ -0,0 +1,22 @@
+{% extends 'page-sidebar.html' %}
+
+{% block template_vars %}
+  {{ super() }}
+  {% set column_main_width = 60 %}
+  {% set column_sidebar_width = 40 %}
+{% endblock template_vars %}
+
+{% block sidebar %}
+    {% if node.extra.show_related %}
+        {% set_global related_pages = [] %}
+        {% for taxon in node.extra.show_related %}
+          {% set taxon_term = get_taxonomy_term(kind=taxon.kind, term=taxon.term) %}
+          {% set_global related_pages = related_pages | concat(with=taxon_term.pages) %}
+        {% endfor %}
+
+        {% if related_pages | length > 0 %}
+        <h2>Related</h2>
+        {{ macros::collection_list(collection=related_pages | sort(attribute="date")) }}
+        {% endif %}
+      {% endif %}
+{% endblock sidebar %}