Complete redesign, wow!
This commit is contained in:
parent
a2b9bc7422
commit
49049eadb3
37 changed files with 1363 additions and 485 deletions
|
|
@ -1 +1 @@
|
|||
<a class="anchor" href="#{{ id }}" aria-label="Anchor link" title="Anchor link">§</a>
|
||||
<a class="anchor" href="#{{ id }}" aria-label="Anchor link" title="Anchor link">#</a>
|
||||
|
|
@ -1,4 +1,9 @@
|
|||
{% import "macros.html" as macros %}
|
||||
{% for lk, lv in config.extra.tr %}
|
||||
{% if lk == lang %}
|
||||
{% set_global tr = lv %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<!doctype html>
|
||||
<html lang="{{lang}}">
|
||||
<head>
|
||||
|
|
@ -12,5 +17,46 @@
|
|||
<link type="text/plain" rel="author" href="/humans.txt"/>
|
||||
{% block head %}{% endblock head %}
|
||||
</head>
|
||||
<body>{% block body %}{% endblock body %}</body>
|
||||
<body>
|
||||
<header>
|
||||
<a class="header-site-title" href="/{{macros::langurl()}}">{{ tr.sitename }}</a>
|
||||
<a class="header-link" href="/{{macros::langurl()}}blog">{{ tr.header_blog }}</a>
|
||||
<a class="header-link" href="/{{macros::langurl()}}links">{{ tr.header_links }}</a>
|
||||
{% block header %}{% endblock header %}
|
||||
<div style="clear:both"></div>
|
||||
</header>
|
||||
<main>
|
||||
{% block main_begin %}{% endblock main_begin %}
|
||||
{% if manual_page %}
|
||||
{% block main %}{% endblock main %}
|
||||
{% else %}
|
||||
<div class="page">
|
||||
{% block main %}{% endblock main %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</main>
|
||||
<footer>
|
||||
|
||||
<div class="footer-wrapper">
|
||||
<div class="footer-pane">
|
||||
<div class="footer-icons">
|
||||
<a rel="author" href="https://toot.aquilenet.fr/@tuxmain" title="Mastodon" target="_blank"><img alt="Mastodon" src="/img/mastodon-purple.svg" style="height:32px"/></a>
|
||||
<a href="/{{macros::langurl()}}atom.xml" title="☭RSS/Atom"><img alt="☭RSS/Atom" src="/img/rss-gradient.svg" style="height:32px"/></a>
|
||||
<a href="https://liberapay.com/tuxmain/donate" title="Liberapay"><img alt="Liberapay" src="/img/liberapay-donate.svg"/></a>
|
||||
</div>
|
||||
<p>
|
||||
Electronic missive:<br/>
|
||||
tuxmain ât zettascript ðøt org
|
||||
</p>
|
||||
</div>
|
||||
<div class="footer-pane">
|
||||
<p>
|
||||
Hosted in Bordeaux, France.<br/>
|
||||
🦀 Site generated with <a href="https://www.getzola.org/">Zola</a>.<br/>
|
||||
<a href="https://git.txmn.tk/tuxmain/website">Source code</a> under <a rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}{{page.title|safe}} – {{ config.extra.sitename|safe }}{% endblock title %}
|
||||
{% block title %}{{page.title|safe}} – {{ tr.sitename|safe }}{% endblock title %}
|
||||
|
||||
{% block head %}
|
||||
<meta property="og:title" content="{{page.title}}"/>
|
||||
|
|
@ -13,22 +13,15 @@
|
|||
{% endif %}
|
||||
{% endfor %}
|
||||
<meta property="og:description" content="{{page.description}}"/>
|
||||
<meta property="og:site_name" content="{{config.extra.sitename}}"/>
|
||||
<meta property="og:site_name" content="{{tr.sitename}}"/>
|
||||
{% if page.extra.redirect %}
|
||||
<meta http-equiv="refresh" content="0;URL='{{page.extra.redirect}}'"/>
|
||||
{% endif %}
|
||||
{% if page.extra.katex %}{{macros::katex()}}{% endif %}
|
||||
{% endblock head %}
|
||||
|
||||
{% block body %}
|
||||
<nav id="breadcrumb">
|
||||
{% for a in page.ancestors %}
|
||||
{% set s = get_section(path=a) %}
|
||||
<a href="{{s.permalink|safe}}">{{s.title}}</a>
|
||||
{% if not loop.last %}>{% endif %}
|
||||
{% endfor %}
|
||||
</nav>
|
||||
<span id="langs">
|
||||
{% block header %}
|
||||
<span class="langs">
|
||||
{{lang}} –
|
||||
|
||||
{% for t in page.translations %}
|
||||
|
|
@ -37,13 +30,34 @@
|
|||
{% endif %}
|
||||
{% endfor %}
|
||||
</span>
|
||||
{% endblock header %}
|
||||
|
||||
{% block main_begin %}
|
||||
{% if page.toc %}
|
||||
<nav class="sidenav">
|
||||
<ul class="toc">
|
||||
{% for h2 in page.toc %}
|
||||
<li>
|
||||
<a href="{{ h2.permalink | safe }}">{{ h2.title | safe }}</a>
|
||||
<ul>
|
||||
{% for h3 in h2.children %}
|
||||
<li><a href="{{ h3.permalink | safe }}">{{ h3.title | safe }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</nav>
|
||||
{% endif %}
|
||||
{% endblock main_begin %}
|
||||
|
||||
{% block main %}
|
||||
<h1>{{page.title | safe}}</h1>
|
||||
<small class="article-date">{{page.date}}</small><br/>
|
||||
<small class="article-tags">{% for tag in page.taxonomies.tags %}<a href="/{{macros::langurl()}}tags/{{tag}}">{{tag}}</a>{% if not loop.last %}, {% endif %}{% endfor %}</small>
|
||||
|
||||
{% if page.toc %}
|
||||
<nav>
|
||||
<nav class="pagetoc">
|
||||
<ul class="toc">
|
||||
{% for h2 in page.toc %}
|
||||
<li>
|
||||
|
|
@ -59,18 +73,6 @@
|
|||
</nav>
|
||||
{% endif %}
|
||||
|
||||
<main>
|
||||
{{page.content | safe}}
|
||||
</main>
|
||||
{{page.content | safe}}
|
||||
|
||||
<footer>
|
||||
<hr/>
|
||||
<div class="footer-icons">
|
||||
<a rel="author" href="https://toot.aquilenet.fr/@tuxmain" title="Mastodon" target="_blank"><img alt="Mastodon" src="/img/mastodon-purple.svg" style="width:48px"/></a>
|
||||
<a href="/{{macros::langurl()}}atom.xml" title="☭RSS/Atom"><img alt="☭RSS/Atom" src="/img/rss-gradient.svg" style="width:48px"/></a>
|
||||
<a href="https://liberapay.com/tuxmain/donate" title="Liberapay"><img alt="Liberapay" src="/img/liberapay-donate.svg"/></a>
|
||||
</div>
|
||||
<br/>
|
||||
<a href="https://git.txmn.tk/tuxmain/website"><img alt="Forĝejo" src="/img/forgejo.svg" style="width:32px;"/> Git/Forĝejo</a> | <a rel="license" href="//creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>
|
||||
</footer>
|
||||
{% endblock body %}
|
||||
{% endblock main %}
|
||||
|
|
|
|||
|
|
@ -1,13 +1,13 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}{{ config.extra.sitename|safe }}{% endblock title %}
|
||||
{% block title %}{{ tr.sitename|safe }}{% endblock title %}
|
||||
|
||||
{% block head %}
|
||||
{% if section.extra.katex %}{{macros::katex()}}{% endif %}
|
||||
{% endblock head %}
|
||||
|
||||
{% block body %}
|
||||
<span id="langs">
|
||||
{% block header %}
|
||||
<span class="langs">
|
||||
{{lang}} –
|
||||
|
||||
{% for t in section.translations %}
|
||||
|
|
@ -16,10 +16,8 @@
|
|||
{% endif %}
|
||||
{% endfor %}
|
||||
</span>
|
||||
{% endblock header %}
|
||||
|
||||
<h1>tuxmain</h1>
|
||||
|
||||
<main>
|
||||
{{section.content | safe}}
|
||||
</main>
|
||||
{% endblock body %}
|
||||
{% block main %}
|
||||
{{section.content | safe}}
|
||||
{% endblock main %}
|
||||
|
|
|
|||
|
|
@ -1,20 +1,13 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}{{page.title|safe}} – {{ config.extra.sitename|safe }}{% endblock title %}
|
||||
{% block title %}{{page.title|safe}} – {{ tr.sitename|safe }}{% endblock title %}
|
||||
|
||||
{% block head %}
|
||||
{% if page.extra.katex %}{{macros::katex()}}{% endif %}
|
||||
{% endblock head %}
|
||||
|
||||
{% block body %}
|
||||
<nav id="breadcrumb">
|
||||
{% for a in page.ancestors %}
|
||||
{% set s = get_section(path=a) %}
|
||||
<a href="{{s.permalink|safe}}">{{s.title}}</a>
|
||||
{% if not loop.last %}>{% endif %}
|
||||
{% endfor %}
|
||||
</nav>
|
||||
<span id="langs">
|
||||
{% block header %}
|
||||
<span class="langs">
|
||||
{{lang}} –
|
||||
|
||||
{% for t in page.translations %}
|
||||
|
|
@ -23,21 +16,11 @@
|
|||
{% endif %}
|
||||
{% endfor %}
|
||||
</span>
|
||||
{% endblock header %}
|
||||
|
||||
{% block main %}
|
||||
<h1>{{page.title | safe}}</h1>
|
||||
|
||||
<main>
|
||||
{{page.content | safe}}
|
||||
</main>
|
||||
{{page.content | safe}}
|
||||
|
||||
<footer>
|
||||
<hr/>
|
||||
<div class="footer-icons">
|
||||
<a rel="author" href="https://toot.aquilenet.fr/@tuxmain" title="Mastodon" target="_blank"><img alt="Mastodon" src="/img/mastodon-purple.svg" style="width:48px"/></a>
|
||||
<a href="/{{macros::langurl()}}atom.xml" title="☭RSS/Atom"><img alt="☭RSS/Atom" src="/img/rss-gradient.svg" style="width:48px"/></a>
|
||||
<a href="https://liberapay.com/tuxmain/donate" title="Liberapay"><img alt="Liberapay" src="/img/liberapay-donate.svg"/></a>
|
||||
</div>
|
||||
<br/>
|
||||
<a href="https://git.txmn.tk/tuxmain/website"><img alt="Forĝejo" src="/img/forgejo.svg" style="width:32px;"/> Git/Forĝejo</a> | <a rel="license" href="//creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>
|
||||
</footer>
|
||||
{% endblock body %}
|
||||
{% endblock main %}
|
||||
|
|
|
|||
|
|
@ -1,20 +1,13 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}{{section.title|safe}} – {{ config.extra.sitename|safe }}{% endblock title %}
|
||||
{% block title %}{{section.title|safe}} – {{ tr.sitename|safe }}{% endblock title %}
|
||||
|
||||
{% block head %}
|
||||
{% if section.extra.katex %}{{macros::katex()}}{% endif %}
|
||||
{% endblock head %}
|
||||
|
||||
{% block body %}
|
||||
<nav id="breadcrumb">
|
||||
{% for a in section.ancestors %}
|
||||
{% set s = get_section(path=a) %}
|
||||
<a href="{{s.permalink|safe}}">{{s.title|safe}}</a>
|
||||
{% if not loop.last %}>{% endif %}
|
||||
{% endfor %}
|
||||
</nav>
|
||||
<span id="langs">
|
||||
{% block header %}
|
||||
<span class="langs">
|
||||
{{lang}} –
|
||||
|
||||
{% for t in section.translations %}
|
||||
|
|
@ -23,12 +16,12 @@
|
|||
{% endif %}
|
||||
{% endfor %}
|
||||
</span>
|
||||
{% endblock header %}
|
||||
|
||||
{% block main %}
|
||||
<h1>{{section.title | safe}}</h1>
|
||||
|
||||
<main>
|
||||
{{section.content | safe}}
|
||||
</main>
|
||||
{{section.content | safe}}
|
||||
|
||||
<section class="article-list">
|
||||
{% for page in section.pages %}
|
||||
|
|
@ -42,15 +35,4 @@
|
|||
</article>
|
||||
{% endfor %}
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<hr/>
|
||||
<div class="footer-icons">
|
||||
<a rel="author" href="https://toot.aquilenet.fr/@tuxmain" title="Mastodon" target="_blank"><img alt="Mastodon" src="/img/mastodon-purple.svg" style="width:48px"/></a>
|
||||
<a href="/{{macros::langurl()}}atom.xml" title="☭RSS/Atom"><img alt="☭RSS/Atom" src="/img/rss-gradient.svg" style="width:48px"/></a>
|
||||
<a href="https://liberapay.com/tuxmain/donate" title="Liberapay"><img alt="Liberapay" src="/img/liberapay-donate.svg"/></a>
|
||||
</div>
|
||||
<br/>
|
||||
<a href="https://git.txmn.tk/tuxmain/website"><img alt="Forĝejo" src="/img/forgejo.svg" style="width:32px;"/> Git/Forĝejo</a> | <a rel="license" href="//creativecommons.org/licenses/by-sa/4.0/">CC BY-SA 4.0</a>
|
||||
</footer>
|
||||
{% endblock body %}
|
||||
{% endblock main %}
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<img class="float_img" alt="{{alt}}" src="{{src}}"{% if style %} style="{{style}}"{% endif %}/>
|
||||
<img class="float_img" alt="{{alt}}" src="{{src}}"{% if style %} style="{{style}}"{% endif %}/>
|
||||
|
|
|
|||
3
templates/shortcodes/page.html
Normal file
3
templates/shortcodes/page.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<div class="page{% if pos %} page-{{ pos }}{% endif %}">
|
||||
{{ body | markdown | safe }}
|
||||
</div>
|
||||
|
|
@ -1,6 +1,16 @@
|
|||
<div class="service_box">
|
||||
<a class="service_box-link" href="{{href|safe}}">
|
||||
{% if img %}<div class="service_box-img_wrap"><img class="service_box-img" src="{{img|safe}}" alt="{{img_alt}}"/></div>{% endif %}
|
||||
<a class="service_box-link" href="{{href|safe}}" title="{{img_alt}}">
|
||||
<div class="service_box-img_wrap">
|
||||
{% if img_dark %}
|
||||
<picture>
|
||||
<source srcset="{{img_dark|safe}}" media="(prefers-color-scheme: dark)"/>
|
||||
<source srcset="{{img|safe}}" media="(prefers-color-scheme: light)"/>
|
||||
<img class="service_box-img" decoding="async" src="{{img|safe}}" alt="{{title}}" title="{{title}}" loading="lazy"/>
|
||||
</picture>
|
||||
{% else %}
|
||||
<img class="service_box-img" src="{{img|safe}}" alt="{{img_alt}}" loading="lazy"/>
|
||||
{% endif %}
|
||||
</div>
|
||||
<span class="service_box-title">{{title|safe}}</span>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}{{taxonomy.name}} – {{ config.extra.sitename|safe }}{% endblock title %}
|
||||
{% block title %}{{taxonomy.name}} – {{ tr.sitename|safe }}{% endblock title %}
|
||||
|
||||
{% block head %}
|
||||
{% if section.extra.katex %}{{macros::katex()}}{% endif %}
|
||||
{% endblock head %}
|
||||
|
||||
{% block body %}
|
||||
{% block main %}
|
||||
|
||||
<a href="/{{macros::langurl()}}">{{lang}}</a>
|
||||
|
||||
|
|
@ -17,4 +17,4 @@
|
|||
<a href="{{ tag.path|safe }}">{{ tag.name }}</a> ({{ tag.pages | length }})<br/>
|
||||
{% endfor %}
|
||||
</section>
|
||||
{% endblock body %}
|
||||
{% endblock main %}
|
||||
|
|
|
|||
|
|
@ -1,16 +1,12 @@
|
|||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}{{term.name}} – {{ config.extra.sitename|safe }}{% endblock title %}
|
||||
{% block title %}{{term.name}} – {{ tr.sitename|safe }}{% endblock title %}
|
||||
|
||||
{% block head %}
|
||||
{% if section.extra.katex %}{{macros::katex()}}{% endif %}
|
||||
{% endblock head %}
|
||||
|
||||
{% block body %}
|
||||
<span id="breadcrumb">
|
||||
<a href="/{{macros::langurl()|safe}}">{{lang}}</a> > <a href="/{{macros::langurl()|safe}}{{taxonomy.name}}">{{taxonomy.name}}</a>
|
||||
</span>
|
||||
|
||||
{% block main %}
|
||||
<h1>{{term.name | safe}}</h1>
|
||||
|
||||
<section class="article-list">
|
||||
|
|
@ -22,4 +18,4 @@
|
|||
</article>
|
||||
{% endfor %}
|
||||
</section>
|
||||
{% endblock body %}
|
||||
{% endblock main %}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue