-------------------------------------------------
[16/06/2019] - ~2mins - #meta #hugo
-------------------------------------------------
En ce moment je m'amuse en modifiant un peu le site.
Rien de bien transcendant, hein.
Mais ça m'amuse quand même.
Déjà j'en avais un poil marre de l'aspect un peu trop lisse.
J'ai donc ajouté des rayures, de la texture sur quelques fonds.
Ça reste quand même assez léger mais au moins c'est moins insipide.
D'ailleurs les rayures de fond d'articles donnent une impression de 3D grâce à un très subtil dégradé.
J'ai un poil ajusté les bordures des articles en passant aux couleurs de type *hsl* pour la cohérence.
Hein !? Mais ça n'a aucun sens !
Jusqu'à présent j'utilisais des couleurs choppées au pif.
À la fois pour la couleur supérieure et sa version moins saturée (bordure du haut vs les trois autres bordures).
Les couleurs peuvent être représentées de plusieurs façons différentes en css.
Soit avec un *nom* comme orangered, soit avec une représentation *héxadécimale* comme #bad, soit avec la représentation *rgb* (red green blue) comme rgb(117,32,100) mais aussi en *hsl* qui représente hue saturation luminance comme hsl(54,58%,58%).
Avec hsl, il est donc possible de choisir une teinte (hue) et ensuite de choisir son intensité et sa luminosité.
C'est donc beaucoup plus logique de choisir sa couleur principale et de la décliner en gardant la même teinte.
Et on peut donc avoir la même différence relative pour différentes couleurs très facilement sans avoir rien à calculer par cette représentation.
Bref je l'ai utilisé pour les quatre couleurs de type de postes.
Les posts
<div class="fast-posts" style="padding:1rem;">Les fast-posts
<div class="shares" style="padding:1rem;">Les shares
<div class="ideas" style="padding:1rem;">Les ideas
Franchement je trouve ça joli toutes ces ptites couleurs !
J'ai déjà abordé plusieurs fois le sujet mais j'y retourne.
Bon j'ai déjà écrit des bouts de tutos pour un peu toutes les étapes.
Mais maintenant vais aussi faire un peu de pub pour vos blogs avec un *blogroll*.
Sur la homepage, je vais afficher un certain nombre (pour l'instant je sais pas encore exactement combien, je vais voir à l'usage) d'extrait d'articles vers des blogs francophones pour en faire la pub.
Voilà voilà :-)
Pour le générer, j'utilise Openring [1] qui est écrit en Go et permet tout simplement de générer un ptit fichier html qu'il n'y a qu'à inclure.
Ça s'emboîte pas trop mal dans Hugo.
Ce logiciel est vraiment très récent, mais il fait déjà le boulot.
[1] Openring (https://git.sr.ht/~sircmpwn/openring)
------------------------------------
------------------------------------
[16/06/2019] - #meta #hugo
------------------------------------
[>> Suivant >>] ⏭ Se débarasser des firmwares en rabe dans Alpine