commit: b2eb79aed295163ca933cc6a9a41b36087e7fda7
parent c8735b4f9d1e11ae9befed2d7031d7111bf4adb4
Author: Haelwenn (lanodan) Monnier <contact@hacktivis.me>
Date: Tue, 5 May 2020 06:04:50 +0200
bookmarks: bump (mainly webcomics)
Diffstat:
3 files changed, 29 insertions(+), 10 deletions(-)
diff --git a/bookmarks.shtml b/bookmarks.shtml
@@ -2,9 +2,9 @@
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<!--#include file="/templates/head.shtml" -->
- <title>lanodan’s cyber-home — Template</title>
+ <title>lanodan’s cyber-home — Bookmarks</title>
</head>
- <body>
+ <body class="inline-sections">
<!--#include file="/templates/en/nav.shtml" -->
<h1>Bookmarks</h1>
<section>
@@ -23,6 +23,8 @@
<li><a href="http://ibiblio.org">ibiblio.org</a></li>
<li><a href="http://framabook.org">framabook.org</a></li>
<li><a href="http://www.openedition.org/">OpenEdition</a></li>
+ <li><a href="http://archive.org">Internet Archive</a>: Web Archive, Audio/Video/Software/Books/… archive</li>
+ <li><a href="https://www.gutenberg.org/wiki/Main_Page">Project Gutenberg</a>: Digitization of books in libre formats</li>
</ul>
</section>
<section id="OpenHardware">
@@ -36,6 +38,7 @@
<li><a href="http://avnet.com">Avnet</a> (Not everything is)</li>
<li><a href="http://elphel.org">Elphel</a> (Camera, Biology)</li>
<li><a href="http://apertus.org">Apertusº</a></li>
+ <li><a href="http://pine64.org">Pine64</a>: devboards, laptop/tablet, phone</li>
</ul>
</section>
<section id="Cryptography">
@@ -97,12 +100,12 @@
<section id="activism">
<h2><a href="#activism">§</a> Activism</h2>
<ul>
- <li><a href="http://www.agendadulibre.org/">Agenda du Libre / Calendar Libre</a></li>
- <li><a href="http://mediaslibres.org/">Médias Libres</a></li>
+ <li><a href="http://www.agendadulibre.org/">Agenda du Libre</a></li>
+ <li><a href="http://mediaslibres.org/">Médias Libres</a> : Presse Indépendante</li>
<li><a href="https://ncase.me/crowds/">The Wisdom and/or Madness of Crowds</a>: Interactive Demo about how to spread politic values in crowds</li>
</ul>
</section>
- <section>
+ <section id="lojban">
<h2><a href="#lojban">§</a> la .lojban.</h2>
<ul>
<li><a href="https://mw.lojban.org/extensions/cll/">The Complete Lojban Language</a> (know as CLL)</li>
@@ -113,6 +116,21 @@
<li><a href="http://camxes.lojban.org/">Parser/syntax-viewer small webapp</a></li>
</ul>
</section>
+ <section id="webcomics">
+ <h2><a href="#webcomics">§</a> WebComics</h2>
+ <ul>
+ <li><a href="http://xkcd.com/">XKCD</a> (and <a href="http://explain.xkcd.com/">Explain XKCD</a>)</li>
+ <li>Rain (<a href="http://rain.thecomicseries.com/">Comic Fury</a>, <a href="https://www.smackjeeves.com/discover/articleList?titleNo=90588">SmackJeeves</a>,<a href="http://littlelynn84.deviantart.com/gallery/27273884">DeviantArt</a>): slice-of-life about rain, a high-school transgirl</li>
+ <li><a href="http://www.validationcomic.com/">Validation</a>, comic about a comic-artist transgirl</li>
+ <li><a href="https://egscomics.com/">El Goonish Shive</a>: Comic about magic (surpernatural, myths, transformations/identity, …)</li>
+ <li><a href="https://sssscomic.com/ssss-feed.xml">Stand Still Stay Silent</a>: Nordic Historical webcomic</li>
+ <li><a href="https://tapas.io/rss/series/13058">What QQ</a>: Webcomic about a non-binary deafie</li>
+ <li><a href="https://tapas.io/rss/series/60260">Chronically Silent</a></li>
+ <li><a href="https://www.goodbyetohalos.com/comic/">Goodbye to Halos</a>: Magic webcomic?</li>
+ <li><a href="https://www.questionablecontent.net/">Questionable Content</a>: slice-of-life webcomic with adults and sentient robots</li>
+ <li><a href="https://www.thelegendofjamieroberts.com/">The Legend of Jamie Roberts</a>: Pirate Adventure webcomic, same author as Validation</li>
+ </ul>
+ </section>
<section>
<h2><a href="#other">§</a> other</h2>
<ul>
diff --git a/css/index.css b/css/index.css
@@ -38,15 +38,16 @@ pre {
word-break: break-all;
}
section h1, section h2 { text-align: center; }
-article, section {
+.inline-sections article,
+.inline-sections section {
display: inline-table;
- vertical-align: top;
}
article, section, main {
margin: 1.5rem auto;
padding: 0.5rem;
background-color: var(--dark-ansi00-soft);
display: table;
+ vertical-align: top;
}
article, main { max-width: 80em; }
diff --git a/templates/en/nav.shtml b/templates/en/nav.shtml
@@ -6,13 +6,13 @@
<li><a href="/librism">Désintox’ / FOSS activism</a></li>
<li><a href="/animelist">Anime List</a></li>
</ul></li>
- <li tabindex="0" class="menu"><span>Miscellaneous</span><ul>
- <li><a href="/kopimi">Kopimi (libre data)</a></li>
+ <li tabindex="0" class="menu"><span>Misc'</span><ul>
+ <li><a href="/kopimi/">Kopimi (libre data)</a></li>
+ <li><a href="/notes/">Notes</a></li>
<li><a href="/abgilpqt+">ABGILPQT+</a></li>
<li><a href="/bookmarks">Bookmarks</a></li>
<li><a href="/coding%20style">coding style</a></li>
</ul></li>
- <li><a href="/notes">Notes</a></li>
<li><a href="/projects/badwolf">Badwolf</a></li>
</ul><ul class="right">
<!--#if expr="${transPageUrl}" --> <li><a rel="alternate" hreflang="fr" href="<!--#echo var="transPageUrl" -->">Français</a></li><!--#endif -->