commit: c2e9d0686178696d68b57e056d8898ce8e3a48bf
parent 17c1f7814f0d1ea1f8b2e9fe49f1a8587bbe2151
Author: Haelwenn (lanodan) Monnier <contact@hacktivis.me>
Date: Sat, 28 Jan 2023 08:58:44 +0100
Fixes for weasyprint
- Move from unordered-lists to definition-lists, weasyprints lacks proper line-break support
- Re-add sections, should be (re)-configured via CSS next-time
Diffstat:
| M | accueil.html | 46 | +++++++++++++++++++++++++++------------------- |
| M | home.html | 69 | ++++++++++++++++++++++++++++++++++++--------------------------------- |
| M | style.css | 38 | ++++++++++++++++++++++++++++++++------ |
3 files changed, 95 insertions(+), 58 deletions(-)
diff --git a/accueil.html b/accueil.html
@@ -4,7 +4,7 @@
<meta charset="utf-8"/>
<title>Haelwenn Monnier — lanodan.eu</title>
<meta name="viewport" content="width=device-width,minimum-scale=1" />
- <link rel="stylesheet" href="/style.css"/>
+ <link rel="stylesheet" href="./style.css"/>
<link rel="vcs-git" href="https://hacktivis.me/git/lanodan.eu/"/>
<link rel="canonical" href="https://lanodan.eu/accueil.html"/>
<link rel="shortcut icon" href="data:," />
@@ -20,7 +20,9 @@
<li>Courriel : <a class="u-email" href="mailto:contact@lanodan.eu">contact@lanodan.eu</a></li>
<li>Localisation : Cesson-Sévigné, France (Télétravail apprécié)</li>
</ul>
- <h2 id="knowledge">Savoirs</h2>
+
+ <section id="knowledge">
+ <h2>Savoirs</h2>
<dl>
<dt>Langages de Programmation</dt><dd>Elixir, Shell POSIX & Bash, C 99+, Hare, Go, (Perl 5, Python)</dd>
<dt>Systèmes</dt><dd>Gentoo Linux, Alpine Linux / PostmarketOS, (NetBSD, Debian GNU/Linux)</dd>
@@ -31,27 +33,32 @@
<dt>Outils de build</dt><dd>Makefile (BSD and POSIX), (meson, CMake, autotools)</dd>
<dt>Formats</dt><dd>(X)HTML5, Atom, XBEL, CSS3, mdoc/roff, XeLaTeX</dd>
</dl>
- <h2 id="languages">Langues</h2>
+ </section>
+
+ <section id="languages">
+ <h2>Langues</h2>
<ul>
<li class="p-skill">Courant et Technique: Anglais, Français</li>
<li class="p-skill">Basique: Langue des Signes Française</li>
</ul>
- <h2 id="certifications">Certifications</h2>
- <ul>
- <li>Certification IPv6, délivré par Hurricane Electric</li>
- </ul>
- <h2 id="background">Historique</h2>
- <ul>
- <li class="h-event"><time class="dt-start">2021-07</time> — <time class="dt-end">2022-03</time> : CDD chez <a rel="external nofollow" href="https://yogoko.fr">YoGoKo</a>, développement réseau embarqué sur du <a rel="external nofollow" href="https://fr.wikipedia.org/wiki/Technologie_V2X">V2X</a> avec Debian Linux. Ainsi que du Python, C, C++.</li>
- <li class="h-event"><time class="dt-start">2019-12</time> — présent : <span class="p-summary">Maintenance du paquet badwolf pour Alpine</span></li>
- <li class="h-event"><time class="dt-start">2019-01</time> — présent : <span class="p-summary"><a href="https://hacktivis.me/projects/badwolf">BadWolf</a>, navigateur WebKitGTK minimaliste en POSIX/C11, le but principal étant la protection de la vie privée tout en restant utilisable</span></li>
- <li class="h-event"><time class="dt-start">2018-04</time> — présent : <span class="p-summary">Co-maintenance de <a href="https://pleroma.social/">Pleroma</a>, projet de réseau social fédéré avec ActivityPub, écrit en Elixir, API REST et base de donnée PostgreSQL.<br/>
- J'ai démarré en tant que bénévole et entre le 2020-01-20 et le 2021-03-31 j'ai été sponsorisé en tant que freelance.</span></li>
- <li class="h-event"><time class="dt-start">2017-04</time> — présent : <span class="p-summary">“Proxy-Maintainer” d’une partie de la logithèque de gentoo, ce qui inclut souvent des correctifs en amont dans les logiciels</span></li>
- <li class="h-event"><time class="dt-start">2014</time> — <time class="dt-end">2018</time> : <span class="p-summary">Études au <a href="http://lycee-experimental.org/">Lycée Expérimental de Saint-Nazaire</a>, où j'ai aussi participé à la maintenance avec du Debian</span></li>
- <li class="h-event"><time class="dt-start">2012</time> — présent : <span class="p-summary">Auto-hébergement de <a href="https://hacktivis.me/notes/services">services personnels</a></span></li>
- </ul>
- <h2 id="links">Liens</h2>
+ </section>
+
+ <section id="background">
+ <h2>Historique</h2>
+ <dl>
+ <dt class="h-event"><time class="dt-start">2021-07</time> — <time class="dt-end">2022-03</time></dt><dd class="p-summary">CDD chez <a rel="external nofollow" href="https://yogoko.fr">YoGoKo</a>, développement réseau embarqué sur du <a rel="external nofollow" href="https://fr.wikipedia.org/wiki/Technologie_V2X">V2X</a> avec Debian Linux. Ainsi que du Python, C, C++.</dd>
+ <dt class="h-event"><time class="dt-start">2019-12</time> — présent</dt><dd class="p-summary">Maintenance de différents paquets pour Alpine (badwolf, netifrc, bibliothèques python, …)</dd>
+ <dt class="h-event"><time class="dt-start">2019-01</time> — présent</dt><dd class="p-summary"><a href="https://hacktivis.me/projects/badwolf">BadWolf</a>, navigateur WebKitGTK minimaliste en POSIX/C11, le but principal étant la protection de la vie privée tout en restant utilisable</dd>
+ <dt class="h-event"><time class="dt-start">2018-04</time> — présent</dt><dd class="p-summary">Co-maintenance de <a href="https://pleroma.social/">Pleroma</a>, projet de réseau social fédéré avec ActivityPub, écrit en Elixir, API REST et base de donnée PostgreSQL.<br/>
+ J'ai démarré en tant que bénévole et entre le 2020-01-20 et le 2021-03-31 j'ai été sponsorisé en tant que freelance.</dd>
+ <dt class="h-event"><time class="dt-start">2017-04</time> — présent</dt><dd class="p-summary">“Proxy-Maintainer” d’une partie de la logithèque de gentoo, ce qui inclut souvent des correctifs en amont dans les logiciels</dd>
+ <dt class="h-event"><time class="dt-start">2014</time> — <time class="dt-end">2018</time></dt><dd class="p-summary">Études au <a href="http://lycee-experimental.org/">Lycée Expérimental de Saint-Nazaire</a>, où j'ai aussi participé à la maintenance avec du Debian</dd>
+ <dt class="h-event"><time class="dt-start">2012</time> — présent</dt><dd class="p-summary">Auto-hébergement de <a href="https://hacktivis.me/notes/services">services personnels</a></dd>
+ </dl>
+ </section>
+
+ <section id="links">
+ <h2>Liens</h2>
<ul>
<li><a rel="me" href="https://www.openhub.net/accounts/lanodan">profil OpenHub</a></li>
<li>
@@ -63,6 +70,7 @@
<li>Paquets Maintenus : <a rel="me" href="https://packages.gentoo.org/packages/search?q=maintainers.email%3Acontact%40hacktivis.me">Gentoo</a>, <a rel="me" href="https://pkgs.alpinelinux.org/packages?maintainer=Haelwenn+%28lanodan%29+Monnier">Alpine Linux</a></li>
<li><a rel="me" href="https://hacktivis.me/accueil">Site web personnel</a></li>
</ul>
+ </section>
</main>
<footer>Copyright <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA 4.0</a> Haelwenn (lanodan) Monnier; inspiré par la <a href="https://michcioperz.com">page de Michał Sidor (Michcioperz)</a>; Aussi fait pour fonctionner correctement sur papier/export PDF.</footer>
</body>
diff --git a/home.html b/home.html
@@ -4,7 +4,7 @@
<meta charset="utf-8"/>
<title>Haelwenn Monnier — lanodan.eu</title>
<meta name="viewport" content="width=device-width,minimum-scale=1" />
- <link rel="stylesheet" href="/style.css"/>
+ <link rel="stylesheet" href="./style.css"/>
<link rel="vcs-git" href="https://hacktivis.me/git/lanodan.eu/"/>
<link rel="canonical" href="https://lanodan.eu/home.html"/>
<link rel="shortcut icon" href="data:," />
@@ -21,7 +21,9 @@
<li>E-Mail: <a class="u-email" href="mailto:contact@lanodan.eu">contact@lanodan.eu</a></li>
<li>Location: Cesson-Sévigné, France (Remote work appreciated)</li>
</ul>
- <h2 id="knowledge">Knowledge</h2>
+
+ <section id="knowledge">
+ <h2>Knowledge</h2>
<dl>
<dt>Programming Languages</dt><dd>Elixir, POSIX Shell & Bash, C 99+, Hare, Go, (Perl 5, Python)</dd>
<dt>Systems</dt><dd>Gentoo Linux, Alpine Linux / PostmarketOS, (Debian GNU/Linux)</dd>
@@ -32,42 +34,43 @@
<dt>Buildsystems</dt><dd>Makefile (BSD and POSIX), meson, CMake, autotools</dd>
<dt>Formats</dt><dd>(X)HTML5, Atom, XBEL, CSS3, mdoc/roff</dd>
</dl>
- <h2 id="languages">Languages</h2>
+ </section>
+
+ <section id="languages">
+ <h2>Languages</h2>
<ul>
<li class="p-skill">Fluent and Technical: English, French</li>
<li class="p-skill">Basic: French Sign Language</li>
</ul>
- <h2 id="certifications">Certifications</h2>
- <ul>
- <li>IPv6 Certification, by Hurricane Electric</li>
- </ul>
- <h2 id="background">Background</h2>
- <ul>
- <li class="h-event"><time class="dt-start">2021-07</time> — <time class="dt-end">2022-03</time>: Fixed-term contract at <a rel="external nofollow" href="https://yogoko.fr">YoGoKo</a>, network development for <a rel="external nofollow" href="https://en.wikipedia.org/wiki/V2X">V2X</a> embedded devices. This involved Debian Linux, C, Python and a bit of C++</li>
- <li class="h-event"><time class="dt-start">2019-12</time> — present: <span class="p-summary">Maintaining the <code>badwolf</code> package in Alpine</span></li>
- <li class="h-event"><time class="dt-start">2019-01</time> — present: <span class="p-summary">Creator of <a href="https://hacktivis.me/projects/badwolf">BadWolf</a>, minimalist WebKitGTK browser in POSIX/C11, main goal being protecting privacy while keeping good usability</span></li>
- <li class="h-event"><time class="dt-start">2018-04</time> — present: <span class="p-summary">Co-maintenance of <a href="https://pleroma.social/">Pleroma</a>, federated ActivityPub social network project, backend written in Elixir, REST API, PostgreSQL database.<br/>
- Started as volunteer and was sponsored as a freelancer between 2020-01-20 and 2021-03-31.</span></li>
- <li class="h-event"><time class="dt-start">2017-04</time> — present: <span class="p-summary">Proxy-Maintaining a part of Gentoo software repository, this often also involves fixing bugs</span></li>
- <li class="h-event"><time class="dt-start">2014</time> — <time class="dt-end">2018</time>: <span class="p-summary">Studies at Lycée Expérimental (Experimental High-School), where I also participated in the maintenance of the desktops with Debian</span></li>
- <li class="h-event"><time class="dt-start">2012</time> — present: <span class="p-summary">Self-hosting of <a href="https://hacktivis.me/notes/services">personal services</a></span></li>
- </ul>
- <h2 id="links">Links</h2>
- <ul>
- <li><a rel="me" href="https://www.openhub.net/accounts/lanodan">OpenHub profile</a></li>
- <li>
- <a rel="me" href="https://hacktivis.me/git/">own /git/</a>,
- <a rel="me" href="https://git.sr.ht/~lanodan">SourceHut</a>,
- <a rel="me" href="https://github.com/lanodan">Github</a>,
- <a rel="me" href="https://gitlab.com/lanodan">Gitlab.com</a>
- </li>
- <li>
- Maintained Packages:
- <a rel="me" href="https://packages.gentoo.org/maintainer/contact@hacktivis.me">Gentoo</a>,
- <a rel="me" href="https://pkgs.alpinelinux.org/packages?maintainer=Haelwenn+%28lanodan%29+Monnier">Alpine Linux</a>
- </li>
- <li><a rel="me" href="https://hacktivis.me/home">Personal Website</a></li>
+ </section>
+
+ <section id="background">
+ <h2>Background</h2>
+ <dl class="short-items">
+ <dt class="h-event"><time class="dt-start">2021-07</time> — <time class="dt-end">2022-03</time></dt><dd class="p-summary">Fixed-term contract at <a rel="external nofollow" href="https://yogoko.fr">YoGoKo</a>, network development for <a rel="external nofollow" href="https://en.wikipedia.org/wiki/V2X">V2X</a> embedded devices. This involved Debian Linux, C, Python and a bit of C++</dd>
+ <dt class="h-event"><time class="dt-start">2019-12</time> — present</dt><dd class="p-summary">Maintaining various packages in Alpine (badwolf, netifrc, python libraries, …)</dd>
+ <dt class="h-event"><time class="dt-start">2019-01</time> — present</dt><dd class="p-summary">Creator of <a href="https://hacktivis.me/projects/badwolf">BadWolf</a>, minimalist WebKitGTK browser in POSIX/C11, main goal being protecting privacy while keeping good usability</dd>
+ <dt class="h-event"><time class="dt-start">2018-04</time> — present</dt><dd class="p-summary">Co-maintenance of <a href="https://pleroma.social/">Pleroma</a>, federated ActivityPub social network project, backend written in Elixir, REST API, PostgreSQL database.<br/>
+ Started as volunteer and was sponsored as a freelancer between 2020-01-20 and 2021-03-31.</dd>
+ <dt class="h-event"><time class="dt-start">2017-04</time> — present</dt><dd class="p-summary">Proxy-Maintaining a part of Gentoo software repository, this often also involves fixing bugs</dd>
+ <dt class="h-event"><time class="dt-start">2014</time> — <time class="dt-end">2018</time></dt><dd class="p-summary">Studies at Lycée Expérimental (Experimental High-School), where I also participated in the maintenance of the desktops with Debian</dd>
+ <dt class="h-event"><time class="dt-start">2012</time> — present</dt><dd class="p-summary">Self-hosting of <a href="https://hacktivis.me/notes/services">personal services</a></dd>
</ul>
+ </section>
+
+ <section id="links">
+ <h2>Links</h2>
+ <dl>
+ <dt>OpenHub profile</dt><dd><a href="https://www.openhub.net/accounts/lanodan">https://www.openhub.net/accounts/lanodan</a></dd>
+ <dt>Self-hosted git repositories</dt><dd><a href="https://hacktivis.me/git/">https://hacktivis.me/git/</a></dd>
+ <dt>SourceHut</dt><dd><a href="https://git.sr.ht/~lanodan">https://git.sr.ht/~lanodan</a> <a href="https://lists.sr.ht/~lanodan">https://lists.sr.ht/~lanodan</a></dd>
+ <dt>GitHub</dt><dd><a href="https://github.com/lanodan">https://github.com/lanodan</a></dd>
+ <dt>Gentoo Packaging Maintenance<dt><dd><a href="https://packages.gentoo.org/maintainer/contact@hacktivis.me">https://packages.gentoo.org/maintainer/contact@hacktivis.me</a></dd>
+ <dt>Alpine Packaging Maintenance</dd><dd><a href="https://pkgs.alpinelinux.org/packages?maintainer=Haelwenn+%28lanodan%29+Monnier">https://pkgs.alpinelinux.org/packages?maintainer=Haelwenn+%28lanodan%29+Monnier</a></dd>
+ <dt>Personal Website</dt><dd><a href="https://hacktivis.me/home">https://hacktivis.me/home</a></dd>
+ </dl>
+ </section>
+
</main>
<footer>Copyright <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA 4.0</a> Haelwenn (lanodan) Monnier; inspired by the <a href="https://michcioperz.com">page of Michał Sidor (Michcioperz)</a>; This is also done to work well in paper/PDF export.</footer>
</body>
diff --git a/style.css b/style.css
@@ -36,15 +36,42 @@ h1,h2 {
h1 { border-bottom: 2pt solid }
h2 { border-bottom: 1pt solid }
+@supports (display: grid) {
+ #background dl {
+ display: grid;
+ grid-template-columns: auto 1fr;
+ grid-row-gap: 1ch;
+ }
+ #background dd {
+ margin: 0;
+ margin-inline-start: 1em;
+ }
+}
+
@media screen {
main { max-width: 90em }
}
@media print {
+ :root { font-size: 10pt; }
nav, footer { display: none }
- a::before { content: "[" attr(href) "]("; }
- a::after { content: ")" }
- a::before, a::after { font-family: monospace }
- a { text-decoration: none }
+ a.showurl::before {
+ content: attr(href);
+ margin-right: 1ch;
+ @support (margin-inline-end) {
+ margin-inline-end: 1ch;
+ margin-right: reset;
+ }
+ font-family: monospace;
+ text-decoration: underline;
+ color: blue;
+ }
+ a.showurl {
+ color: inherit;
+ text-decoration: none;
+ }
section { page-break-inside: avoid }
-}
-\ No newline at end of file
+}
+@page {
+ margin: 1cm;
+}
