forked from github/pelican
159 lines
8 KiB
HTML
159 lines
8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock html_lang %}">
|
|
<head>
|
|
{% block head %}
|
|
<title>{% block title %}{{ SITENAME|striptags }}{% endblock title %}</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="generator" content="Pelican" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
{% if SITESUBTITLE %}
|
|
<meta name="description" content="{{ SITESUBTITLE }}" />
|
|
{% endif %}
|
|
{% if STYLESHEET_URL %}
|
|
<link rel="stylesheet" type="text/css" href="{{ STYLESHEET_URL }}" />
|
|
{% endif %}
|
|
{% if FEED_ALL_ATOM %}
|
|
<link href="{{ FEED_DOMAIN }}/{% if FEED_ALL_ATOM_URL %}{{ FEED_ALL_ATOM_URL }}{% else %}{{ FEED_ALL_ATOM }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME|striptags }} Full Atom Feed" />
|
|
{% endif %}
|
|
{% if FEED_ALL_RSS %}
|
|
<link href="{{ FEED_DOMAIN }}/{% if FEED_ALL_RSS_URL %}{{ FEED_ALL_RSS_URL }}{% else %}{{ FEED_ALL_RSS }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME|striptags }} Full RSS Feed" />
|
|
{% endif %}
|
|
{% if FEED_ATOM %}
|
|
<link href="{{ FEED_DOMAIN }}/{%if FEED_ATOM_URL %}{{ FEED_ATOM_URL }}{% else %}{{ FEED_ATOM }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME|striptags }} Atom Feed" />
|
|
{% endif %}
|
|
{% if FEED_RSS %}
|
|
<link href="{{ FEED_DOMAIN }}/{% if FEED_RSS_URL %}{{ FEED_RSS_URL }}{% else %}{{ FEED_RSS }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME|striptags }} RSS Feed" />
|
|
{% endif %}
|
|
{% if CATEGORY_FEED_ATOM and category %}
|
|
<link href="{{ FEED_DOMAIN }}/{% if CATEGORY_FEED_ATOM_URL %}{{ CATEGORY_FEED_ATOM_URL.format(slug=category.slug) }}{% else %}{{ CATEGORY_FEED_ATOM.format(slug=category.slug) }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME|striptags }} Categories Atom Feed" />
|
|
{% endif %}
|
|
{% if CATEGORY_FEED_RSS and category %}
|
|
<link href="{{ FEED_DOMAIN }}/{% if CATEGORY_FEED_RSS_URL %}{{ CATEGORY_FEED_RSS_URL.format(slug=category.slug) }}{% else %}{{ CATEGORY_FEED_RSS.format(slug=category.slug) }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME|striptags }} Categories RSS Feed" />
|
|
{% endif %}
|
|
{% if TAG_FEED_ATOM and tag %}
|
|
<link href="{{ FEED_DOMAIN }}/{% if TAG_FEED_ATOM_URL %}{{ TAG_FEED_ATOM_URL.format(slug=tag.slug) }}{% else %}{{ TAG_FEED_ATOM.format(slug=tag.slug) }}{% endif %}" type="application/atom+xml" rel="alternate" title="{{ SITENAME|striptags }} Tags Atom Feed" />
|
|
{% endif %}
|
|
{% if TAG_FEED_RSS and tag %}
|
|
<link href="{{ FEED_DOMAIN }}/{% if TAG_FEED_RSS_URL %}{{ TAG_FEED_RSS_URL.format(slug=tag.slug) }}{% else %}{{ TAG_FEED_RSS.format(slug=tag.slug) }}{% endif %}" type="application/rss+xml" rel="alternate" title="{{ SITENAME|striptags }} Tags RSS Feed" />
|
|
{% endif %}
|
|
<link href="https://api.fontshare.com/v2/css?f[]=erode@400&f[]=fira-sans@600&f[]=stardom@400&display=swap" rel="stylesheet" />
|
|
<script src="/theme/js/prism.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="/theme/css/prism-rose-pine-moon-alt.css" />
|
|
<style>
|
|
code[class*="language-"],
|
|
pre[class*="language-"] {
|
|
/* Remove text shadow on prism.js code blocks
|
|
Probably caused by rose pine theme */
|
|
text-shadow: none;
|
|
/* Align prism.js font size to main font size */
|
|
font-size: 0.9rem;
|
|
}
|
|
ul.tagcloud {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
<!-- Pelican tag_cloud -->
|
|
ul.tagcloud li {
|
|
display: inline-block;
|
|
}
|
|
li.tag-1 {
|
|
font-size: 160%;
|
|
}
|
|
li.tag-2 {
|
|
font-size: 130%;
|
|
}
|
|
li.tag-3 {
|
|
font-size: 100%;
|
|
}
|
|
</style>
|
|
{% endblock head %}
|
|
</head>
|
|
<body>
|
|
<div class="grid grid-cols-9">
|
|
<!--header-->
|
|
<div class="col-span-9 md:col-span-6 bg-rp-dawn-overlay dark:bg-rp-moon-overlay p-8">
|
|
<header>
|
|
<div id="skiptocontent"><a href="#content">skip to main content</a></div>
|
|
<hgroup>
|
|
<h1 class="z-20 relative text-4xl md:text-7xl font-bold text-rp-dawn-foam"><a class="no-underline hover:no-underline text-rp-dawn-pine dark:text-rp-moon-foam" href="{{ SITEURL }}/">{{ SITENAME }}</a></h1>
|
|
{% if SITESUBTITLE %}
|
|
<h2 class="z-10 bg-gradient-to-r from-rp-dawn-gold from-10% to-rp-dawn-pine to-90% absolute -rotate-3 text-base -mt-11 ml-14 md:text-xl text-rp-dawn-overlay dark:text-rp-moon-highlight-med"><tt style="font-family: 'C64 Pro Mono'; letter-spacing: -0.2em;">{{ SITESUBTITLE }}</tt></h2>
|
|
{% endif %}
|
|
</hgroup>
|
|
</header>
|
|
</div>
|
|
<div class="col-span-9 md:col-span-3 bg-rp-dawn-surface dark:bg-rp-moon-surface p-8 text-xl">
|
|
<nav class="uppercase">
|
|
<ul class="list-none">
|
|
{% if DISPLAY_PAGES_ON_MENU %}
|
|
<div>
|
|
{% for p in pages %}
|
|
<li><a href="{{ SITEURL }}/{{ p.url }}" class="no-underline" {% if p==page %} aria-current="page" {% endif %}>{{ p.title }}</a></li>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
{% for title, link in MENUITEMS %}
|
|
<li><a href="{{ link }}" class="no-underline">{{ title }}</a></li>
|
|
{% endfor %}
|
|
<div>
|
|
{% for title, link in LINKS %}
|
|
<li><a href="{{ link }}" class="no-underline">{{ title }}</a></li>
|
|
{% endfor %}
|
|
</div>
|
|
{% if DISPLAY_CATEGORIES_ON_MENU %}
|
|
<div>
|
|
{% for cat, null in categories %}
|
|
<li class="border-b-2 border-rp-dawn-gold"><a href="{{ SITEURL }}/{{ cat.url }}" class="no-underline" {% if cat==category %} aria-current="page" {% endif %}>{{ cat}}</a></li>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
<!--main-->
|
|
<div class="bg-rp-dawn-base dark:bg-rp-moon-base">
|
|
<!--Empty spacer-->
|
|
</div>
|
|
<div class="col-span-9 md:col-span-7 bg-rp-dawn-base dark:bg-rp-moon-base p-4">
|
|
<main id="content">
|
|
{% block content %}
|
|
{% endblock %}
|
|
</main>
|
|
</div>
|
|
<div class="bg-rp-dawn-base dark:bg-rp-moon-base">
|
|
<!--Empty spacer-->
|
|
</div>
|
|
<!--footer-->
|
|
<div class="bg-rp-dawn-surface dark:bg-rp-moon-surface">
|
|
<!--Empty spacer-->
|
|
</div>
|
|
<div class="col-span-9 md:col-span-7 pt-20 pb-60 bg-rp-dawn-surface dark:bg-rp-moon-surface text-rp-dawn-text dark:text-rp-moon-rose">
|
|
<footer>
|
|
<div class="grid grid-cols-1 md:grid-cols-6">
|
|
<div class="col-span-3 p-4">
|
|
<p>
|
|
Generated by <a href="https://getpelican.com">Pelican</a> with a
|
|
<a href="https://arrakis.fly.dev/weeheavy/pelican-theme" rel="nofollow">bespoke</a> theme inspired by <a href="https://rosepinetheme.com">Rosé Pine</a>.
|
|
</p>
|
|
<p>
|
|
<a href="https://buymeacoffee.com/lugh"><b>Buy me a coffee?</b></a>
|
|
</p>
|
|
</div>
|
|
<div class="col-span-3 p-4 md:border-l-4 border-rp-dawn-overlay dark:border-rp-moon-overlay">
|
|
<p class="pb-4">
|
|
100% artisanal <a href="https://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" rel="license noopener noreferrer" style="display: inline-block">content licensed under <em>CC BY-SA 4.0</em></a>,
|
|
mostly <a href="https://wave.webaim.org/report#/https://lugh.ch/{{ output_file }}">valid <em>WCAG 2.2 AA</em></a>.
|
|
</p>
|
|
<p class="pb-4">
|
|
<a href="/feeds/atom.xml">Atom feed</a> of all blog posts.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<div class="bg-rp-dawn-surface dark:bg-rp-moon-surface">
|
|
<!--Empty spacer-->
|
|
</div>
|
|
</div> <!-- end main grid -->
|
|
</body>
|
|
</html>
|