commit: 5d15d3c415fd93569e7863371f6a4f26771d7ef3
parent 4d995300c751c54912eabc81cad32a95f771d6ba
Author: Haelwenn (lanodan) Monnier <contact@hacktivis.me>
Date: Sun, 15 Aug 2021 21:31:53 +0200
bookmarks: Simplify design to be linear
Diffstat:
4 files changed, 34 insertions(+), 29 deletions(-)
diff --git a/bookmarks.shtml b/bookmarks.shtml
@@ -4,12 +4,13 @@
<!--#include file="/templates/head.shtml" -->
<title>Bookmarks - lanodan's cyber-home</title>
</head>
- <body class="inline-sections">
+ <body>
<!--#include file="/templates/en/nav.shtml" -->
+ <main>
<h1>Bookmarks</h1>
<p>This is generated from <a href="/bookmarks.xbel">/bookmarks.xbel</a>, a standard-compliant <a href="http://pyxml.sourceforge.net/topics/xbel/">XBEL</a> file, which you can process and import in some browsers. (XSLT file used for it: <a href="/bookmarks.xsl">/bookmarks.xsl</a>)</p>
<section id="Autism">
- <h2><a href="#Autism">§</a> Autism</h2>
+ <h2>Autism <a href="#Autism">§</a></h2>
<dl>
<dt><a rel="external noreferrer" href="http://autisticadvocacy.org/">ASAN (Autistic Self Advocacy Network)</a></dt>
<dt><a rel="external noreferrer" href="http://youtu.be/HoC4Xu5j-KE">So, About Autism and Sensory Overload… | Kelci Crawford</a></dt>
@@ -18,7 +19,7 @@
</dl>
</section>
<section id="Archives">
- <h2><a href="#Archives">§</a> Archives</h2>
+ <h2>Archives <a href="#Archives">§</a></h2>
<dl>
<dt><a rel="external noreferrer" href="http://wikibooks.org">wikibooks</a></dt>
<dt><a rel="external noreferrer" href="http://ibiblio.org">ibiblio.org</a></dt>
@@ -33,7 +34,7 @@
</dl>
</section>
<section id="OpenHardware">
- <h2><a href="#OpenHardware">§</a> OpenHardware</h2>
+ <h2>OpenHardware <a href="#OpenHardware">§</a></h2>
<dl>
<dt><a rel="external noreferrer" href="http://olimex.com">Olimex(boards, LCDs, …)</a></dt>
<dt><a rel="external noreferrer" href="http://gl-inet.com">GLI : Routers & Boards/Modules</a></dt>
@@ -47,7 +48,7 @@
</dl>
</section>
<section id="Cryptography">
- <h2><a href="#Cryptography">§</a> Cryptography</h2>
+ <h2>Cryptography <a href="#Cryptography">§</a></h2>
<dl>
<dt><a rel="external noreferrer" href="http://blog.imirhil.fr/2015/09/02/cryptcheck-verifiez-implementations-tls.html">CryptCheck, vérifiez vos implémentations de TLS</a></dt>
<dt><a rel="external noreferrer" href="http://blog.huque.com/2012/10/dnssec-and-certificates.html">DNSSEC and Certificates</a></dt>
@@ -61,13 +62,13 @@
</dl>
</section>
<section id="privacy">
- <h2><a href="#privacy">§</a> privacy</h2>
+ <h2>privacy <a href="#privacy">§</a></h2>
<dl>
<dt><a rel="external noreferrer" href="https://team.inria.fr/privatics/publications/">Publications » Privatics</a></dt>
</dl>
</section>
<section id="security">
- <h2><a href="#security">§</a> security</h2>
+ <h2>security <a href="#security">§</a></h2>
<dl>
<dt><a rel="external noreferrer" href="http://wiki.debian.org/Hardening">http://wiki.debian.org/Hardening</a></dt>
<dt><a rel="external noreferrer" href="http://wiki.gentoo.org/wiki/Category:Security">http://wiki.gentoo.org/wiki/Category:Security</a></dt>
@@ -77,7 +78,7 @@
</dl>
</section>
<section id="onion">
- <h2><a href="#onion">§</a> onion</h2>
+ <h2>onion <a href="#onion">§</a></h2>
<dl>
<dt><a rel="external noreferrer" href="http://dua6u3dsufohrnsz.onion">Okhin</a></dt>
<dt><a rel="external noreferrer" href="http://scihub22266oqcxt.onion">Sci-Hub: removing barriers in the way of science</a></dt>
@@ -92,7 +93,7 @@
</dl>
</section>
<section id="feminisme">
- <h2><a href="#feminisme">§</a> feminisme</h2>
+ <h2>feminisme <a href="#feminisme">§</a></h2>
<dl>
<dt><a rel="external noreferrer" href="https://www.youtube.com/watch?v=ZXEnpXGZn84">Coming-out vidéo pour Femme trans, par Yuffy</a></dt>
<dt><a rel="external noreferrer" href="https://www.youtube.com/watch?v=vCivZ7BoDF0">Coming-out vidéo pour Non-Binaire, par H Paradoxæ</a></dt>
@@ -101,7 +102,7 @@
</dl>
</section>
<section id="activism">
- <h2><a href="#activism">§</a> activism</h2>
+ <h2>activism <a href="#activism">§</a></h2>
<dl>
<dt><a rel="external noreferrer" href="http://www.agendadulibre.org/">Agenda du Libre</a></dt>
<dt><a rel="external noreferrer" href="http://mediaslibres.org/">Médias Libres : Presse Indépendante</a></dt>
@@ -109,7 +110,7 @@
</dl>
</section>
<section id="lojban">
- <h2><a href="#lojban">§</a> lojban</h2>
+ <h2>lojban <a href="#lojban">§</a></h2>
<dl>
<dt><a rel="external noreferrer" href="https://mw.lojban.org/extensions/cll/">The Complete Lojban Language (aka. CLL)</a></dt>
<dt><a rel="external noreferrer" href="https://jbovlaste.lojban.org/">Lojban miltu-lingual dictionary</a></dt>
@@ -120,14 +121,14 @@
</dl>
</section>
<section id="japanese">
- <h2><a href="#japanese">§</a> japanese</h2>
+ <h2>japanese <a href="#japanese">§</a></h2>
<dl>
<dt><a rel="external noreferrer" href="https://kitsunekko.net/">kitsunekko.net - Japanese and English anime subtitles</a></dt>
<dt><a rel="external noreferrer" href="https://jisho.org/">Jisho.org: Japanese Dictionary</a></dt>
</dl>
</section>
<section id="webcomics">
- <h2><a href="#webcomics">§</a> webcomics</h2>
+ <h2>webcomics <a href="#webcomics">§</a></h2>
<dl>
<dt><a rel="external noreferrer" href="http://xkcd.com/">XKCD</a></dt>
<dt><a rel="external noreferrer" href="http://explainxkcd.com/">Explain XKCD: It's 'cause you're dumb.</a></dt>
@@ -146,7 +147,7 @@
</dl>
</section>
<section id="music">
- <h2><a href="#music">§</a> music</h2>
+ <h2>music <a href="#music">§</a></h2>
<p>All of them are DRM-Free, some are under a Libre License, some allow/require to pay the artists. You can also find the ones that I have on /kopimi/audio/music/.</p>
<dl>
<dt><a rel="external noreferrer" href="https://dogmazic.net/">Dogmazic.net: Libre Music (French Website)</a></dt>
@@ -161,7 +162,7 @@
</dl>
</section>
<section id="shows">
- <h2><a href="#shows">§</a> shows</h2>
+ <h2>shows <a href="#shows">§</a></h2>
<p>All of them DRM-Free, AFAIK none are under a Libre-License yet.</p>
<dl>
<dt><a rel="external noreferrer" href="https://roosterteeth.com/series/rwby">RoosterTeeth's RWBY</a></dt><dd>Future-fantasy world in which you follow huntresses and hunters protecting the world from Monsters. It's quite inspired by anime and games.</dd>
@@ -171,7 +172,7 @@
</dl>
</section>
<section id="reverse image search">
- <h2><a href="#reverse image search">§</a> reverse image search</h2>
+ <h2>reverse image search <a href="#reverse image search">§</a></h2>
<dl>
<dt><a rel="external noreferrer" href="http://iqdb.org/">http://iqdb.org/</a></dt>
<dt><a rel="external noreferrer" href="https://saucenao.com/">https://saucenao.com/</a></dt>
@@ -179,14 +180,14 @@
</dl>
</section>
<section id="Search engines and other webrings">
- <h2><a href="#Search engines and other webrings">§</a> Search engines and other webrings</h2>
+ <h2>Search engines and other webrings <a href="#Search engines and other webrings">§</a></h2>
<dl>
<dt><a rel="external noreferrer" href="https://wiby.me/">Wiby - Search Engine for the Classic Web</a></dt>
<dt><a rel="external noreferrer" href="https://webring.xxiivv.com/">XXIIVV's WebRing</a></dt>
</dl>
</section>
<section id="Standards">
- <h2><a href="#Standards">§</a> Standards</h2>
+ <h2>Standards <a href="#Standards">§</a></h2>
<dl>
<dt><a rel="external noreferrer" href="http://www.open-std.org/JTC1/SC22/WG14/www/projects#9899">ISO/IEC 9899 - Revision of the C standard</a></dt>
<dt><a rel="external noreferrer" href="https://pubs.opengroup.org/onlinepubs/9699919799/">Single Unix Specification (POSIX, SUS)</a></dt>
@@ -215,7 +216,7 @@
</dl>
</section>
<section id="Documentation">
- <h2><a href="#Documentation">§</a> Documentation</h2>
+ <h2>Documentation <a href="#Documentation">§</a></h2>
<dl>
<dt><a rel="external noreferrer" href="https://dev.gentoo.org/~mgorny/articles/portability-of-tar-features.html">Portability of tar features, Michał Górny, 2018-11-25</a></dt>
<dt><a rel="external noreferrer" href="http://www.linux-france.org/article/usenet/jaco/indexs08.html">Installation et configuration de INN; les autres pages sont aussi à suivres pour mettre en place INN</a></dt>
@@ -231,7 +232,7 @@
</dl>
</section>
<section id="Operating Systems">
- <h2><a href="#Operating Systems">§</a> Operating Systems</h2>
+ <h2>Operating Systems <a href="#Operating Systems">§</a></h2>
<dl>
<dt><a rel="external noreferrer" href="https://tails.boum.org/">Tails</a></dt><dd>portable operating system that protects against surveillance and censorship</dd>
<dt><a rel="external noreferrer" href="http://9front.org/">9Front</a></dt><dd>Fork of Plan 9, a Unix successor by Bell Labs</dd>
@@ -259,7 +260,7 @@
</dl>
</section>
<section id="Sign Language">
- <h2><a href="#Sign Language">§</a> Sign Language</h2>
+ <h2>Sign Language <a href="#Sign Language">§</a></h2>
<dl>
<dt><a rel="external noreferrer" href="https://www.british-sign.co.uk/">British Sign Language</a></dt>
<dt><a rel="external noreferrer" href="http://elix-lsf.fr/">Elix LSF</a></dt><dd>Dictionnaire de Langue des Signes Française / French Sign Language dictionary</dd>
@@ -268,7 +269,7 @@
</dl>
</section>
<section id="Fun">
- <h2><a href="#Fun">§</a> Fun</h2>
+ <h2>Fun <a href="#Fun">§</a></h2>
<dl>
<dt><a rel="external noreferrer" href="https://www.shlomifish.org/humour/by-others/funroll-loops/Gentoo-is-Rice.html">Gentoo is Rice</a></dt>
<dt><a rel="external noreferrer" href="http://ibiblio.org/harris/500milemail.html">The case of the 500-mile email</a></dt>
@@ -276,7 +277,7 @@
</dl>
</section>
<section id="Misc">
- <h2><a href="#Misc">§</a> Misc</h2>
+ <h2>Misc <a href="#Misc">§</a></h2>
<dl>
<dt><a rel="external noreferrer" href="http://apmep.fr/">Association des Professeurs de Mathématiques de l’Enseignement Public</a></dt>
<dt><a rel="external noreferrer" href="https://tatiyants.com/pev/">Postgres EXPLAIN Visulizer (pev)</a></dt>
@@ -299,6 +300,7 @@
<dt><a rel="external noreferrer" href="https://alex.flounder.online/gemlog/2021-01-08-useless.gmi">Gemini is Useless</a></dt>
</dl>
</section>
+ </main>
<!--#include file="/templates/en/footer.shtml" -->
</body>
</html>
diff --git a/bookmarks.xsl b/bookmarks.xsl
@@ -7,22 +7,24 @@
<xsl:comment>#include file="/templates/head.shtml" </xsl:comment>
<title>Bookmarks - lanodan's cyber-home</title>
</head>
- <body class="inline-sections">
+ <body>
<xsl:comment>#include file="/templates/en/nav.shtml" </xsl:comment>
+ <main>
<h1>Bookmarks</h1>
<p>This is generated from <a href="/bookmarks.xbel">/bookmarks.xbel</a>, a standard-compliant <a href="http://pyxml.sourceforge.net/topics/xbel/">XBEL</a> file, which you can process and import in some browsers. (XSLT file used for it: <a href="/bookmarks.xsl">/bookmarks.xsl</a>)</p><xsl:apply-templates select="/xbel/folder"/>
<section id="Misc">
- <h2><a href="#Misc">§</a> Misc</h2>
+ <h2>Misc <a href="#Misc">§</a></h2>
<dl><xsl:apply-templates select="/xbel/bookmark"/>
</dl>
</section>
+ </main>
<xsl:comment>#include file="/templates/en/footer.shtml" </xsl:comment>
</body>
</html></xsl:template>
<xsl:template match="folder">
<section id="{title}">
- <h2><a href="#{title}">§</a> <xsl:value-of select="title" /></h2>
+ <h2><xsl:value-of select="title" /> <a href="#{title}">§</a></h2>
<xsl:if test="desc"><p><xsl:value-of select="desc" /></p>
</xsl:if><dl><xsl:apply-templates select="bookmark"/>
</dl>
diff --git a/css/index.css b/css/index.css
@@ -78,13 +78,14 @@ pre {
white-space: break-spaces;
word-break: break-all;
}
-section h1, section h2 { text-align: center; }
.inline-sections article,
.inline-sections section {
display: inline-table;
}
-article, section, main {
+article, main {
margin: 1.5rem auto;
+}
+article, section, main {
padding: 0.5rem;
background-color: var(--dark-ansi00-soft);
display: table;
diff --git a/templates/head.shtml b/templates/head.shtml
@@ -1,5 +1,5 @@
<meta charset="utf-8"/>
- <link rel="stylesheet" type="text/css" href="/css/index.css?serial=2021050102"/>
+ <link rel="stylesheet" type="text/css" href="/css/index.css?serial=2021081501"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="vcs-git" href="https://gitlab.com/lanodan/blog.git" title="gitlab"/>
<link rel="icon" type="text/css" href="/images/favicon.png?serial=2020111201"/>
