logo

blog

My website can't be that messy, right? git clone https://hacktivis.me/git/blog.git
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:

Mbookmarks.shtml28+++++++++++++++++++++++-----
Mcss/index.css5+++--
Mtemplates/en/nav.shtml6+++---
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 -->