Skelets numériques
Décrit ce que j’aimerais faire sur ce blog
Contenu
- publier mes impressions sur Signalis
- parler de bookwyrm et d’Obsidian
- Écrire sur le jardinage!
- des microfictions ou des fragments de ma journée
Organisation et apparence
-
la bottom bar mélange élément de navigation interne et externe, j’aimerais bien séparer les deux
-
Mettre mes posts en licence Creative Commons (potentiellement la cc-by-nc-sa)
-
avoir un menu de navigation qui permette d’accéder aux tags, landing et liste d’articles de partout
- comme j’ai tendance à en faire des tartines, avoir un autre menu qui donne un lien vers chaque section; ça doit pouvoir se faire avec Hugo sans trop de tracas, non? Une table des matières quoi, et c’est faisable en suivant ce tutoriel
-
Avoir les polices mono (pour le code) un peu plus lisibles: pour l’instant elles sont toutes petites.
-
Avoir un rendu de code inline plus facilement utilisable: pas de débordement à droite en cas de ligne trop longue (je pensais qu’encapsuler dans une boîte ça suffirait mais apparemment les classes
span
sont capricieuses), possibilité de copier-coller le code, etc. -
Du CSS pour des boîtes et callouts
-
De l’accessibilité (et je suis des gens sur Mastodon qui pourraient m’indiquer des ressources) (par exemple maiwann m’a suggéré ça https://design-accessible.fr/checklist)
-
Une ombre sur le fond de mon contenu qui le fasse un peu plus ressortir du fond global, pour renforcer l’emphase sur le texte
-
Avoir un menu facilement accessible quand on est sur mobile pour revenir en haut ou accéder à la table de contenu (via l’élément
aside
peut-être) -
des images responsives, il y a un module pour ça https://github.com/UtkarshVerma/hugo-modules/tree/main/responsive-images
-
en définitive, j’ai répondu au problème manuellement, on pourra lire le post correspondant.
-
ladite table de contenu n’est d’ailleurs pas bien fonctionnelle, elle me renvoie à l’accueil quand on clique sur chaque entrée * j’avais un attribut
base
qui fixait l’URL de la page à celle de la page d’accueil du blog apparemment (probablement un reste de copier-coller d’un vieux template)
-
-
Mettre les articles liés au blog et aux outils dans une catégorie à part (la partie “about”)
-
un shortcode pour déplier ou replier une section à loisir, notamment pour mettre à jour ma page “en ce moment”.
Mécanique
- pouvoir publier directement depuis obsidian, en exécutant publish.sh ou avec un potibouton (et ça implique de pouvoir le faire sur mon terminal mobile aussi)
- hugo et obsidian ont une syntaxe pour les liens interne qui diffère. J’aimerais bien simplifier ça: pouvoir faire en sorte qu’une référence dans Obsidian soit comprise par Hugo lors de la génération. Par exemple, ça? Dans l’idéal, n’avoir qu’une note dans mon obsidian, plutôt que de dédoubler entre obsidian et hugo. J’en parle un peu plus sur cette page
Inspirations
- l’ordonnancement des métadonnées sur les articles est franchement moche, on peut faire mieux (et plus joli) qu’à mettre de l’emphase et des listes…
- Sur le blog de Julia Evans, la liste des posts est beaucoup plus compacte. Titre et date suffisent. Pas trop ma personnalité mais la concision est cool.
- à l’opposé, le site de Nesslabs prend beaucoup de place et aère ses posts. Le titre prend toute une bannière et le temps de lecture aussi.
- le site de Louis Derrac est beau et concis!
- https://seirdy.one/posts/2021/03/10/search-engines-with-own-indexes/ pour afficher un changelog
- les liens sur le blog de alexisrac sont différenciés suivant qu’il s’agisse de liens internes ou externes
- https://blog.adm.ink/ marque les articles copme des liens cliquables, c’edt bieng