aboutsummaryrefslogtreecommitdiff
path: root/content/templates/base.html
blob: c012e6556c613572c55986323b0f1ceff3cf4fe9 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
{# Page layout for org-ssg, mirroring theme/templates/base.html.

   Styling comes from styles.css, copied here from theme/static/ along with gpg.txt,
   robots.txt and salary.csv — org-ssg publishes assets from inside its source
   directory, and weblorg's live static root is theme/static/. The copies should stay
   identical: `diff content/styles.css theme/static/styles.css` and friends should
   print nothing, or consolidate the two if you migrate for real. weblorg links the
   minified styles.min.css instead; that file is gitignored build output, and the rules
   are the same, so the tracked stylesheet is the one to publish from here.

   Available here: page (.title .url .source .date .date_iso .tags .excerpt .toc
   .keywords), site, nav, root, stylesheet. See the org-ssg guide on Templates. #}
<!DOCTYPE html>
<html lang="{{ site.language }}">
<head>
<meta charset="utf-8">
<title>{% block subtitle %}{{ page.title }} - {% endblock %}{{ site.title }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Christian Cleberg &lt;[email protected]&gt;">
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | truncate(150) }}{% else %}{{ site.description }}{% endif %}">
<meta property="og:title" content="{{ page.title }}">
<meta property="og:url" content="{{ page.url | absolute | replace("index.html", "") }}">
<meta property="og:description" content="{% if page.excerpt %}{{ page.excerpt | truncate(150) }}{% else %}{{ site.description }}{% endif %}">
<link rel="canonical" href="{{ page.url | absolute | replace("index.html", "") }}">
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ root }}feed.xml">
<link rel="stylesheet" href="{{ root }}styles.css" type="text/css">
<link rel="icon" href="data:,">
{#- rel="me" identity links. weblorg's base.html writes the last one as <a>, which a
    browser hoists out of <head>; <link> is the spelling that stays where it is put. #}
<link href="https://github.com/ccleberg" rel="me">
<link href="https://gitlab.com/ccleberg" rel="me">
<link href="mailto:[email protected]" rel="me">
<link href="https://c.im/@cmc" rel="me">
{%- if stylesheet %}
<link rel="stylesheet" href="{{ stylesheet }}">
{%- endif %}
</head>
<body>
<a href="#main-content" class="skip-link">Skip to content</a>

<nav aria-label="Site Navigation">
<ul>
<li><a href="{{ root }}index.html">Home</a></li>
{%- for item in nav %}
<li><a href="{{ item.url }}">{{ item.title }}</a></li>
{%- endfor %}
</ul>
</nav>

<main id="main-content">
{% block main %}
<article>
<h1>{{ page.title }}</h1>
{%- if page.date_iso %}
<p><time datetime="{{ page.date_iso }}">{{ page.date_iso }}</time>{% if page.excerpt %} &middot; {{ page.excerpt }}{% endif %}</p>
{%- endif %}
{%- if page.tags %}
<p>{% for tag in page.tags %}<a href="{{ root }}tags/{{ tag }}.html">#{{ tag }}</a> {% endfor %}</p>
{%- endif %}
<div>{% block content %}{{ body | safe }}{% endblock %}</div>
{#- Blog posts carry a reply footer; other pages do not. org-ssg has no per-page
    template selection, so the page's own URL is what tells them apart. #}
{%- if page.url is startingwith("blog/") %}
<div><a href="mailto:[email protected]">Reply via email &rarr;</a></div>
<div><i>...or, comment on this post on <a href="https://bubbles.town/source/cleberg.net">Bubbles</a>!</i></div>
{%- endif %}
</article>
{% endblock %}
</main>

<footer>
<a href="https://git.krz.sh/cmc/cleberg.net.git/">Source</a> &middot;
<a href="{{ root }}feed.xml">RSS</a> &middot;
<a href="http://paske4urhs6nttrtlkuwa5cowum3fjkc6yv6kl4ncx3mjxcd77764nqd.onion/">Onion</a> &middot;
<a href="{{ root }}tips/index.html">Tips</a> &middot;
<a href="https://iheartrss.com/">I &hearts; RSS</a>
<p>[ <a href="https://krz.sh">krz</a> &middot; <a href="https://audit-labs.dev">audit labs</a> ]</p>
</footer>
</body>
</html>