Hellow ici ! J'vais apporter des grands changement Ă (blog.)tinerion.me, et j'ai bien envie de parler de tout ces changements aux fur et Ă mesure que j'y travaille !
Tout les pouets sur le sujet seront Ă la suite de celui-ci du coup đ đ
Tout d'abord, j'pense partir sur le gĂ©nĂ©rateur de site statique "Hugo" (https://gohugo.io). Et pour ce qui est de l'apparence, je vais prendre pour base le framework css Bulma (https://bulma.io) en en modifiant les variables đ
Tout les éléments du site seront mis dans ce dépot : https://git.tinerion.me/tinerion/website
Comme indiqué dans la doc de bulma*, on peut en customiser de nombreux éléments via les variables, en se concoctant un ti fichier .scss. C'est rigolo comme tout, et ça permet vraiment d'adapter beaucoup d'éléments tout en gardant la simplicité d'accÚs de bulma.
Ă partir de ce fichier SCSS, on obtient un bon vieux CSS, contenant les parties de bulma qu'on a choisi d'importer, avec nos modifications.
En prime, on peut demander à générer notre css à un endroit précis.
Du coup, comme on peut le voir dans la capture d'écran du pouet précédent, j'ai créé un theme Hugo intitulé "tinerion-dark' et j'ai indiqué dans mon package.json que mon fichier css devais ce mettre dans le dossier de ce theme \o/
On reprend aprĂšs "un petit peu" de temps ! LĂ du coup je m'occupe de la maquette du futur site. Pour ce faire, j'utilise l'outil en ligne "Figma"... cĂ©palibre, mais c'est ce que je connais de plus efficace en Ă©tant pas designer. Du coup pour l'instant j'ai un truc comme ça, ça va surement ĂȘtre amenĂ© Ă Ă©voluĂ©, voir a changer radicalement d'ici la mise en ligne.
Pour la couleur du fond, j'voulais un truc à la fois sombre et coloré, et du coup vu que j'échouais à obtenir ça en essayant des couleurs au pif j'ai pris la couleur de fond du blog "https://www.getrichordevtryin.com" d' @alyve (si tu me lis, merci pour ton blog, il est vraiment chouette :) ).
Pour les autres couleurs, j'utilise le site "https://coolors.co/" qui trouve automatiquement des couleurs qui vont bien entre elle. Si on a déjà une couleur, le site proposera les autres en fonction.
D'ailleurs coolors permet aussi d'afficher les "versions" plus sombre ou plus claire de telle ou telle couleurs.
(Mes plus plates excuses aux designers, peintres, dessinateur·ices, et autre gens qui bricolent des trucs avec des couleurs, j'dois tellement mal parler des couleurs đ )