Bradley M. Kuhn
5c5d58230c
Ben had added this text when he put the site together, but he didn't actually understand what the relationship would be with SFC (— it's my fault, I didn't explain it to him well), so this text needed correction. HT to Denver Gingerich who noted this text wasn't right.
157 lines
8.4 KiB
HTML
157 lines
8.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock html_lang %}">
|
|
<head>
|
|
{% block head %}
|
|
<title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="generator" content="Pelican" />
|
|
{% 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 }} 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 }} 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 }} 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 }} 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 }} 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 }} 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 }} 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 }} Tags RSS Feed" />
|
|
{% endif %}
|
|
<link rel="stylesheet" href="https://unpkg.com/tachyons/css/tachyons.min.css">
|
|
<style>
|
|
:root {
|
|
--washed-purple: #fbf7fc;
|
|
--purple: #3b1c4a;
|
|
}
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Jost';
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
font-display: swap;
|
|
src: url({{ SITEURL }}/{{ THEME_STATIC_DIR }}/fonts/Jost-Regular.woff2) format('woff2');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
/* latin */
|
|
@font-face {
|
|
font-family: 'Jost';
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-display: swap;
|
|
src: url({{ SITEURL }}/{{ THEME_STATIC_DIR }}/fonts/Jost-SemiBold.woff2) format('woff2');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
body {
|
|
font-family: 'Jost', sans-serif;
|
|
font-weight: 400;
|
|
}
|
|
strong { font-weight: 600; }
|
|
.grow {
|
|
transition: transform 0.25s ease-out;
|
|
}
|
|
header {
|
|
color: var(--purple);
|
|
background-color: var(--washed-purple);
|
|
}
|
|
header a {
|
|
color: var(--purple);
|
|
text-decoration: none;
|
|
}
|
|
header a.active {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* Set up the home page title animation */
|
|
header h1#title {
|
|
opacity: 0;
|
|
translate: 0 -10px;
|
|
}
|
|
</style>
|
|
<noscript>
|
|
<style>
|
|
/* But reset it if we don't have JavaScript to animate with. */
|
|
header h1#title {
|
|
opacity: 1;
|
|
translate: 0 0;
|
|
}
|
|
</style>
|
|
</noscript>
|
|
{% endblock head %}
|
|
</head>
|
|
|
|
<body id="index" class="bg-white">
|
|
<header id="banner" class="ph3 ph4-ns pt3 pb3" style="overflow: auto;">
|
|
<div class="flex flex-wrap">
|
|
{% if output_file != 'index.html' %}
|
|
<div class="b code f3" style="flex-grow: 1;"><a class="dib pv2" href="/">> copyleft-next</a></div>
|
|
{% endif %}
|
|
<nav id="menu" class="flex flex-wrap items-center justify-start justify-end-ns" style="flex-grow: 1;">
|
|
<ul class="list pa0 ma0 mt2 mt0-ns">
|
|
{% for title, link in MENUITEMS %}
|
|
<li><a href="{{ link }}">{{ title }}</a></li>
|
|
{% endfor %}
|
|
{% if DISPLAY_PAGES_ON_MENU %}
|
|
{% for p in pages %}
|
|
<li class="dib grow"><a class="{% if p == page %}active {% endif %}pr3 ph3-ns dib pv2" href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a></li>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% if DISPLAY_CATEGORIES_ON_MENU %}
|
|
{% for cat, null in categories %}
|
|
<li{% if cat == category %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
{% if output_file == 'index.html' %}
|
|
<h1 id="title" class="f2 f1-m f-subheadline-ns lh-title mb4 mt4 code black-70 tracked-tight" style="color: var(--purple);">> {{ SITENAME }}</h1>
|
|
<p class="f4 f3-ns measure lh-copy">{% if SITESUBTITLE %}{{ SITESUBTITLE }}{% endif %}</p>
|
|
{% endif %}
|
|
</header>
|
|
|
|
<main class="f5 f4-ns lh-copy ph3 ph4-ns pv3 pv4-ns lh-copy" style="max-width: 40em">
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
|
|
<footer id="contentinfo" class="f6 f6-ns ph3 ph4-ns pv3 pv4-ns mt5">
|
|
We thank Software Freedom Conservancy (SFC) for donating
|
|
infrastructure to copyleft-next<br/>
|
|
<img src="/theme/images/conservancy-header.svg" class="mt3" style="width: 150px; filter: saturate(0)" alt="Software Freedom Conservancy logo"/>
|
|
<p class="f7 mt4">No Rights Reserved — CC0 1.0 Universal</p>
|
|
<p class="f7 mt2 black-60">Jost font is copyright 2020 The Jost Project Authors, SIL Open Font License v1.1<br>
|
|
Tachyons CSS is copyright 2020 Adam Morse & John Otander, MIT License<br>
|
|
Velocity JS is copyright 2014 Julian Shapiro, MIT License<br>
|
|
Pelican is copyright 2007 Free Software Foundation, Inc, GNU AGPL v3.0</p>
|
|
</footer>
|
|
<script src="{{ SITE_URL }}/{{ THEME_STATIC_DIR }}/js/velocity.min.js"></script>
|
|
{% if output_file == 'index.html' %}
|
|
<script>
|
|
'use strict';
|
|
document.getElementById('title').velocity(
|
|
{
|
|
opacity: 1,
|
|
translate: '0 0',
|
|
},
|
|
{
|
|
delay: 400,
|
|
duration: 400,
|
|
easing: 'ease',
|
|
}
|
|
);
|
|
</script>
|
|
{% endif %}
|
|
</body>
|
|
</html>
|