Conservancy/next.copyleft.org
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Customize the theme layout, CSS, fonts and JavaScript.

Browse source
This commit is contained in:
Ben Sturmfels 2022-06-24 17:59:13 +10:00
parent b23276291f
commit ab49894281
Signed by: bsturmfels
GPG key ID: 023C05E2C9C068F0
8 changed files with 360 additions and 58 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
README.md Normal file
View file

@ -0,0 +1,19 @@
# Building in development
To start the development server with automatic reloading:
pelican --autoreload --listen
# Deployment
To build the site and deploy for production:
make rsync_upload
# Customizations
The theme is based on Pelican's "simple" theme, with significant changes to
"base.html" including HTML, CSS, fonts and JavaScript, and minor changes to
"page.html".

2
themes/next.copyleft.org/static/css/tachyons.min.css vendored Normal file
View file

File diff suppressed because one or more lines are too long

BIN
themes/next.copyleft.org/static/fonts/Jost-Regular.woff2 Normal file
View file

Binary file not shown.

BIN
themes/next.copyleft.org/static/fonts/Jost-SemiBold.woff2 Normal file
View file

Binary file not shown.

189
themes/next.copyleft.org/static/images/conservancy-header.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 38 KiB

6
themes/next.copyleft.org/static/js/velocity.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

190
themes/next.copyleft.org/templates/base.html
View file

@ -1,63 +1,141 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock html_lang %}"> <html lang="{% block html_lang %}{{ DEFAULT_LANG }}{% endblock html_lang %}">
<head> <head>
{% block head %} {% block head %}
<title>{% block title %}{{ SITENAME }}{% endblock title %}</title> <title>{% block title %}{{ SITENAME }}{% endblock title %}</title>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="generator" content="Pelican" /> <meta name="viewport" content="width=device-width, initial-scale=1">
{% if FEED_ALL_ATOM %} <meta name="generator" content="Pelican" />
<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" /> {% if FEED_ALL_ATOM %}
{% endif %} <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" />
{% if FEED_ALL_RSS %} {% endif %}
<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" /> {% if FEED_ALL_RSS %}
{% endif %} <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" />
{% if FEED_ATOM %} {% endif %}
<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" /> {% if FEED_ATOM %}
{% endif %} <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" />
{% if FEED_RSS %} {% endif %}
<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" /> {% if FEED_RSS %}
{% endif %} <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" />
{% if CATEGORY_FEED_ATOM and category %} {% endif %}
<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" /> {% if CATEGORY_FEED_ATOM and category %}
{% endif %} <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" />
{% if CATEGORY_FEED_RSS and category %} {% endif %}
<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" /> {% if CATEGORY_FEED_RSS and category %}
{% endif %} <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" />
{% if TAG_FEED_ATOM and tag %} {% endif %}
<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" /> {% if TAG_FEED_ATOM and tag %}
{% endif %} <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" />
{% if TAG_FEED_RSS and tag %} {% endif %}
<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" /> {% if TAG_FEED_RSS and tag %}
{% endif %} <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;
}
</style>
{% endblock head %} {% endblock head %}
</head> </head>
<body id="index" class="home"> <body id="index" class="bg-white">
<header id="banner" class="body"> <header id="banner" class="ph3 ph4-ns pt3 pb3" style="overflow: auto;">
<h1><a href="{{ SITEURL }}/">{{ SITENAME }}{% if SITESUBTITLE %} <strong>{{ SITESUBTITLE }}</strong>{% endif %}</a></h1> <div class="flex flex-wrap">
</header><!-- /#banner --> {% if output_file != 'index.html' %}
<nav id="menu"><ul> <div class="b code f3" style="flex-grow: 1;"><a class="dib pv2" href="/">&gt;&nbsp;copyleft-next</a></div>
{% for title, link in MENUITEMS %} {% endif %}
<li><a href="{{ link }}">{{ title }}</a></li> <nav id="menu" class="flex flex-wrap items-center justify-start justify-end-ns" style="flex-grow: 1;">
{% endfor %} <ul class="list pa0 ma0 mt2 mt0-ns">
{% if DISPLAY_PAGES_ON_MENU %} {% for title, link in MENUITEMS %}
{% for p in pages %} <li><a href="{{ link }}">{{ title }}</a></li>
<li{% if p == page %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a></li> {% endfor %}
{% 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: #3b1c4a; opacity: 0; translate: 0 -10px; position: relative;">&gt;&nbsp;{{ 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">
Brought to you by:<br>
<img src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/images/conservancy-header.svg" class="mt3" style="width: 150px; filter: saturate(0)" alt="Software Freedom Conservancy">
<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 %} {% endif %}
{% if DISPLAY_CATEGORIES_ON_MENU %} </body>
{% for cat, null in categories %}
<li{% if cat == category %} class="active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
{% endfor %}
{% endif %}
</ul></nav><!-- /#menu -->
{% block content %}
{% endblock %}
<footer id="contentinfo" class="body">
<address id="about" class="vcard body">
Proudly powered by <a href="https://getpelican.com/">Pelican</a>,
which takes great advantage of <a href="https://www.python.org/">Python</a>.
</address><!-- /#about -->
</footer><!-- /#contentinfo -->
</body>
</html> </html>

12
themes/next.copyleft.org/templates/page.html
View file

@ -1,7 +1,13 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block html_lang %}{{ page.lang }}{% endblock %} {% block html_lang %}{{ page.lang }}{% endblock %}
{% block title %}{{ SITENAME }} - {{ page.title|striptags }}{%endblock%} {% block title %}
{% if output_file != 'index.html' %}
{{ SITENAME }} - {{ page.title|striptags }}
{% else %}
{{ SITENAME }}
{% endif %}
{% endblock %}
{% block head %} {% block head %}
{{ super() }} {{ super() }}
@ -13,7 +19,9 @@
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<h1>{{ page.title }}</h1> {% if output_file != 'index.html' %}
<h1>{{ page.title }}</h1>
{% endif %}
{% import 'translations.html' as translations with context %} {% import 'translations.html' as translations with context %}
{{ translations.translations_for(page) }} {{ translations.translations_for(page) }}