hscc

Soure code of <https://hugo.soucy.cc>.
git clone git://soucy.cc/hscc.git
Log | Files | Refs

commit ecb86929bcff3afc8df728dd7960f4337a43f531
parent 7003b67f7eef6528e36c1af22d5fda6a60f3e28a
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Thu,  9 Sep 2021 22:22:16 -0400

Update content

Diffstat:
Mcontent/a-propos.md | 32++++++++++++++++++++++----------
Mcontent/index.html | 4++--
Mcontent/index.lua | 2+-
Mcontent/now.lua | 2+-
Mcontent/now.md | 115+++++++++++++++----------------------------------------------------------------
5 files changed, 48 insertions(+), 107 deletions(-)

diff --git a/content/a-propos.md b/content/a-propos.md @@ -12,16 +12,16 @@ autres. La plupart du temps c'est changeant, imparfait et brouillon. ## Frugalité -Ici j'essaie d'être le moins énergivore possible: j'utilise un minimum -de JavaScript, d'images et de vidéos; je ne charge pas d'autres -polices de caractères que celles qui se trouvent déjà sur votre -ordinateur, etc. +Ici j'essaie d'être **le moins énergivore possible**: j'utilise un +minimum de JavaScript, d'images et de vidéos; je ne charge pas +d'autres polices de caractères que celles qui se trouvent déjà sur +votre ordinateur, etc. -Le Web est de nos jours en surpoid, ce qui rend souvent la navigation -pénible, surtout sur des réseaux ou des appareils moins -performants. Moi je veux que mes pages chargent rapidement peu importe -le contexte technologique. Mais je veux également avoir une empreinte -écologique la plus faible possible. +**Le Web est de nos jours en surpoid**, ce qui rend souvent la +navigation pénible, surtout sur des réseaux ou des appareils moins +performants. Moi **je veux que mes pages chargent rapidement** peu +importe le contexte technologique. Mais je veux également avoir **une +empreinte écologique la plus faible possible**. En général, les pages de ce site web font bien moins que 50 Ko. @@ -50,4 +50,16 @@ bloggeurs. ## Métadonnées -*Bientôt ...* +**J'aime les métadonnées** et ce site web en est truffées. Même si tout le +monde en général s'en fout, je passe beaucoup de temps à enrichir mon +HTML avec celles-ci. + +* Je décris mes publications avec des **microformats** et du **RDFa lite**. +* J'utilse des *link types* avec l'attribut `[rel]` pour décrire les + relations entre les documents. +* Un ficher [humans.txt](/humans.txt "We are people, not machines") + qui décrit les gens (et les choses) qui ont contribuer à mon site + web. [Il y a une extension Firefox pour découvrir les humans.txt + présents sur les + sites](https://addons.mozilla.org/en-US/firefox/user/13536552/). +* Et évidemment plusieurs balises `<meta/>`. diff --git a/content/index.html b/content/index.html @@ -17,7 +17,7 @@ class="hs0ucy-photo u-photo" height="205" property="image" - src="https://hugo.soucy.cc/hs0ucy-2018--240px.png" + src="https://hugo.soucy.cc/hs0ucy-2018--240px--dithering.png" width="240" /> <div class="p-note"> @@ -26,7 +26,7 @@ </p> <p> - <a href="https://hugo.soucy.cc/2021">Dans ma soupe</a> je vois les <strong property="foaf:interest" resource="http://dbpedia.org/resource/FLOSS" title="FLOSS">logiciels libres et open-source</strong>, comme <strong property="foaf:interest" resource="http://dbpedia.org/resource/Emacs">Emacs</strong>, <strong property="foaf:interest" resource="http://dbpedia.org/page/Dwm">dwm</strong>, <strong property="foaf:interest" resource="http://dbpedia.org/resource/OpenBSD">OpenBSD</strong> 🐡, <strong property="foaf:interest" resource="http://dbpedia.org/resource/Manjaro_Linux">Manjaro</strong>, <strong property="foaf:interest" resource="http://dbpedia.org/page/Syncthing">Syncthing</strong>, etc; les <strong property="foaf:interest" resource="http://dbpedia.org/resource/Shell_script">shell scripts</strong>, le <strong property="foaf:interest" resource="http://dbpedia.org/page/Lua_(programming_language)">Lua</strong> script, le <strong property="foaf:interest" resource="http://dbpedia.org/resource/JavaScript">JavaScript</strong>; les <strong property="foaf:interest" resource="http://dbpedia.org/page/Web_standards">standards du Web</strong> et tout ce qui touche à l'indépendance numérique des utilisateurs. J'aime la <strong property="foaf:interest" resource="http://dbpedia.org/resource/Politics">politique</strong> sans les politiciens, la <strong property="foaf:interest" resource="http://dbpedia.org/resource/Reading_(process)">lecture</strong>, le <strong property="foaf:interest" resource="http://dbpedia.org/resource/Bicycle">vélo</strong>, le <strong property="foaf:interest" resource="http://dbpedia.org/page/Coffee">café</strong> ☕, la <strong property="foaf:interest" resource="http://dbpedia.org/page/Pizza">pizza</strong> 🍕 et les <strong property="foaf:interest" resource="http://dbpedia.org/resource/Sandwich">sandwichs</strong> 🥪. Wannabe <strong property="foaf:interest" resource="http://dbpedia.org/resource/Local_food">locavore</strong> et <em property="foaf:interest" resource="https://dbpedia.org/page/Canning">appertisan</em> (canneux) 🥫. + <a href="https://hugo.soucy.cc/2021">Dans ma soupe</a> je vois les <strong property="foaf:interest" resource="http://dbpedia.org/resource/FLOSS" title="FLOSS">logiciels libres et open-source</strong>, comme <strong property="foaf:interest" resource="http://dbpedia.org/resource/Emacs">Emacs</strong>, <strong property="foaf:interest" resource="http://dbpedia.org/page/Dwm">dwm</strong>, <strong property="foaf:interest" resource="http://dbpedia.org/resource/OpenBSD">OpenBSD</strong> 🐡, <strong property="foaf:interest" resource="http://dbpedia.org/resource/Manjaro_Linux">Manjaro</strong>, <strong property="foaf:interest" resource="http://dbpedia.org/page/Syncthing">Syncthing</strong>, etc; les <strong property="foaf:interest" resource="http://dbpedia.org/resource/Shell_script">shell scripts</strong>, le <strong property="foaf:interest" resource="http://dbpedia.org/page/Lua_(programming_language)">Lua</strong> script, le <strong property="foaf:interest" resource="http://dbpedia.org/resource/JavaScript">JavaScript</strong>; les <strong property="foaf:interest" resource="http://dbpedia.org/page/Web_standards">standards du Web</strong> et tout ce qui touche à l'indépendance numérique des utilisateurs. J'aime la <strong property="foaf:interest" resource="http://dbpedia.org/resource/Politics">politique</strong> sans les politiciens, la <strong property="foaf:interest" resource="http://dbpedia.org/resource/Reading_(process)">lecture</strong>, la poésie, le <strong property="foaf:interest" resource="http://dbpedia.org/resource/Bicycle">vélo</strong>, le <strong property="foaf:interest" resource="http://dbpedia.org/page/Coffee">café</strong> ☕, la <strong property="foaf:interest" resource="http://dbpedia.org/page/Pizza">pizza</strong> 🍕 et les <strong property="foaf:interest" resource="http://dbpedia.org/resource/Sandwich">sandwichs</strong> 🥪. Wannabe <strong property="foaf:interest" resource="http://dbpedia.org/resource/Local_food">locavore</strong> et <em property="foaf:interest" resource="https://dbpedia.org/page/Canning">appertisan</em> (canneux) 🥫. </p> </div> </div> diff --git a/content/index.lua b/content/index.lua @@ -3,7 +3,7 @@ return { datetime = "00:00:00", id = "tag:hugo.soucy.cc,0000-00-00:0000/00/index", template = "index", - list = false, + --list = false, title = "Hugo Soucy, développeur Web front-end habitant Lévis, et ceci est sa page Web", keywords = { "développeur front-end","intégrateur web","a11y", "accessibilité web", "Lévis", "Québec", }, navigation = { diff --git a/content/now.lua b/content/now.lua @@ -2,7 +2,7 @@ return { date = "2020-02-15", datetime = "15:32:00", id = "tag:hugo.soucy.cc,2020-02-15:2020/02/now", - title = "Now ou ces temps-ci", + title = "Now, quelque part comme maintenant", navigation = { label = "Now" } diff --git a/content/now.md b/content/now.md @@ -1,5 +1,5 @@ -Ce que je fais ces temps-ci -=========================== +Quelque part comme maintenant +============================= *Ceci est ma page now ([What is a "now page"?](https://nownownow.com/about)).* @@ -11,108 +11,37 @@ front-end](https://hugo.soucy.cc/file/curriculum-vitae.html "mon curriculum vitae") dans une boîte en TI de la ville de Québec, qui s'appelle [Toumoro](https://toumoro.com). -Je programme des interfaces web adaptatifs et accessibles, avec HTML, +Je programme des interfaces web adaptatives et accessibles, avec HTML, CSS et Javascript. Souvent pour des projets qui tournent sous le CMS Typo3. ## Personnellement ## Je suis papa de jeunes enfants, alors le *ici et maintenant* de ma -compagne et moi, leur est souvent consacré! - -C'est un apprentissage de tout les instants, et le maître, n'est pas -toujours celui qu'on croit. - -<img - alt="Papa fait la lecture du Trésor de Rackham le Rouge" - src="/papa-lecteur-2019.jpg" - width="320px" /> - -## Mes projets maison ## - -### Ferron ### - -Je développe un générateur de site web statique avec le langage de -programmation Lua qui, se nomme Ferron. Vous pouvez prendre -connaissance du projet en visitant [sa page -github](https://github.com/hs0ucy/Ferron). - -Initialement, ce projet était programmé en script *bash*, et se -nommait [FakeStache -SSG](https://github.com/hs0ucy/fakestache-ssg). J'avais le goût de -poussé l'application un peu plus loin, et en même temps, j'étais -curieux s'apprendre le Lua, dont je trouvais la syntaxe simple et -élégante. - -J'ai donc entrepris la conversion de l'application tout en ajoutant -des fonctionnalités qui n'étaient pas présentes dans la première -mouture. - -Je suis assez fier du résultat. Il faut que je m'attaque à étoffer la -documentation avant de demander de l'aide de bétas-testeurs, pour -avoir des retours constructifs. - -### Auto-hébergement ### - -Le site que vous consultez en ce moment, est auto-hébergé dans mon -sous-sol sur un [HP Mini -110](https://en.wikipedia.org/wiki/HP_Mini#110), qui roule sous le -système d'opération [OpenBSD](https://www.openbsd.org/). - -Le HP Mini est un laptop qui est muni d'une pile qui peut prendre le -relais si il y a une panne de courant qui n'est pas trop longue :) - -J'ai encore quelques trucs d'hébergés sur un VPS DigitalOcean que je -dois migrer sur mon serveur personnel dans les prochains mois. - -Sinon, éventuellement je dois aussi mettre en place un système de -sauvegarde de données. Probablement quelque chose de simple avec un -disque dur externe et rsync. - -* L'idée derrière ce projet est d'être le plus indépendant possible; -* d'apprendre de nouvelles choses, comme développer mes aptitudes - d'administrateur systhème amateur, être plus à l'aise dans un - envrionnement UNIX qui n'est pas Linux. -* Ne pas consommer de l'énergie d'un centre de donnés qui, est - propulsé par je ne sais qu'elle énergie plus polluante que - l'hydro-électricité. - -### Le potager ### - -Depuis le printemps 2019, je suis résidant d'un charmant bungalow de -Lévis. Dans la cour arrière, nous avons commencé un potager que nous -voulons de plus en plus généreux d'année en année. - -Pour les enfants c'est un écosystème fascinant et stimulant; et c'est -aussi des collations à portée de main. Pour moi, c'est un havre de -nature et une façon agréable de s'extirper de la vie essouflante de -notre train train d'animaux urbain. - -En ce moment, c'est l'hiver et la terre ce repose. Mais le temps des -semis ne serait tarder. +compagne et moi, leur est souvent consacré. ## Temps de cerveau disponible ## -### Lecture ### +### Lecture / écriture ### + +Ces temps-ci je lis beaucoup de poésie et d'essais politiques. -Ces temps-ci, je m'intéresse pas mal à la décroissance et à l'écologie -politique. Je consomme des vidéos sur le sujet, sinon des lecture. Je -viens justement de terminer **Guérir du mal de l'infini**; juste avant -j'ai lu **L'écosophie, ou La sagesse de la nature** et **Le -capitalisme expliqué à ma petite-fille...**. +[J'écris un peu ici](https://hugo.soucy.cc/2021/), puis je griffonne +un petit carnet noir. -Sinon par ricochet, je suis pas mal fasciné par les -basses-technologies, ou plus communément appelé les **low-tech**. Je -suis un visiteur régulier du site -[lowtechmagazine.com](https://www.lowtechmagazine.com/). +### Musique ### -La spiritualité est aussi présente dans mes réflexions et mes -lectures. Je me suis entre autre intéressé à **Spinoza**, raconté dans -un ouvrage de *Philippe Lenoire*. Autrement ces jours-ci, mon livre de -chevet s'intitule **Une beauté zen : paroles de moines**. +Je traîne toujours sur **bandcamp** à la recherche de nouvelles choses +à écouter. Sinon, +[Ponctuation](https://ponctuationponctuation.bandcamp.com/), +[Jesuslesfilles](https://jesuslesfilles.bandcamp.com/album/lheure-id-ale), +[L'étrange pays](https://jeanleloup.bandcamp.com/album/l-trange-pays) +de Jean Leloup, +[Alvvays](https://alvvays.bandcamp.com/album/antisocialites) et +[Kaitlyn Aurelia Smith](https://kaitlynaureliasmith.bandcamp.com/) +sont souvent dans mes oreilles ces derniers temps. -### Vélo ### +### Potagers ### -Quand il y a la neige, c'est le fatbike. Sinon pour mes déplacement, -quand c'est possible, c'est toujours et pour toujours le vélo. Une des -plus grande invention humaine! +Nous avons deux potagers et ma compagne est aux commandes. Les enfants +et moi, lui donnons un coup de main aussi souvent que possible.