Complete redesign, wow!

This commit is contained in:
Pascal Engélibert 2024-12-26 13:37:14 +01:00
commit 49049eadb3
37 changed files with 1363 additions and 485 deletions

View file

@ -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>

View file

@ -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>

View file

@ -1,6 +1,6 @@
{% extends "base.html" %}
{% block title %}{{page.title|safe}} &#8211; {{ config.extra.sitename|safe }}{% endblock title %}
{% block title %}{{page.title|safe}} &#8211; {{ 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 %}&gt;{% endif %}
{% endfor %}
</nav>
<span id="langs">
{% block header %}
<span class="langs">
{{lang}} &#8211;
{% 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 %}

View file

@ -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}} &#8211;
{% 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 %}

View file

@ -1,20 +1,13 @@
{% extends "base.html" %}
{% block title %}{{page.title|safe}} &#8211; {{ config.extra.sitename|safe }}{% endblock title %}
{% block title %}{{page.title|safe}} &#8211; {{ 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 %}&gt;{% endif %}
{% endfor %}
</nav>
<span id="langs">
{% block header %}
<span class="langs">
{{lang}} &#8211;
{% 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 %}

View file

@ -1,20 +1,13 @@
{% extends "base.html" %}
{% block title %}{{section.title|safe}} &#8211; {{ config.extra.sitename|safe }}{% endblock title %}
{% block title %}{{section.title|safe}} &#8211; {{ 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 %}&gt;{% endif %}
{% endfor %}
</nav>
<span id="langs">
{% block header %}
<span class="langs">
{{lang}} &#8211;
{% 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 %}

View file

@ -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 %}/>

View file

@ -0,0 +1,3 @@
<div class="page{% if pos %} page-{{ pos }}{% endif %}">
{{ body | markdown | safe }}
</div>

View file

@ -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>

View file

@ -1,12 +1,12 @@
{% extends "base.html" %}
{% block title %}{{taxonomy.name}} &#8211; {{ config.extra.sitename|safe }}{% endblock title %}
{% block title %}{{taxonomy.name}} &#8211; {{ 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 %}

View file

@ -1,16 +1,12 @@
{% extends "base.html" %}
{% block title %}{{term.name}} &#8211; {{ config.extra.sitename|safe }}{% endblock title %}
{% block title %}{{term.name}} &#8211; {{ 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> &gt; <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 %}