hugo.soucy.cc

The personnal website source code of Hugo Soucy. Creates from an homebrewed static website generator (Ferron).
Log | Files | Refs

commit f70765cbd8d0aa2c8acd9c35661e21066b4ed655
parent b15da641468af3816a321094b41a2ccaeed0c402
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Tue, 29 Sep 2020 15:16:56 -0400

Merge branch 'master' of soucy.cc:hugo.soucy.cc

Diffstat:
Mcontent/index.json | 2+-
Mcontent/index.md | 4++--
Mcontent/note/2016/02/what-is-it-about-society-that-disappoints-you-so-much.md | 4++--
Mcontent/note/2016/11/would-the-web-s-inventor-give-up-on-free-standards.md | 2+-
Mcontent/note/2017/03/appnet-is-another-silo-who-is-shutting-down.md | 2+-
Mcontent/note/2017/12/openbsd-mise-a-jour-reussie.md | 2+-
Mcontent/note/2017/12/salut-bien-bas-aux-infimieres-et-infirmiers.md | 2+-
Mcontent/note/2018/01/what-emacs-theme-is-that-3.md | 2+-
Mcontent/note/2018/03/les-pods-diaspora-communiquent.md | 2+-
Mcontent/note/2018/04/cryptoqc-temoignage-de-zuckerberg.md | 2+-
Mcontent/note/2018/04/presentation-openbsd-concise-et-exhaustive.md | 2+-
Mcontent/note/2018/06/cotoyer-l-art-vivant-statique.md | 4++--
Mcontent/note/2018/06/velo-chutes-polices-et-escargots.md | 2+-
Mcontent/note/2018/07/madeleine-et-ses-vetements.md | 3+--
Mcontent/note/2018/07/une-autre-balade-aux-chutes.md | 4++--
Mcontent/note/2018/07/vive-le-quebec-vive-la-creation-vive-luniversel.md | 2+-
Mcontent/note/2018/09/abonnement-a-distance-a-rezodevfacilservices.md | 2+-
Mcontent/note/2018/11/plusieurs-remote-origin-avec-git.md | 2+-
Mcontent/note/2019/04/essaie-du-theme-cyberpunk2019.md | 2+-
Mcontent/note/2020/02/si-jetais-les-femmes.md | 2+-
Mcontent/note/2020/03/decouverte-st-et-tmux.md | 2+-
Mcontent/note/2020/08/coop-salaires-egales.md | 2+-
Mcontent/note/2020/08/firefox-chercher-dans-les-onglets.md | 2+-
Acontent/note/2020/08/pcu-2.json | 8++++++++
Acontent/note/2020/08/pcu-2.md | 19+++++++++++++++++++
Acontent/note/2020/09/avaler-la-couleuvre.json | 8++++++++
Acontent/note/2020/09/avaler-la-couleuvre.md | 16++++++++++++++++
Acontent/note/2020/09/enfance-en-crise.json | 8++++++++
Acontent/note/2020/09/enfance-en-crise.md | 6++++++
Acontent/note/2020/09/jimmy-le-vil.json | 8++++++++
Acontent/note/2020/09/jimmy-le-vil.md | 17+++++++++++++++++
Acontent/note/2020/09/le-piege-du-moule.json | 10++++++++++
Acontent/note/2020/09/le-piege-du-moule.md | 5+++++
Acontent/note/2020/09/mk-ultra.json | 8++++++++
Acontent/note/2020/09/mk-ultra.md | 5+++++
Acontent/note/2020/09/ron-reagan-jr.json | 8++++++++
Acontent/note/2020/09/ron-reagan-jr.md | 10++++++++++
Mcontent/now.md | 2+-
Acontent/txt/2020/08/aimer-cest-agir.json | 7+++++++
Acontent/txt/2020/08/aimer-cest-agir.md | 40++++++++++++++++++++++++++++++++++++++++
Acontent/txt/2020/09/enfance-en-crise.json | 7+++++++
Acontent/txt/2020/09/enfance-en-crise.md | 42++++++++++++++++++++++++++++++++++++++++++
Mdata/shortlinks.json | 396++++++++++++++++++++++++++++++++++++++++---------------------------------------
Astatic/src/css/atoms/typography/_titles.scss | 21+++++++++++++++++++++
Mstatic/src/css/global/_base.scss | 82+++++++++++++++++++++++++++++++++++++++----------------------------------------
Dstatic/src/css/global/_footer-banner.scss | 4----
Dstatic/src/css/global/_nav.scss | 35-----------------------------------
Dstatic/src/css/global/abstractions/_font-faces.scss | 11-----------
Dstatic/src/css/global/abstractions/_root.scss | 32--------------------------------
Mstatic/src/css/global/tokens/_colors.scss | 33+++++++++++++++++++++++++--------
Dstatic/src/css/global/tokens/_fonts.scss | 30------------------------------
Astatic/src/css/global/tokens/_grid.scss | 4++++
Astatic/src/css/global/tokens/_typography.scss | 19+++++++++++++++++++
Mstatic/src/css/modules/_as-note.scss | 10+++++++---
Mstatic/src/css/modules/_cv.scss | 12+++++++++---
Astatic/src/css/modules/_footer-banner.scss | 10++++++++++
Astatic/src/css/modules/_go-to.scss | 28++++++++++++++++++++++++++++
Astatic/src/css/modules/_grid.scss | 7+++++++
Mstatic/src/css/modules/_h-card.scss | 4----
Mstatic/src/css/modules/_h-entry.scss | 2+-
Mstatic/src/css/modules/_index.scss | 4----
Astatic/src/css/modules/_main.scss | 11+++++++++++
Astatic/src/css/modules/_nav.scss | 76++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mstatic/src/css/modules/_note.scss | 4++--
Mstatic/src/css/styles.scss | 18++++++++++++------
Mtemplates/curriculum-vitae.mustache | 10++++++----
Mtemplates/default-index.mustache | 7++++---
Mtemplates/default.mustache | 20+++++++++++++++++---
Mtemplates/index.mustache | 7++++---
Mtemplates/note-index.mustache | 25+++++++++++++------------
Mtemplates/note.mustache | 4+---
Mtemplates/partials/footer.mustache | 15++++++++-------
Atemplates/partials/go_to.mustache | 14++++++++++++++
Mtemplates/partials/head.mustache | 26+++++++++++++++++++++++---
Mtemplates/partials/nav.mustache | 20++++++++++++--------
Dtemplates/tag.mustache | 31-------------------------------
76 files changed, 837 insertions(+), 484 deletions(-)

diff --git a/content/index.json b/content/index.json @@ -6,7 +6,7 @@ "title":"Hugo Soucy (hs0ucy), développeur Web frontend qui habite la ville de Québec, et ceci est sa page Web", "navigation": { "attributes": ["rel=\"index\""], - "label": "Accueil", + "label": "Intro", "order": 1 } } diff --git a/content/index.md b/content/index.md @@ -5,10 +5,10 @@ Bonjour ! Je m'appelle <strong class="p-name" property="name">Hugo Soucy</strong alt="Hugo Soucy à l'été 2018" class="hs0ucy-photo u-photo" height="409" - src="hs0ucy-2018.png" + src="/images/hs0ucy-2018.png" width="480" /> -<a class="u-url" href="#hs" rel="me">Je</a> suis un <a class="p-job-title" property="jobTitle" href="./file/curriculum-vitae.html">développeur front-end</a> +<a class="u-url u-uid" href="://hugo.soucy.cc/#hs" rel="me">Je</a> suis un <a class="p-job-title" property="jobTitle" href="./file/curriculum-vitae.html">développeur front-end</a> &amp; un <a href="https://soucy.cc/" rel="external">webmestre</a>. Ici, se trouve mon port d'attache en ligne, où je me manifeste généralement sous le pseudo <strong class="p-nickname" property="foaf:nick">hs0ucy</strong>. Je suis surtout présent sur <span typeof="foaf:OnlineAccount" property="foaf:account"><a href="https://bandcamp.com/hs0ucy" property="foaf:accountProfilePage" rel="external nofollow me"><span property="dc:title">Bandcamp</span></a></span>, Freenode, <span typeof="foaf:OnlineAccount" property="foaf:account"><a href="https://mastodon.sdf.org/@hs0ucy" property="foaf:accountProfilePage" rel="external nofollow me"><span property="dc:title">Mastodon</span></a></span> et <a href="https://hugo.soucy.cc/note/2020/06/bye-bye-twitter.html"><s>Twitter</s></a>; j'ai quelques commits sur <span typeof="foaf:OnlineAccount" property="foaf:account"><a href="https://github.com/hs0ucy" property="foaf:accountProfilePage" rel="external nofollow me"><span property="dc:title">GitHub</span></a></span> ([ou à la maison](https://soucy.cc/git/)), et bien sûr, j'ai un compte <span typeof="foaf:OnlineAccount" property="foaf:account"><a href="https://hugo.soucy.cc/note/2020/06/adieu-linkedin.html"><s>LinkedIn</s></a></span>. Hors ligne, on peut me croiser dans les rues de <span typeof="http://schema.org/PostalAddress" property="address"><strong class="p-locality" property="addressLocality">Lévis</strong></span> ou Québec. Sinon, vous pouvez communiquer avec moi par courriel à l'adresse <a href="mailto:hugo@soucy.cc" property="email" rel="me"> <span class="u-email">hugo@soucy.cc</span></a>. diff --git a/content/note/2016/02/what-is-it-about-society-that-disappoints-you-so-much.md b/content/note/2016/02/what-is-it-about-society-that-disappoints-you-so-much.md @@ -1,5 +1,5 @@ -«What is it about society that disappoints you so much?» +«What is it about society that disappoints you so much?» «Oh, i don't know. Is it that we collectively thought Steve Jobs was a great man, when when we knew he made billions off the backs of @@ -13,4 +13,4 @@ because Hunger Games books make us happy but because we wanna be sedated. Because it's painful not to pretend, because we're cowards. Fuck society.» -![ ](mr-fuck-society-700x6786.jpg) +![](/images/mr-fuck-society-700x6786.jpg) diff --git a/content/note/2016/11/would-the-web-s-inventor-give-up-on-free-standards.md b/content/note/2016/11/would-the-web-s-inventor-give-up-on-free-standards.md @@ -2,4 +2,4 @@ «Would the Web's inventor give up on free standards?» ~ <https://u.fsf.org/1zg> #WhatWouldTimblDo #EME -![](dbd-20161109T222000-ebg8v2e.png) +![](/images/dbd-20161109T222000-ebg8v2e.png) diff --git a/content/note/2017/03/appnet-is-another-silo-who-is-shutting-down.md b/content/note/2017/03/appnet-is-another-silo-who-is-shutting-down.md @@ -1,6 +1,6 @@ [App.net](https://app.net/) is another #silo who is shutting down... Join the #IndieWeb. -![](appnet-is-shuttingdown-20170315.jpg) +![](/images/appnet-is-shuttingdown-20170315.jpg) Via [Aaron Parecki](https://aaronparecki.com/). diff --git a/content/note/2017/12/openbsd-mise-a-jour-reussie.md b/content/note/2017/12/openbsd-mise-a-jour-reussie.md @@ -3,4 +3,4 @@ Première fois que je fais une mise à jour #OpenBSD, et ça semble un succès. J'ai passé de la version 6.1 à la version [6.2](https://www.openbsd.org/62.html). -![](openbsd-6.2-600px.jpg) +![](/images/openbsd-6.2-600px.jpg) diff --git a/content/note/2017/12/salut-bien-bas-aux-infimieres-et-infirmiers.md b/content/note/2017/12/salut-bien-bas-aux-infimieres-et-infirmiers.md @@ -3,4 +3,4 @@ Salut bien bas aux infimières & infirmiers du #CHUL (ou d'ailleurs) qui, soignent nos enfants avec coeur et dévouement. Benji vous en doit une ;) -![Benjamin](benji-20171204.jpg) +![Benjamin](/images/benji-20171204.jpg) diff --git a/content/note/2018/01/what-emacs-theme-is-that-3.md b/content/note/2018/01/what-emacs-theme-is-that-3.md @@ -1,4 +1,4 @@ Nice #emacs theme! What's his name? -![Emacs Org-mode screenshot from @kandelvijaya](what-emacs-theme-is-that.jpg) +![Emacs Org-mode screenshot from @kandelvijaya](/images/what-emacs-theme-is-that.jpg) diff --git a/content/note/2018/03/les-pods-diaspora-communiquent.md b/content/note/2018/03/les-pods-diaspora-communiquent.md @@ -4,4 +4,4 @@ faux. Malheureusement, on dirait que le chroniqueur n'a pas vraiment testé les outils dont il parle. ~ <https://diasporafoundation.org/about>. -![About Diaspora*](about-diaspora.png) +![About Diaspora*](/images/about-diaspora.png) diff --git a/content/note/2018/04/cryptoqc-temoignage-de-zuckerberg.md b/content/note/2018/04/cryptoqc-temoignage-de-zuckerberg.md @@ -2,4 +2,4 @@ Il devrait y avoir plus de [@cryptoqc](https://crypto.quebec) partout partout, pour vulgariser les enjeux informatiques globaux! Ils maîtrisent leur sujet et s'expriment clairement. -![Logo de Crypto.Quebec](logo-cryptoqc.png) +![Logo de Crypto.Quebec](/images/logo-cryptoqc.png) diff --git a/content/note/2018/04/presentation-openbsd-concise-et-exhaustive.md b/content/note/2018/04/presentation-openbsd-concise-et-exhaustive.md @@ -2,6 +2,6 @@ présentation concise et exhaustive à la fois, qui s'adresse aux nouveaux utilisateurs d'OpenBSD. -![Help for new OpenBSD users](openbsdjumpstart-cover.jpg) +![Help for new OpenBSD users](/images/openbsdjumpstart-cover.jpg) <http://www.openbsdjumpstart.org/> diff --git a/content/note/2018/06/cotoyer-l-art-vivant-statique.md b/content/note/2018/06/cotoyer-l-art-vivant-statique.md @@ -1,8 +1,8 @@ Par le #vélo, côtoyer l'art public statique à #Vanier. -<img alt="Sculpture d'avion en papier à Vanier" class="u-photo" src="avion-papier-vanier-20180609.jpg"/> +<img alt="Sculpture d'avion en papier à Vanier" class="u-photo" src="/images/avion-papier-vanier-20180609.jpg"/> Et par l'art public vivant, côtoyer le vélo à #Limoilou. -<img alt="Le cirque à vélo avec les Dudes" class="u-photo" src="cirque-a-velo-limoilou-20180609.jpg"/> +<img alt="Le cirque à vélo avec les Dudes" class="u-photo" src="/images/cirque-a-velo-limoilou-20180609.jpg"/> diff --git a/content/note/2018/06/velo-chutes-polices-et-escargots.md b/content/note/2018/06/velo-chutes-polices-et-escargots.md @@ -6,4 +6,4 @@ SQ](https://www.ledevoir.com/politique/canada/529874/beauport-les-manifestants-a Dans un cas, comme dans le l'autre, j'ai pris bien soin de les contourner. -![Mon vélo au pied des chutes montmorency](velo-aux-chutes-montmorency-20180608.jpg) +![Mon vélo au pied des chutes montmorency](/images/velo-aux-chutes-montmorency-20180608.jpg) diff --git a/content/note/2018/07/madeleine-et-ses-vetements.md b/content/note/2018/07/madeleine-et-ses-vetements.md @@ -1,4 +1,4 @@ -![](parenthood-movie-poster.jpg) +![](/images/parenthood-movie-poster.jpg) Ma fille de 4 ans aime choisir ses vêtements, et ce, depuis très longtemps. Elle sait très bien ce qu'elle veut porter (et c'est très @@ -30,4 +30,3 @@ La parentalité c'est un peu plonger dans son histoire: c'est voir en nous nos parents, et c'est percevoir notre reflet en nos enfants; c'est être confronté aux réalités biologiques, psycologiques (spirituelles) et sociétales de son époque. - diff --git a/content/note/2018/07/une-autre-balade-aux-chutes.md b/content/note/2018/07/une-autre-balade-aux-chutes.md @@ -2,6 +2,6 @@ Une autre balade aux chutes Montmorency, avec des photos d'un peu plus près ... c'était rafraîchissant en ce matin de canicule. -![](chutes-montmorency-20180705-00.jpg) +![](/images/chutes-montmorency-20180705-00.jpg) -![](chutes-montmorency-20180705-01.jpg) +![](/images/chutes-montmorency-20180705-01.jpg) diff --git a/content/note/2018/07/vive-le-quebec-vive-la-creation-vive-luniversel.md b/content/note/2018/07/vive-le-quebec-vive-la-creation-vive-luniversel.md @@ -8,4 +8,4 @@ Créer en étant nous-même (qui on veut, local), pour toucher l'universel (la grâce); pour abattre des cloisons et non en ériger de nouvelles! -![Claude Gauvreau, avis de décès](gauvreau_claude_1971_07_07.jpg) +![Claude Gauvreau, avis de décès](/images/gauvreau_claude_1971_07_07.jpg) diff --git a/content/note/2018/09/abonnement-a-distance-a-rezodevfacilservices.md b/content/note/2018/09/abonnement-a-distance-a-rezodevfacilservices.md @@ -5,4 +5,4 @@ Mastodon](https://rezo.dev.facil.services)? Sinon j'ai essayé de suivre à distance un utilisateur de [rezo.dev.facil.services](https://rezo.dev.facil.services) & obtenu cette erreur: -<img alt="Malheureusement, il y a eu une erreur en cherchant les détails du compte distant" class="u-photo" src="mastodon-abonnement-distance.png"/> +<img alt="Malheureusement, il y a eu une erreur en cherchant les détails du compte distant" class="u-photo" src="/images/mastodon-abonnement-distance.png"/> diff --git a/content/note/2018/11/plusieurs-remote-origin-avec-git.md b/content/note/2018/11/plusieurs-remote-origin-avec-git.md @@ -7,7 +7,7 @@ GitHub et NotABug simultanément: git remote set-url --add --push origin git@notabug.org:hs0ucy/hugo.soucy.cc.git -![](git-config-pushurl.png) +![](/images/git-config-pushurl.png) À partir de là un `git push origin` exportera mes changements vers ces deux destinations. diff --git a/content/note/2019/04/essaie-du-theme-cyberpunk2019.md b/content/note/2019/04/essaie-du-theme-cyberpunk2019.md @@ -3,4 +3,4 @@ Ces jours-ci, je laisse de coté le thème [Dracula](https://draculatheme.com/) pour tester [Cyberpunk 2019](https://github.com/the-frey/cyberpunk-2019) dans #Emacs et #iTerm. -<img alt="Cyberpunk 2019 theme for Emacs & iTerm" class="u-photo" src="theme-cyberpunk2019.png" /> +<img alt="Cyberpunk 2019 theme for Emacs & iTerm" class="u-photo" src="/images/theme-cyberpunk2019.png" /> diff --git a/content/note/2020/02/si-jetais-les-femmes.md b/content/note/2020/02/si-jetais-les-femmes.md @@ -1,4 +1,4 @@ -Si j'étais les femmes, je ferais la grève de toute! +Si j'étais les #femmes, je ferais la grève de toute! <!-- Jusqu'à l'épiphanie de la macho-machine qui, soudainement comprendrait --> <!-- que cette moitié de l'humanité est importante, essentielle et --> diff --git a/content/note/2020/03/decouverte-st-et-tmux.md b/content/note/2020/03/decouverte-st-et-tmux.md @@ -8,4 +8,4 @@ copier sans me ramasser avec du contenu de la colonne voisine. Je suppose que la solution la plus simple est de *zoomer* (`Ctrl+b z`) le panneau dans lequel je veux copier le contenu? -![Capture de mon émulateur de terminal st avec tmux](st-tmux-capture.png) +![Capture de mon émulateur de terminal st avec tmux](/images/st-tmux-capture.png) diff --git a/content/note/2020/08/coop-salaires-egales.md b/content/note/2020/08/coop-salaires-egales.md @@ -1,6 +1,6 @@ Il me paraît étrange et paradoxale que, dans une entreprise dite -démocratique comme dans les #coopératives, on désire maintenir une +démocratique comme dans une #coopérative, on désire maintenir une hiérarchie salariale, tout en faisant la promotion d'un mode de gouvernance horizontal. diff --git a/content/note/2020/08/firefox-chercher-dans-les-onglets.md b/content/note/2020/08/firefox-chercher-dans-les-onglets.md @@ -10,7 +10,7 @@ de se retrouver ... et je viens justement de découvrir comment faire :) * `Ctrl-l` pour accéder à la barre d'adresse (focus). * `%` pour que soit retourné seulement les onglets ouverts. -![Capture d'écran d'une recherche dans les onglets](firefox-search-in-open-tabs.png) +![Capture d'écran d'une recherche dans les onglets](/images/firefox-search-in-open-tabs.png) Sinon voici une liste des autres opérateurs disponibles pour la barre d'adresse: diff --git a/content/note/2020/08/pcu-2.json b/content/note/2020/08/pcu-2.json @@ -0,0 +1,8 @@ +{ + "title": "PCU", + "date": "2020-08-30", + "datetime": "11:34:20", + "template": "note", + "bridgy": "true", + "keywords": ["PCU","politique","covid-19","salariat"] +} diff --git a/content/note/2020/08/pcu-2.md b/content/note/2020/08/pcu-2.md @@ -0,0 +1,19 @@ + +Pourquoi les gens restent sur la #PCU? + +* Parce que les salaires n'ont pas suivi le coût de la vie! +* Parce que beaucoup de jobs sont [des jobs de marde](http://www.internetactu.net/2019/09/24/pourquoi-le-travail-est-il-devenu-absurde/)! +* Parce que faire 30 KM par jour pour aller travailler, parce qu'on + vit en banlieue, parce que habiter en ville près de notre travail ce + n'est pas abordable. +* Parce que si mon enfant à le rhume [il ne pourra plus aller au + CPE](<https://www.lesoleil.com/chroniques/mylene-moisan/des-garderies-vides-a-lautomne-4ee5faecdb1d8e8dcc99de967e481250>) + ou à l'école. + +De plus, le travail n'est pas un but en soit ... L'humain a plutôt +besoin de se nourrir, se loger, s'habiller, s'instruire, prendre soin +des siens, créer des liens, créer, aimer, etc. + +Ces gens ne sont pas paresseux, ils sont rationnels! + +&#128567; #polcan #polqc #covid diff --git a/content/note/2020/09/avaler-la-couleuvre.json b/content/note/2020/09/avaler-la-couleuvre.json @@ -0,0 +1,8 @@ +{ + "title": "Avaler la couleuvre", + "date": "2020-09-28", + "datetime": "12:50:05", + "template": "note", + "bridgy": "true", + "keywords": ["humeur","politique"] +} diff --git a/content/note/2020/09/avaler-la-couleuvre.md b/content/note/2020/09/avaler-la-couleuvre.md @@ -0,0 +1,16 @@ + +Recette de relation public 101 (AKA faire avaler la couleuvre) ... + +1. Pendant plusieurs jours, parler du déficit post-covid sur un ton +inquiétant à toutes les tribunes. + +2. Ensuite faire un sondage sur le sujet avec de belles questions bien +dirigées (genre souricière) qui, vont faire ressortir l'importance du +sujet chez les répondants. + +3. Pour finalement permettre aux politiciens et aux chroniqueurs +d'utiliser le dit sondage comme une soit disant preuve que les gens +sont préoccupés par ce terrible déficit, ce qui serait à leurs yeux un +feu vert pour appliquer des mesures d'austérité. + +N'est-ce pas magique la magie?! diff --git a/content/note/2020/09/enfance-en-crise.json b/content/note/2020/09/enfance-en-crise.json @@ -0,0 +1,8 @@ +{ + "title": "Enfance en crise", + "date": "2020-09-04", + "datetime": "13:08:22", + "template": "note", + "bridgy": "true", + "keywords": ["enfants","unicef","canada"] +} diff --git a/content/note/2020/09/enfance-en-crise.md b/content/note/2020/09/enfance-en-crise.md @@ -0,0 +1,6 @@ + +Selon le Fonds des Nations unies pour l’enfance (#UNICEF), au #Canada, il y +aurait "un faible degré de satisfaction des enfants à l’égard de la +vie". &#128575; + +<https://www.unicef.ca/fr/press-release/le-canada-se-place-dans-le-tiers-inferieur-du-classement-des-pays-riches-selon-un> #polqc #polca diff --git a/content/note/2020/09/jimmy-le-vil.json b/content/note/2020/09/jimmy-le-vil.json @@ -0,0 +1,8 @@ +{ + "title": "Jimmy le vil", + "date": "2020-09-02", + "datetime": "09:57:20", + "template": "note", + "bridgy": "true", + "keywords": ["Jimmy Savile","Pédophile","Démon","Jeffrey Epstein"] +} diff --git a/content/note/2020/09/jimmy-le-vil.md b/content/note/2020/09/jimmy-le-vil.md @@ -0,0 +1,17 @@ + +Hier, j'ai pris connaissance des +[horreurs](https://www.parismatch.com/Actu/Faits-divers/Les-horreurs-de-Jimmy-Savile-571838) +que **Jimmy Savile** a commit. + +C'est difficile de ne pas faire le lien avec **Jeffrey Epstein**. Et +un second lien avec la famille royale britannique, avec qui ces deux +démons avaient des amitiés ... Le prince Andrew avec #Epstein et +[Charles avec Savile](https://www.theguardian.com/media/2012/oct/29/jimmy-savile-behaviour-prince-charles). + +Que dire de la protection providentielle dont ces deux pédophiles ont +bénéficié et l'omerta autour de leurs horribles moeurs. Notamment +l'apathie complice de la BBC, l'employeur de #Savile. + +Sinon, on a froid dans le dos en pensant à tous ces autres trous de +cul mafieux qui, continuent leurs abus sexuels, protégés par des +parapluies dorés! &#128545; diff --git a/content/note/2020/09/le-piege-du-moule.json b/content/note/2020/09/le-piege-du-moule.json @@ -0,0 +1,10 @@ +{ + "title": "le piège du moule", + "date": "2020-09-02", + "datetime": "09:20:48", + "template": "note", + "bridgy": "true", + "keywords": ["chanson","Jérôme 50"], + "cite": "Jérôme 50, La hiérarchill", + "citeurl": "https://jerome50.bandcamp.com/track/la-hi-rarchill-2" +} diff --git a/content/note/2020/09/le-piege-du-moule.md b/content/note/2020/09/le-piege-du-moule.md @@ -0,0 +1,5 @@ + +"Dans le piège du moule-moule-moule<br/> +Je ne veux plus y aller maman<br/> +Des gens bien serviles-viles-viles<br/> +M’ont fait trop pleurer maman" diff --git a/content/note/2020/09/mk-ultra.json b/content/note/2020/09/mk-ultra.json @@ -0,0 +1,8 @@ +{ + "title": "MK-Ultra, une page sombre de l'histoire de la CIA", + "date": "2020-09-03", + "datetime": "10:18:15", + "template": "note", + "bridgy": "true", + "keywords": ["MK-Ultra","Neuralink","CIA"] +} diff --git a/content/note/2020/09/mk-ultra.md b/content/note/2020/09/mk-ultra.md @@ -0,0 +1,5 @@ +Je sais pas pourquoi, mais #Neuralink me fait penser à #MKultra +... Bizarre hein?! + +"MK-Ultra, une page sombre de l’histoire de la #CIA" +<https://ici.radio-canada.ca/premiere/emissions/aujourd-hui-l-histoire/segments/entrevue/195189/mk-ultra-page-sombre-cia-karine-premont>. diff --git a/content/note/2020/09/ron-reagan-jr.json b/content/note/2020/09/ron-reagan-jr.json @@ -0,0 +1,8 @@ +{ + "title": "Ron Reagan Jr", + "date": "2020-09-28", + "datetime": "13:34:41", + "template": "note", + "bridgy": "true", + "keywords": ["politique","athéisme","religion"] +} diff --git a/content/note/2020/09/ron-reagan-jr.md b/content/note/2020/09/ron-reagan-jr.md @@ -0,0 +1,10 @@ +"Le fils de Ronald Reagan, figure de proue des non-croyants +américains" ~ +<https://www.ledevoir.com/monde/etats-unis/586758/serie-la-croisade-athee-le-fils-de-ronald-reagan-figure-de-proue-des-non-croyants> #pol #uspol + +> «Mon père a signé une loi autorisant l’avortement, il a haussé les +> taxes après les avoir réduites, a donné l’amnistie à 3 millions +> d’immigrants », signalait-il à l’émission de Bill Maher en 2015. «Et +> quand un trou s’est formé dans la couche d’ozone au-dessus du pôle Sud +> [...], il n’a pas décidé que c’était un complot de la gauche pour nous +> priver de bière froide et il a agi!» diff --git a/content/now.md b/content/now.md @@ -25,7 +25,7 @@ toujours celui qu'on croit. <img alt="Papa fait la lecture du Trésor de Rackham le Rouge" - src="papa-lecteur-2019.jpg" + src="/images/papa-lecteur-2019.jpg" width="320px" /> ## Mes projets maison ## diff --git a/content/txt/2020/08/aimer-cest-agir.json b/content/txt/2020/08/aimer-cest-agir.json @@ -0,0 +1,7 @@ +{ + "title": "Aimer c'est agir", + "date": "2020-08-31", + "datetime": "12:10:25", + "bridgy": "true", + "keywords": ["humeur","environnement","action"] +} diff --git a/content/txt/2020/08/aimer-cest-agir.md b/content/txt/2020/08/aimer-cest-agir.md @@ -0,0 +1,40 @@ +Aimer, c'est agir +================= + +L'expression "aimer, c'est agir", que l'on attribue à Victor Hugo, a +croisé mon chemin deux fois aujourd'hui. + +Je ne l'avais jamais entendu auparavant. + +Souvent, sans que nous n'en ayons connaissance, parce que la friture +des canaux de l'ordre établi nous écrasent de mauvaises nouvelles ou +d'insignifiances, moulte et moulte personnes agissent pour l'amour des +écosystèmes et de la biodiversité de leur planète. + +D'autres par amour, résistent par toute sorte de moyens à la dystopie +qu'est en train de nous écrire les #GAFAMs. + +Et pléthore encore, chantent partout la pomme à la justice sociale +pour combattre l'intolérance et les inégalités ... On appelle ça +l'amour de son prochain. + +Dans nos vies remplies par le salariat et nos autres obligations, ce +n'est pas toujours facile de se mettre en action pour tout ce qui fait +l'objet de notre amour. Nous ne devrions pas nous culpabiliser pour +cela, mais plutôt être reconnaissant envers tous ceux qui s'y +activent. + +De toute façon, on finit toujours par se fatiguer à prétendre aimer, +comme cliquer sur ce pouce en l'air pour s'exhiber la morale et +laisser les autres agir à notre place. + +> "I guess anybody could do it, but nobody does Miles. Ends up with +> everybody complaining because nobody did what anybody could've done +> or should've done to begin with." +- Robert McCall (Denzel Washington), The Equalizer 2 movie. + +--- + +* [Facebook is a 'parallel universe' of lies and minisformation crafted to deliver the election to Trump](https://boingboing.net/2020/08/31/facebook-is-a-parallel-unive.html). +* [Pour saluer VLB](https://www.ledevoir.com/opinion/chroniques/585085/pour-saluer-vlb). +* [Christine Beaulieu, au-delà de *J'aime Hydro*](https://ici.radio-canada.ca/premiere/emissions/le-21e/segments/entrevue/156966/christine-beaulieu-jaime-hydro-theatre-carriere). diff --git a/content/txt/2020/09/enfance-en-crise.json b/content/txt/2020/09/enfance-en-crise.json @@ -0,0 +1,7 @@ +{ + "title": "Pas de bienveillance pour l'enfance", + "date": "2020-09-04", + "datetime": "10:14:52", + "bridgy": "true", + "keywords": ["enfant","canada","unicef"] +} diff --git a/content/txt/2020/09/enfance-en-crise.md b/content/txt/2020/09/enfance-en-crise.md @@ -0,0 +1,42 @@ +Pas de bienveillance pour l'enfance +=================================== + +Selon l'#UNICEF, les enfants ne vont pas très bien au Canada! &#128543; + +> Le bilan dévoilé par le Fonds des Nations unies pour l’enfance, qui +> évalue la situation des enfants et des jeunes âgés de moins de 18 ans +> dans les pays riches, a classé **le Canada à la 30e place sur 38 pays**. + +Difficile de faire semblant que *tout va bien madame la marquise* dans +*le plus meilleur pays du monde*! + +Par contre, il y a toujours de l'argent pour sauver Bombardier, les +banques, le cirque du soleil et autres assités sociaux corporatifs. Il +y a toujours du bacon pour les éléphants-blancs comme le centre +vidéotron et le troisième lien. Il y a toujours de l'argent pour les +ti-amis du 1% et leurs écoles privées. + +Mais si vous avez le malheur d'être un enfant, un vieux en CHSLD, une +personne issue des première nations ou tout autre "improductif" (selon +les critères de notre bon vieux système nélolibéral capitaliste), vous +n'avez le droit qu'aux miettes qu'on veut bien vous laisser pour +survivre. + +La pandémie de covid nous a mis en pleine face le manque d'empathie et +de bienveillance que nous avons face à nos vieux. Idem pour les +enfants, dans ce que dévoile le rapport de l'UNICEF. + +> Le rapport souligne que **le Canada se classe particulièrement mal** +> par rapport aux autres pays riches à cause de son taux de mortalité +> infantile de 0,98 décès pour 1000 naissances, du **faible degré de +> satisfaction des enfants à l’égard de la vie**, ainsi que des +> problèmes de surpoids ou d’obésité. + +Ces jeunes ils peuvent bien aller à l'école le ventre vide. Et là-bas, +ils peuvent bien avoir du plomb dans l'eau, et du plomb dans +l'aile. On s'en fout! On est trop occuper à remplir les poches du 1%, +pour ensuite le soir, se vider la tête avec des séries Netflix. + +--- + +Source: <https://www.ledevoir.com/societe/585294/l-enfance-est-en-crise-au-canada-indiquent-deux-rapports> diff --git a/data/shortlinks.json b/data/shortlinks.json @@ -1,222 +1,232 @@ { - "/note/2020/08/coop-salaires-egales.html":"5q", - "/note/2016/04/tiens-tiens-tiens-le-projet-gnu-revamp-la-page-web.html":"37", - "/note/2017/03/revanche-des-librairies-independantes.html":"2h", - "/note/2018/12/laisse-le-fatbike-a-la-maison.html":"4f", - "/note/2019/04/essaie-du-theme-cyberpunk-2019.html":"4v", + "/note/2020/09/ron-reagan-jr.html":"5C", + "/note/2017/09/le-poil-de-la-bete.html":"B", + "/note/2018/05/blockchain-and-the-future-of-the-internet.html":"3N", + "/txt/2018/02/un-raccourcisseur-d-url-pour-site-statique.html":"3w", + "/note/2020/08/webmention-test-for-lopeztel.html":"5n", + "/note/2018/06/velo-chutes-polices-et-escargots.html":"3Q", + "/note/2017/06/le-velo-cest-dangereux.html":"P", + "/note/2018/03/thanks-to-qb1t-about-cabal.html":"3v", + "/note/2017/09/lesbricodeurs-jaime-votre-nom.html":"D", + "/note/2017/05/pandoc-for-openbsd.html":"T", + "/note/2020/08/jamais-du-cote-de-l-empire.html":"5m", + "/note/2020/02/test-websub.html":"5", + "/note/2018/09/concretiser-mastodonquebec-et-mammouthquebec.html":"43", + "/note/2016/12/larnaque-de-la-dictature-bancaire-continue.html":"2v", + "/note/2020/02/si-jetais-les-femmes.html":"4L", + "/note/2020/02/jaime-regler-des-bogues.html":"4Q", + "/note/2017/01/how-machines-learned-to-speak-human-language.html":"2j", + "/note/2016/08/openbsd-pour-tous.html":"2N", + "/note/2018/05/location-api-surveillance.html":"3L", + "/note/2017/04/duckduckgo-hacks-for-developers.html":"Z", + "/note/2020/02/confiture-dabricot.html":"4K", + "/note/2020/09/avaler-la-couleuvre.html":"5B", + "/note/2018/01/test-vers-mastodon-v2.html":"9", + "/albums-preferes.html":"22", + "/ce-site-web-explique-markdown.html":"t", + "/note/2018/02/ah-zut-va-falloir-que-je-m-assume.html":"3s", + "/note/2017/03/poutine-et-bal-masque.html":"2g", "/note/2016/09/radio-canada-publicitaire-pour-apple.html":"2K", - "/note/2020/02/power-of-passive.html":"4Y", - "/note/2018/01/what-emacs-theme-is-that-3.html":"6", - "/note/2017/05/utilisation-des-variables-css.html":"R", - "/note/2020/02/pixels-avec-decimals.html":"54", - "/note/2017/03/appnet-is-another-silo-who-is-shutting-down.html":"27", - "/note/2018/01/reflechissez-avant-de-poster.html":"3", - "/note/2016/04/encore-une-fois-je-viens-de-supprimer-mon-compte-facebook.html":"38", - "/note/2016/08/shipping-is-a-feature.html":"2X", - "/note/2017/12/normaliser-la-meute.html":"k", - "/note/2019/12/cactus-pour-capter-l-humidite.html":"4H", - "/note/2019/07/main-invisible-du-marche.html":"4G", - "/note/2018/12/goodbye-edgehtml.html":"4h", - "/note/2016/05/jeunes-liberaux-ringards.html":"35", - "/note/2018/12/please-support-mozilla.html":"4j", - "/note/2020/02/pause-de-twitter.html":"4Z", - "/note/2017/07/why-the-indie-web-movement-is-so-important.html":"H", - "/note/2016/08/add-key-bindings-to-moving-faster-between-emacs-windows.html":"2M", - "/now.html":"4V", - "/note/2016/08/snowden-pardon-petition-on-facebook.html":"2Q", - "/note/2016/11/would-the-web-s-inventor-give-up-on-free-standards.html":"2w", - "/note/2017/10/reply-to-saralfddin93-for-status-914965952898457600.html":"w", - "/note/2020/02/jonathan-wilkinson-ensuite-steven-guilbeault.html":"4R", - "/note/2018/11/trunk-to-massfollow-on-the-fediverse.html":"4c", - "/note/2016/06/nous-sommes-eduques-a-croire.html":"32", + "/note/2018/05/robespierre-les-subsistances-1792.html":"3H", "/note/2018/02/m4-bakery-make-and-m4-static-website-generator.html":"3r", - "/note/2016/11/indieweb-make-your-social-media-posts-open-first.html":"2z", - "/note/2016/12/le-travail-aujourdhui-est-en-voie-de-disparition.html":"2t", - "/note/2017/06/using-css-variables-correctly.html":"K", - "/note/2018/04/yo-yoyo.html":"3B", - "/note/2020/08/firefox-chercher-dans-les-onglets.html":"5f", - "/file/curriculum-vitae.html":"cv", - "/note/2016/02/what-is-it-about-society-that-disappoints-you-so-much.html":"3c", - "/note/2018/04/cryptoqc-temoignage-de-zuckerberg.html":"3G", - "/note/2020/08/have-multiple-eshells-in-emacs.html":"5j", - "/note/2016/08/everybody-should-be-twitter-verified.html":"2W", - "/txt/2014/04/bronto-politiciens-de-silos.html":"3j", - "/note/2020/02/test-websub.html":"5", + "/note/2019/09/dit-moi-de-quoi.html":"4D", + "/note/2016/10/linux-foundation-takes-javascript-under-its-wings.html":"2C", + "/note/2016/06/nous-sommes-eduques-a-croire.html":"32", + "/note/2016/08/snowden-pardon-petition-on-facebook.html":"2Q", "/note/2018/04/le-temps-dune-chasse.html":"3C", + "/note/2019/01/why-im-worried-about-google.html":"4n", + "/note/2019/06/coreens-pour-enfer-russe.html":"4z", + "/note/2020/02/xenophobie-vs-racisme.html":"4T", + "/note/2019/04/essaie-du-theme-cyberpunk2019.html":"4w", + "/note/2016/01/tiens-un-article-sur-le-darknet-que-plusieurs-devraient-lire.html":"3d", + "/note/2016/09/why-we-use-progressive-enhancement-to-build-gov-uk.html":"2G", + "/note/2020/02/un-autre-test.html":"52", + "/txt/2020/04/autoheberger-ses-depots-git.html":"58", + "/note/2017/04/fait-le-respirer-un-peu-ton-code.html":"2", "/note/2018/05/bandes-cyclables-limoilou.html":"3K", - "/note/2018/07/tant-de-manieres-de-fuire.html":"3W", - "/note/2018/04/presentation-openbsd-concise-et-exhaustive.html":"3y", - "/note/2017/09/le-poil-de-la-bete.html":"B", - "/note/2020/08/floss-au-gouvernement-du-quebec.html":"5p", - "/note/2020/02/le-syndicalisme-selon-taillefer.html":"4W", - "/txt/2019/04/flux-atom-rss-de-firefox-a-elfeed.html":"4x", - "/note/2018/09/concretiser-mastodonquebec-et-mammouthquebec.html":"43", - "/note/2018/01/test-vers-mastodon.html":"b", - "/note/2016/11/browsers-not-apps-are-the-future-of-mobile.html":"2y", "/note/2017/05/retirer-la-couche-pandoc-de-fakestache-ssg.html":"S", - "/note/2018/08/demission-de-nicolas-hulot.html":"3_", - "/note/2016/02/encryption-is-the-nsas-friend-20160127nsa_loves_it_when_you_use_pgp.html":"3b", - "/ferron.html":"59", + "/note/2020/02/power-of-passive.html":"4Y", "/note/2018/10/design-of-lua.html":"4b", - "/note/2019/03/passe-a-openbsd-64.html":"4s", - "/note/2017/12/mother-s-maiden-name-not-secure.html":"g", "/note/2018/01/premier-pullrequest-lua-accepte.html":"4", - "/note/2019/04/essaie-du-theme-cyberpunk2019.html":"4w", + "/note/2016/05/jeunes-liberaux-ringards.html":"35", + "/note/2018/04/test-de-rponse-sur-mastodonsocial.html":"3F", + "/note/2016/12/michel-chartrand-aurait-eu-cent-ans-hier.html":"2r", "/note/2016/10/who-pays-for-the-decentralized-web.html":"2D", - "/note/2018/07/une-autre-balade-aux-chutes.html":"3T", - "/note/2017/01/la-ville-facteur-majeur-d-evolution-des-especes.html":"2q", - "/note/2017/03/si-les-etats-unis-envahissaient-le-canada.html":"2f", - "/note/2018/09/what-is-activitypub.html":"42", - "/note/2020/02/lost-connection-to-the-earth.html":"4X", - "/note/2019/09/dit-moi-de-quoi.html":"4D", - "/note/2016/08/openbsd-pour-tous.html":"2N", - "/note/2016/05/justin-jackson-is-a-fucking-webmaster.html":"34", - "/note/2016/09/ma-vie-obeit-a-l-attraction-des-livres-nikolski-nicolas-dickner.html":"2F", - "/note/2019/06/je-me-souviens-la.html":"4y", - "/note/2017/05/switching-to-openbsd.html":"Y", - "/note/2018/05/robespierre-les-subsistances-1792.html":"3H", + "/note/2016/08/add-key-bindings-to-moving-faster-between-emacs-windows.html":"2M", + "/note/2018/02/the-radical-idea-of-a-world-without-jobs.html":"2", + "/note/2016/08/matane-budget-participatif.html":"2Y", + "/note/2019/11/shell-script-compiler-et-surveiller-le-scss.html":"4J", + "/note/2017/05/utilisation-des-variables-css.html":"R", + "/ferron.html":"59", + "/note/2016/08/vimgifs-et-emacs_gifs.html":"2T", + "/note/2018/01/ceci-n-est-qu-un-test-de-publication-websub.html":"8", + "/note/2019/01/hi-noorul.html":"4m", + "/note/2017/05/twitter-partage-vos-donnees-personnelles.html":"Q", + "/note/2016/08/m4-as-css-pre-processor.html":"2Z", + "/note/2016/08/shipping-is-a-feature.html":"2X", + "/note/2020/08/floss-au-gouvernement-du-quebec.html":"5p", + "/file/pgp.html":"3m", + "/note/2016/08/quoi-ce-n-est-pas-des-femmes-grenouilles.html":"2L", + "/note/2016/08/pokemon-go-et-societe-de-surveillance.html":"2P", + "/note/2018/09/abonnement-a-distance-a-rezodevfacilservices.html":"44", + "/note/2020/02/pause-de-twitter.html":"4Z", "/note/2017/03/vuejs-templates-a-maintenant-son-mode-dans-emacs.html":"2d", - "/note/2018/10/now-i-get-it-emacs-is-the-best.html":"49", - "/note/2018/09/omg-quelquun-a-structure-ma-pensee.html":"47", + "/note/2018/11/trunk-to-massfollow-on-the-fediverse.html":"4c", + "/note/2016/12/le-travail-aujourdhui-est-en-voie-de-disparition.html":"2t", + "/note/2017/12/betty-davis-is-wonderwoman.html":"m", + "/note/2018/08/demission-de-nicolas-hulot.html":"3_", "/note/2020/02/Etat-de-droit-mon-cul.html":"53", - "/note/2017/10/why-we-sleep.html":"z", - "/note/2017/04/fait-le-respirer-un-peu-ton-code.html":"2", - "/note/2019/04/rss-is-better-than-twitter.html":"4t", - "/note/2018/09/expect-to-be-tracked-anyway.html":"4", - "/note/2018/02/ceci-est-le-test-2.html":"3q", - "/note/2016/08/quoi-ce-n-est-pas-des-femmes-grenouilles.html":"2L", - "/note/2020/06/bye-bye-twitter.html":"5b", + "/note/2018/04/cryptoqc-temoignage-de-zuckerberg.html":"3G", + "/note/2018/01/test-vers-mastodon.html":"b", + "/note/2019/07/main-invisible-du-marche.html":"4G", + "/note/2017/10/setup-a-desktop-environment-under-openbsd-with-xfce.html":"s", + "/note/2017/05/mg-is-micro-gnu-emacs.html":"V", + "/note/2019/06/je-me-souviens-la.html":"4y", + "/note/2020/09/le-piege-du-moule.html":"5v", + "/txt/2014/04/bronto-politiciens-de-silos.html":"3j", + "/note/2017/06/sesame-street-lgbt-pride.html":"L", + "/txt/2014/02/les-partis-politiques-nuisent-ils-a-la-democratie.html":"3k", + "/note/2017/03/presentation-de-manuel-un-task-runner-bash.html":"2b", + "/note/2017/09/lesbricodeurs-replyto-status-909427743573577728.html":"C", + "/txt/bash/2017/03/manuel-taskrunner.html":"2c", + "/note/2017/07/why-the-indie-web-movement-is-so-important.html":"H", + "/note/2016/08/everybody-should-be-twitter-verified.html":"2W", + "/note/2019/08/our-deficiencies.html":"4B", "/note/2019/10/une-nouvelle-version-de-salut-a-toi.html":"4F", + "/note/2016/08/ssh-chat-server-written-ingo.html":"2R", + "/note/2020/08/pcu-2.html":"5s", "/note/2020/06/adieu-linkedin.html":"5c", - "/note/2017/06/politique-numerique-que-jaimerais.html":"N", - "/note/2018/04/est-ce-que-facil-a-une-canal-irc.html":"3z", - "/note/2016/09/ce-que-le-quebec-gagnerait-a-nationaliser-internet.html":"2J", - "/note/2020/08/webmention-test-for-lopeztel.html":"5n", - "/note/2017/01/3-500-proces-au-cours-des-30-dernieres-annees.html":"2k", - "/note/2020/08/lautoreferencement-de-google.html":"5d", - "/note/2017/03/presentation-de-manuel-un-task-runner-bash.html":"2b", - "/note/2018/01/orbots-16th-makes-using-tor-on-android-better.html":"f", - "/note/2020/02/si-jetais-les-femmes.html":"4L", - "/note/2018/04/test-de-rponse-sur-mastodonsocial.html":"3F", - "/note/2018/08/publier-sur-le-web-avec-simplicite.html":"3Z", - "/note/2017/05/pandoc-for-openbsd.html":"T", + "/note/2018/12/goodbye-edgehtml.html":"4h", + "/note/2017/10/test-de-repost-en-posse-3.html":"v", + "/note/2017/05/fai-associatifs-au-canada.html":"W", + "/note/2020/08/coop-salaires-egales.html":"5q", + "/note/2018/01/reflechissez-avant-de-poster.html":"3", + "/note/2017/03/vider-le-filelist-dun-input-type-file.html":"28", + "/note/2018/07/madeleine-et-ses-vetements.html":"3V", + "/note/2016/08/programming-languages-hyperpolyglot.html":"2V", + "/note/2019/01/for-the-love-of-pipes.html":"4p", + "/note/2017/04/updating-all-packages-in-go.html":"_", + "/note/2017/11/rip-au-capitaine-crochet-de-la-pop-quebecoise.html":"q", + "/note/2016/07/emacs-sort-delete-matching-duplicate-lines.html":"3", + "/note/2017/10/why-we-sleep.html":"z", + "/note/2020/09/mk-ultra.html":"5x", + "/note/2019/02/follow-a-style-guide.html":"4q", + "/note/2020/06/bye-bye-twitter.html":"5b", + "/note/2016/08/nathalie-normandeau-et-la-radio-de-quebec.html":"2S", + "/note/2018/09/reponse-au-tweet-1043158958469537794.html":"46", + "/note/2017/06/100-millions-de-certificats-pour-lets-encrypt.html":"J", + "/note/2019/08/react.html":"4C", + "/note/2016/05/indieweb-in-a-nutshellown-your-identity-domain-website-content-uiux.html":"36", + "/note/2016/11/would-the-web-s-inventor-give-up-on-free-standards.html":"2w", + "/note/2018/11/plusieurs-remote-origin-avec-git.html":"4d", + "/note/2018/07/tant-de-manieres-de-fuire.html":"3W", "/txt/openbsd/2017/11/aide-memoire-openbsd.html":"r", - "/note/2017/06/le-velo-cest-dangereux.html":"P", - "/note/2017/06/petite-contribution-bash-au-task-runner-manuel.html":"M", - "/note/2019/02/born-from-stardust.html":"4r", + "/note/2019/04/rss-is-better-than-twitter.html":"4t", + "/note/2016/02/what-is-it-about-society-that-disappoints-you-so-much.html":"3c", + "/txt/2020/08/aimer-cest-agir.html":"5t", + "/note/2016/09/ma-vie-obeit-a-l-attraction-des-livres-nikolski-nicolas-dickner.html":"2F", + "/note/2018/09/merci-pierasselin-pour-le-retweet.html":"45", + "/note/2017/01/lemprise-de-wallstreet-sur-trump.html":"2p", + "/note/2018/04/presentation-openbsd-concise-et-exhaustive.html":"3y", + "/note/2018/07/vive-le-quebec-vive-la-creation-vive-luniversel.html":"3Y", + "/note/2017/12/halt-and-catch-fire-soundtrack.html":"h", + "/note/2018/04/parti-rhinoceros-sur-wikipedia.html":"3D", + "/note/2016/03/javascript-vanille-underscorejs-font-selon-moi-une-excellente-quipe-youmightnotneedjquery-webdev.html":"39", + "/note/2017/06/using-css-variables-correctly.html":"K", + "/note/2017/11/les-voyants-riront-de-ne-plus-avoir-de-pieds.html":"p", "/txt/emacs/2015/06/emacs-101-la-configuration.html":"3f", - "/note/2017/12/betty-davis-is-wonderwoman.html":"m", - "/note/2018/02/return-of-the-decentralized-web.html":"3t", - "/txt/emacs/2015/06/emacs-101-l-introduction.html":"3g", - "/note/2017/12/salut-bien-bas-aux-infimieres-et-infirmiers.html":"j", - "/note/2019/01/why-im-worried-about-google.html":"4n", + "/note/2018/01/orbots-16th-makes-using-tor-on-android-better.html":"f", + "/txt/2014/09/mes-logiciels-libres-preferes.html":"3h", "/note/2018/06/youre-not-that-big-a-deal.html":"3P", - "/note/2018/03/thanks-to-qb1t-about-cabal.html":"3v", - "/note/2018/06/cotoyer-l-art-vivant-statique.html":"3S", - "/note/2020/02/un-autre-test.html":"52", - "/txt/2018/02/un-raccourcisseur-d-url-pour-site-statique.html":"3w", - "/note/2017/05/mg-is-micro-gnu-emacs.html":"V", - "/note/2018/06/cotoyer-art-vivant-et-art-statique.html":"3R", + "/note/2018/12/please-support-mozilla.html":"4j", + "/note/2018/04/yo-yoyo.html":"3B", "/note/2017/03/moi-jaime-pas-les-courriels-juste-en-html.html":"24", - "/note/2019/06/coreens-pour-enfer-russe.html":"4z", - "/note/2018/02/ah-zut-va-falloir-que-je-m-assume.html":"3s", - "/note/2016/12/larnaque-de-la-dictature-bancaire-continue.html":"2v", - "/note/2017/09/barbares-se-substitus-aux-piliers.html":"F", - "/note/2017/10/openbsd-6.2-sen-vient-a-la-mi-octobre.html":"x", - "/note/2018/01/test-vers-mastodon-v2.html":"9", - "/note/2017/06/sesame-street-lgbt-pride.html":"L", - "/note/2019/08/react.html":"4C", - "/note/2016/08/vimgifs-et-emacs_gifs.html":"2T", - "/note/2019/11/shell-script-compiler-et-surveiller-le-scss.html":"4J", - "/ce-site-web-explique-markdown.html":"t", - "/note/2016/08/m4-as-css-pre-processor.html":"2Z", - "/txt/2014/09/mes-logiciels-libres-preferes.html":"3h", - "/note/2018/05/gratuite-pour-l-indispensable.html":"3J", - "/note/2017/09/lesbricodeurs-jaime-votre-nom.html":"D", - "/note/2017/09/lesbricodeurs-replyto-status-909427743573577728.html":"C", - "/note/2020/02/jaime-regler-des-bogues.html":"4Q", - "/note/2016/08/txti.html":"2_", - "/note/2016/07/emacs-sort-delete-matching-duplicate-lines.html":"3", - "/note/2016/01/tiens-un-article-sur-le-darknet-que-plusieurs-devraient-lire.html":"3d", - "/note/2018/04/parti-rhinoceros-sur-wikipedia.html":"3D", - "/note/2020/08/jamais-du-cote-de-l-empire.html":"5m", - "/note/2016/10/linux-foundation-takes-javascript-under-its-wings.html":"2C", + "/note/2020/09/jimmy-le-vil.html":"5w", + "/note/2016/05/justin-jackson-is-a-fucking-webmaster.html":"34", + "/note/2018/04/est-ce-que-facil-a-une-canal-irc.html":"3z", + "/note/2016/02/encryption-is-the-nsas-friend-20160127nsa_loves_it_when_you_use_pgp.html":"3b", + "/note/2016/04/encore-une-fois-je-viens-de-supprimer-mon-compte-facebook.html":"38", + "/note/2020/02/le-syndicalisme-selon-taillefer.html":"4W", + "/note/2018/06/cotoyer-l-art-vivant-statique.html":"3S", + "/note/2017/01/la-ville-facteur-majeur-d-evolution-des-especes.html":"2q", + "/note/2017/09/bacteries-communiqueraient-avec-des-decharges-electriques.html":"G", + "/note/2016/10/how-can-i-handle-command-line-arguments-options-to-my-script-easily.html":"2B", + "/note/2016/11/indieweb-make-your-social-media-posts-open-first.html":"2z", + "/note/2018/09/expect-to-be-tracked-anyway.html":"4", + "/note/2018/10/now-i-get-it-emacs-is-the-best.html":"49", + "/note/2018/01/activitypub-is-now-a-w3c-recommendation.html":"5", + "/note/2017/05/switching-to-openbsd.html":"Y", + "/note/2017/03/animista-css-animations-on-demand.html":"23", + "/note/2018/03/les-pods-diaspora-communiquent.html":"3x", + "/file/curriculum-vitae.html":"cv", + "/a-propos.html":"25", + "/note/2018/02/ceci-est-le-test-2.html":"3q", + "/note/2017/06/petite-contribution-bash-au-task-runner-manuel.html":"M", + "/note/2020/08/lautoreferencement-de-google.html":"5d", "/note/2017/05/why-i-love-openbsd.html":"X", - "/note/2018/01/nos-courriels-pistes.html":"d", - "/note/2018/07/vive-le-quebec-vive-la-creation-vive-luniversel.html":"3Y", - "/note/2017/01/lemprise-de-wallstreet-sur-trump.html":"2p", - "/note/2019/01/hi-noorul.html":"4m", - "/note/2016/08/nathalie-normandeau-et-la-radio-de-quebec.html":"2S", - "/note/2018/01/ceci-n-est-qu-un-test-de-publication-websub.html":"8", - "/note/2018/01/an-introduction-to-the-indieweb.html":"c", + "/note/2017/12/normaliser-la-meute.html":"k", + "/note/2017/03/appnet-is-another-silo-who-is-shutting-down.html":"27", "/note/2018/02/ceci-est-le-test-1.html":"3p", - "/note/2017/11/les-voyants-riront-de-ne-plus-avoir-de-pieds.html":"p", - "/note/2016/11/the-average-american-now-downloads-zero-apps-per-month.html":"2x", - "/note/2016/08/programming-languages-hyperpolyglot.html":"2V", - "/note/2016/12/le-peuple-nest-pas-juridiquement-souverain.html":"2s", - "/note/2017/05/fai-associatifs-au-canada.html":"W", - "/note/2017/12/openbsd-mise-a-jour-reussie.html":"n", - "/note/2018/05/linkedin-un-ramassi-tout-et-nimporte-quoi.html":"3M", - "/note/2020/02/le-travail.html":"55", - "/note/2017/10/test-de-repost-en-posse-3.html":"v", - "/txt/bash/2017/03/manuel-taskrunner.html":"2c", - "/note/2017/03/animista-css-animations-on-demand.html":"23", - "/txt/2020/04/autoheberger-ses-depots-git.html":"58", - "/note/2016/05/firefox-print-background-color.html":"33", - "/note/2019/02/follow-a-style-guide.html":"4q", + "/note/2019/12/cactus-pour-capter-l-humidite.html":"4H", "/note/2018/10/pleroma-less-moving-parts.html":"48", + "/note/2017/03/revanche-des-librairies-independantes.html":"2h", + "/note/2020/02/bigoterie-de-la-croissance.html":"4S", + "/note/2017/12/mother-s-maiden-name-not-secure.html":"g", + "/note/2019/02/born-from-stardust.html":"4r", + "/txt/2019/04/flux-atom-rss-de-firefox-a-elfeed.html":"4x", + "/txt/2020/09/enfance-en-crise.html":"5z", + "/note/2016/05/firefox-print-background-color.html":"33", + "/note/2017/12/salut-bien-bas-aux-infimieres-et-infirmiers.html":"j", + "/note/2018/02/return-of-the-decentralized-web.html":"3t", + "/note/2018/07/does-meditation-work.html":"3X", + "/note/2020/08/surpoid-de-lauto-et-web.html":"5h", + "/note/2020/08/pcu.html":"5r", + "/note/2018/12/lisp-is-ugly-not.html":"4g", + "/note/2017/10/openbsd-6.2-sen-vient-a-la-mi-octobre.html":"x", + "/note/2017/06/politique-numerique-que-jaimerais.html":"N", "/note/2020/03/decouverte-st-et-tmux.html":"57", + "/note/2019/04/essaie-du-theme-cyberpunk-2019.html":"4v", + "/note/2017/03/why-apple-avoid-the-gpl-3.html":"29", + "/note/2016/09/internet-3-0-peut-on-reprendre-le-controle-des-geants.html":"2H", + "/note/2017/03/github-and-copyleft.html":"26", "/note/2017/01/because-protest-is-an-industry.html":"2n", - "/note/2018/09/reponse-au-tweet-1043158958469537794.html":"46", "/abonnement.html":"5k", + "/note/2018/01/nos-courriels-pistes.html":"d", + "/note/2020/02/pixels-avec-decimals.html":"54", "/note/2020/08/menage-de-boite-courriel.html":"5g", - "/note/2017/03/poutine-et-bal-masque.html":"2g", - "/note/2017/04/updating-all-packages-in-go.html":"_", + "/note/2018/05/linkedin-un-ramassi-tout-et-nimporte-quoi.html":"3M", + "/note/2018/06/cotoyer-art-vivant-et-art-statique.html":"3R", + "/note/2016/04/tiens-tiens-tiens-le-projet-gnu-revamp-la-page-web.html":"37", + "/note/2017/09/barbares-se-substitus-aux-piliers.html":"F", + "/note/2018/09/omg-quelquun-a-structure-ma-pensee.html":"47", + "/note/2018/07/une-autre-balade-aux-chutes.html":"3T", + "/note/2019/03/passe-a-openbsd-64.html":"4s", + "/note/2017/01/3-500-proces-au-cours-des-30-dernieres-annees.html":"2k", + "/note/2020/02/lost-connection-to-the-earth.html":"4X", + "/note/2020/08/firefox-chercher-dans-les-onglets.html":"5f", "/note/2018/12/surveillance-capitalism-has-led-us-into-a-dystopia.html":"4k", - "/note/2016/03/javascript-vanille-underscorejs-font-selon-moi-une-excellente-quipe-youmightnotneedjquery-webdev.html":"39", + "/note/2020/09/enfance-en-crise.html":"5y", + "/note/2017/12/openbsd-mise-a-jour-reussie.html":"n", + "/note/2016/08/txti.html":"2_", + "/note/2018/08/publier-sur-le-web-avec-simplicite.html":"3Z", + "/note/2018/01/an-introduction-to-the-indieweb.html":"c", + "/note/2017/10/reply-to-saralfddin93-for-status-914965952898457600.html":"w", + "/now.html":"4V", + "/note/2016/09/ce-que-le-quebec-gagnerait-a-nationaliser-internet.html":"2J", + "/note/2018/12/laisse-le-fatbike-a-la-maison.html":"4f", + "/note/2016/11/browsers-not-apps-are-the-future-of-mobile.html":"2y", "/note/2017/10/ghandi-je-suis-pret-a-mourir-pour-plusieurs-causes-a-tuer-pour-aucune.html":"y", - "/note/2018/02/the-radical-idea-of-a-world-without-jobs.html":"2", - "/note/2016/08/pokemon-go-et-societe-de-surveillance.html":"2P", - "/note/2018/05/location-api-surveillance.html":"3L", - "/note/2017/05/twitter-partage-vos-donnees-personnelles.html":"Q", - "/note/2017/03/github-and-copyleft.html":"26", - "/note/2017/06/100-millions-de-certificats-pour-lets-encrypt.html":"J", - "/file/pgp.html":"3m", - "/note/2017/03/vider-le-filelist-dun-input-type-file.html":"28", - "/note/2018/07/madeleine-et-ses-vetements.html":"3V", - "/note/2020/02/etat-de-droit-mon-cul.html":"56", - "/note/2020/02/confiture-dabricot.html":"4K", - "/note/2017/11/rip-au-capitaine-crochet-de-la-pop-quebecoise.html":"q", - "/note/2018/07/does-meditation-work.html":"3X", - "/note/2019/01/for-the-love-of-pipes.html":"4p", - "/note/2016/08/matane-budget-participatif.html":"2Y", - "/a-propos.html":"25", - "/note/2018/01/activitypub-is-now-a-w3c-recommendation.html":"5", - "/note/2016/09/internet-3-0-peut-on-reprendre-le-controle-des-geants.html":"2H", - "/note/2018/11/plusieurs-remote-origin-avec-git.html":"4d", - "/txt/2014/02/les-partis-politiques-nuisent-ils-a-la-democratie.html":"3k", - "/note/2019/08/our-deficiencies.html":"4B", - "/note/2016/09/why-we-use-progressive-enhancement-to-build-gov-uk.html":"2G", + "/note/2018/01/what-emacs-theme-is-that-3.html":"6", "/note/2017/01/est-ce-une-fausse-nouvelle-car-trop-beau-pour-etre-vrai.html":"2m", + "/note/2016/11/the-average-american-now-downloads-zero-apps-per-month.html":"2x", + "/note/2018/05/gratuite-pour-l-indispensable.html":"3J", + "/txt/emacs/2015/06/emacs-101-l-introduction.html":"3g", + "/note/2020/02/le-travail.html":"55", "/note/2018/01/alec-helps-companies-activate-onion-services.html":"7", - "/albums-preferes.html":"22", - "/note/2018/09/merci-pierasselin-pour-le-retweet.html":"45", - "/note/2018/03/les-pods-diaspora-communiquent.html":"3x", - "/note/2017/01/how-machines-learned-to-speak-human-language.html":"2j", - "/note/2016/08/ssh-chat-server-written-ingo.html":"2R", - "/note/2020/02/xenophobie-vs-racisme.html":"4T", - "/note/2017/03/why-apple-avoid-the-gpl-3.html":"29", - "/note/2016/10/how-can-i-handle-command-line-arguments-options-to-my-script-easily.html":"2B", - "/note/2018/09/abonnement-a-distance-a-rezodevfacilservices.html":"44", - "/note/2020/02/bigoterie-de-la-croissance.html":"4S", - "/note/2020/08/surpoid-de-lauto-et-web.html":"5h", - "/note/2017/09/bacteries-communiqueraient-avec-des-decharges-electriques.html":"G", - "/note/2016/12/michel-chartrand-aurait-eu-cent-ans-hier.html":"2r", - "/note/2017/10/setup-a-desktop-environment-under-openbsd-with-xfce.html":"s", - "/note/2017/04/duckduckgo-hacks-for-developers.html":"Z", - "/note/2018/05/blockchain-and-the-future-of-the-internet.html":"3N", - "/note/2018/12/lisp-is-ugly-not.html":"4g", - "/note/2017/12/halt-and-catch-fire-soundtrack.html":"h", - "/note/2018/06/velo-chutes-polices-et-escargots.html":"3Q", - "/note/2016/05/indieweb-in-a-nutshellown-your-identity-domain-website-content-uiux.html":"36" + "/note/2016/12/le-peuple-nest-pas-juridiquement-souverain.html":"2s", + "/note/2017/03/si-les-etats-unis-envahissaient-le-canada.html":"2f", + "/note/2018/09/what-is-activitypub.html":"42", + "/note/2020/02/etat-de-droit-mon-cul.html":"56", + "/note/2020/08/have-multiple-eshells-in-emacs.html":"5j", + "/note/2020/02/jonathan-wilkinson-ensuite-steven-guilbeault.html":"4R" } \ No newline at end of file diff --git a/static/src/css/atoms/typography/_titles.scss b/static/src/css/atoms/typography/_titles.scss @@ -0,0 +1,21 @@ +// Atoms for titles +h1, +h2, +h3, +h4, +h5, +h6 { + line-height: var(--hn-line-height); +} + +// Set the title style from h6 to h1 +$i: 6; + +@while $i > 0 { + h#{$i}, + .title-h#{$i} { + font-size: var(--base-h#{$i}); + } + + $i: $i - 1; +} diff --git a/static/src/css/global/_base.scss b/static/src/css/global/_base.scss @@ -1,9 +1,14 @@ /* BASE STYLES */ +:root { + @media screen and (min-width: 60rem) { + font-size: var(--base-font-size); + } +} + html, body { - height:100%; - min-height:100%; - position:relative; + min-height: 100%; + position: relative; } body, @@ -11,58 +16,46 @@ button, input, select, textarea { - color: var(--base-fg-color); - font: 16px/1.6 var(--base-font-family); - - @media screen and (min-width: 40rem) { - font: 1rem/1.6 var(--base-font-family); - - } + color: var(--base-fg); + font-family: var(--base-font-family); + font-size: 1rem; + line-height: var(--base-line-height); } body { - background: var(--base-bg-color) url("//assets.soucy.cc/images/noise.png") repeat; + background: var(--base-bg) url("//assets.soucy.cc/images/noise.png") repeat; margin: 0; padding: 0; + + @media screen and (min-width: 60rem) { + display: flex; + flex-flow: row wrap; + + & > * { + flex: 1 100%; + } + } } a { background: linear-gradient(180deg,transparent 70%, var(--base-link-bg) 0); - color: var(--base-link-color); + color: var(--base-link-fg); overflow-wrap: break-word; text-decoration: none; - transition: all 0.25s ease-in-out; - &:focus, &:hover { background: linear-gradient(180deg,transparent 0%, var(--base-link-bg) 0); - color: var(--base-fg-color); + color: var(--base-fg); } } -h1 { - font-size: 2.25rem; -} - -h2 { - font-size: 1.6875rem; -} - -h3 { - font-size: 1.3125rem; -} - -h4 { - font-size: 1.125rem; -} - -h5 { - font-size: 1rem; -} - -h6 { - font-size: 0.875rem; +hr { + background: transparent; + border: dotted var(--base-br); + border-width: 1px 0 0; + display: block; + height: 1px; } p, @@ -71,15 +64,20 @@ pre { } pre { - background: var(--code-bg-color); + background: var(--base-snippet-bg); + border: 1px dotted var(--base-snippet-fg); + font-size: .85rem; overflow: auto; padding: 1rem; + + code { + background: transparent; + } } code { - background: var(--code-bg-color); - color: var(--code-fg-color); - font-size: .85rem; + background: var(--base-snippet-bg); + color: var(--base-snippet-fg); } iframe, @@ -88,7 +86,7 @@ img { } blockquote { - border-left: 0.75rem solid var(--quote-br-color); + border-left: 0.75rem solid var(--base-br); display:block; margin: 1rem 0; padding-left: 1.5rem; diff --git a/static/src/css/global/_footer-banner.scss b/static/src/css/global/_footer-banner.scss @@ -1,4 +0,0 @@ -// Footer banner module -.footer-banner { - padding: 0 2rem; -} diff --git a/static/src/css/global/_nav.scss b/static/src/css/global/_nav.scss @@ -1,35 +0,0 @@ -// Navigation -.nav { - align-items: center; - background: var(--base-fg-color); - display: flex; - flex-flow: row wrap; - justify-content: center; - width: 100%; - - &__link { - background: var(--nav-bg-color); - color: var(--nav-fg-color); - display: block; - line-height: 1; - padding: 0.75rem; - text-decoration: none; - transition: all 0.25s ease-in-out; - - &[aria-current] { - background: var(--nav-current-bg); - color: var(--nav-current-fg); - } - - &:focus, - &:hover { - background: var(--nav-bg-color-hover); - color: var(--nav-fg-color-hover); - } - - &:focus { - outline: 2px solid var(--nav-outline-color); - outline-offset: -2px; - } - } -} diff --git a/static/src/css/global/abstractions/_font-faces.scss b/static/src/css/global/abstractions/_font-faces.scss @@ -1,11 +0,0 @@ -// Font Faces -@each $fontKey, $fontVal in $fonts { - @each $faceKey, $faceVal in map-get($fontVal, 'faces') { - @font-face { - font-family: map-get($fontVal, 'name'); - font-style: map-get($faceVal, 'style'); - font-weight: map-get($faceVal, 'weight'); - src: map-get($faceVal, 'src'); - } - } -}; diff --git a/static/src/css/global/abstractions/_root.scss b/static/src/css/global/abstractions/_root.scss @@ -1,32 +0,0 @@ -/* Global Vars */ -:root { - font-size: calc(1vw + 1vh + .5vmin); - - /* Colors */ - --base-bg-color: #{$color-omega}; - --base-fg-color: #{$color-alpha}; - --base-link-color: #{$color-beta}; - --base-link-color: #{$color-beta}; - --base-link-bg: #{$color-eta}; - --base-visited-color: #{$color-zeta}; - - --code-bg-color: #{$color-omega}; - --code-fg-color: #{$color-zeta}; - - --shadow-color: #{$color-epsilon}; - - --nav-bg-color: var(--base-fg-color); - --nav-bg-color-hover: #{$color-beta}; - --nav-fg-color: #{$color-omega}; - --nav-current-bg: #{$color-eta}; - --nav-current-fg: var(--base-fg-color); - --nav-fg-color-hover: #{$color-omega}; - --nav-outline-color: #{$color-omega}; - - --quote-br-color: #{$color-epsilon}; - - /* Fonts */ - //--base-font-family: #{map-get(map-get($fonts, 'iso'), 'name')}, #{map-get(map-get($fonts, 'iso'), 'fallback')}; - --base-font-family: monospace; - --logo-font-family: #{map-get(map-get($fonts, 'leitura'), 'name')}, #{map-get(map-get($fonts, 'leitura'), 'fallback')}; -} diff --git a/static/src/css/global/tokens/_colors.scss b/static/src/css/global/tokens/_colors.scss @@ -1,9 +1,26 @@ // Color Tokens -$color-alpha: #111111; -$color-beta: #0000ff; -$color-gamma: rgba(255,255,255,0.4); -$color-delta: #333333; -$color-epsilon: #cccccc; -$color-zeta: #8000ff; -$color-eta: aquamarine; -$color-omega: #ffffff; +:root { + // Palette + --base-aqua: #7FFFD4; + --base-blue: #0000ff; + --base-grey: #cccccc; + --base-indigo: #8000ff; + --base-brightest: #f9f9f9; + --base-darkest: #111111; + --base-darkest-grey: #333333; + + // Body + --base-bg: var(--base-brightest); + --base-fg: var(--base-darkest); + + // Links + --base-link-fg: var(--base-blue); + --base-link-bg: var(--base-aqua); + --base-link-visited: var(--base-indigo); + + --base-br: var(--base-grey); + --base-br-light: var(--base-aqua); + + --base-snippet-fg: var(--base-indigo); + --base-snippet-bg: white; +} diff --git a/static/src/css/global/tokens/_fonts.scss b/static/src/css/global/tokens/_fonts.scss @@ -1,30 +0,0 @@ -// Font Tokens -$fonts: ( - 'iso': ( - 'name': "ISO", - 'fallback': monospace, - 'faces': ( - 'regular': ( - 'src': url("../fonts/iso/ISOv0.5-Regular.woff") format("woff"), - 'style': normal, - 'weight': 400, - ), - 'bold': ( - 'src': url("../fonts/iso/ISOv0.5-Bold.woff") format("woff"), - 'style': normal, - 'weight': 700, - ), - ), -), - 'leitura': ( - 'name': 'Leitura News', - 'fallback': serif, - 'faces': ( - 'regular': ( - 'src': url("../fonts/leitura/leituranews-italic4-webfont.woff") format("woff"), - 'style': normal, - 'weight': 400, - ), - ), - ), -); diff --git a/static/src/css/global/tokens/_grid.scss b/static/src/css/global/tokens/_grid.scss @@ -0,0 +1,4 @@ +// Grid tokens +:root { + --grid-max-width: calc(1rem * calc(1100 / 16)); +} diff --git a/static/src/css/global/tokens/_typography.scss b/static/src/css/global/tokens/_typography.scss @@ -0,0 +1,19 @@ +// Typography tokens +:root { + --base-font-family: monospace; + --base-font-size: calc(1rem * calc(20 / 16)); + --base-line-height: 1.6; + + // Titles + --base-h1: calc(2.25 * var(--base-font-size)); + --base-h2: calc(1.75 * var(--base-font-size)); + --base-h3: calc(1.25 * var(--base-font-size)); + --base-h4: calc(1.125 * var(--base-font-size)); + --base-h5: var(--base-font-size); + --base-h6: calc(0.875 * var(--base-font-size)); + + --hn-line-height: 1.25; + + // Spaces + --base-space: 4px; +} diff --git a/static/src/css/modules/_as-note.scss b/static/src/css/modules/_as-note.scss @@ -3,8 +3,12 @@ overflow: hidden; .note-index & { - border-bottom: 1px solid var(--shadow-color); - margin-bottom: 4rem; - padding-bottom: 4rem; + border-bottom: 1px solid var(--base-br); + margin-bottom: calc(var(--base-space) * 20); + padding-bottom: calc(var(--base-space) * 20); + } + + :first-child { + margin-top: 0; } } diff --git a/static/src/css/modules/_cv.scss b/static/src/css/modules/_cv.scss @@ -1,8 +1,14 @@ // CV .cv { - > main, - > footer { - padding: 2rem; + & > main { + @extend .grid; + } +} + + +.cv__footer { + @media screen and (min-width: 60rem) { + order: 4; } } diff --git a/static/src/css/modules/_footer-banner.scss b/static/src/css/modules/_footer-banner.scss @@ -0,0 +1,10 @@ +// Footer banner module +.footer-banner { + background: var(--base-darkest); + color: var(--base-brightest); + + @media screen and (min-width: 60rem) { + flex: 1 100%; + order: 5; + } +} diff --git a/static/src/css/modules/_go-to.scss b/static/src/css/modules/_go-to.scss @@ -0,0 +1,28 @@ +// Go to module +.go-to { + align-items: center; + display: inline-flex; + flex-wrap: wrap; + + @media screen and (min-width: 60rem) { + display: none; + } + + &::before { + background: var(--base-darkest); + border-right: 1px solid var(--base-br-light); + color: var(--base-br-light); + content: '://hugo.soucy.cc'; + display: inline-block; + font-weight: 700; + padding: 0.5rem 2rem; + } + + &__nav { + align-items: center; + background: var(--base-darkest); + color: var(--base-brightest); + display: inline-flex; + padding: 0.5rem 2rem; + } +} diff --git a/static/src/css/modules/_grid.scss b/static/src/css/modules/_grid.scss @@ -0,0 +1,7 @@ +// Grid module +.grid { + margin-left: auto; + margin-right: auto; + max-width: var(--grid-max-width); + padding: 2rem; +} diff --git a/static/src/css/modules/_h-card.scss b/static/src/css/modules/_h-card.scss @@ -7,10 +7,6 @@ main.h-card { font-weight: 400; } - footer { - font-size: 0.75rem; - } - .p-name { font-size: 1.35rem; } diff --git a/static/src/css/modules/_h-entry.scss b/static/src/css/modules/_h-entry.scss @@ -1,7 +1,7 @@ // H-ENTRY µFORMAT .h-entry { footer { - font-size: 0.75rem; + font-size: calc(1rem * calc(14 / 16)); } } diff --git a/static/src/css/modules/_index.scss b/static/src/css/modules/_index.scss @@ -1,7 +1,3 @@ // Home/Index .index { - .logo { - font: 400 3rem/1 var(--logo-font-family); - text-shadow: 3px 3px var(--shadow-color); - } } diff --git a/static/src/css/modules/_main.scss b/static/src/css/modules/_main.scss @@ -0,0 +1,11 @@ +// Main module +.main { + @media screen and (min-width: 60rem) { + flex: 1 100%; + order: 3; + } +} + +main { + order: 3; +} diff --git a/static/src/css/modules/_nav.scss b/static/src/css/modules/_nav.scss @@ -0,0 +1,76 @@ +// Navigation +.nav { + background: var(--base-fg); + + @media screen and (min-width: 60rem) { + border: solid var(--base-br-light); + border-width: 1px 0; + order: 2; + display: flex; + } + + &__list { + list-style-type: none; + margin-bottom: 0; + margin-top: 0; + padding: 0; + + @media screen and (min-width: 60rem) { + align-items: center; + flex: 1 100%; + display: flex; + padding: 0 2rem; + + &:first-child::before { + color: var(--base-br-light); + content: '://hugo.soucy.cc/'; + display: block; + font-weight: 700; + padding-right: 2rem; + } + } + } + + &__item { + border: solid var(--base-br-light); + border-width: 1px 0 0; + + &:last-child { + border-bottom: 1px solid var(--base-br-light); + } + + @media screen and (min-width: 60rem) { + border-width: 0 0 0 1px; + + &:last-child { + border-bottom: 0; + border-right: 1px solid var(--base-br-light); + } + } + } + + &__link { + background: inherit; + color: var(--base-brightest); + display: block; + line-height: 1; + padding: 0.75rem 2rem; + text-decoration: none; + + &[aria-current] { + background: var(--base-link-bg); + color: var(--base-fg); + } + + &:focus, + &:hover { + background: var(--base-link-fg); + color: var(--base-brightest); + } + + &:focus { + outline: 2px solid var(--base-brightest); + outline-offset: -2px; + } + } +} diff --git a/static/src/css/modules/_note.scss b/static/src/css/modules/_note.scss @@ -1,7 +1,5 @@ // NOTE .note { - padding: 0 2rem; - & > main { align-items: center; display: flex; @@ -9,5 +7,7 @@ justify-content: center; min-height: 100vh; margin: auto; + padding-bottom: 0; + padding-top: 0; } } diff --git a/static/src/css/styles.scss b/static/src/css/styles.scss @@ -1,15 +1,21 @@ /* Globals */ +@import "global/tokens/_typography.scss"; @import "global/tokens/_colors.scss"; -@import "global/tokens/_fonts.scss"; -@import "global/abstractions/_font-faces.scss"; -@import "global/abstractions/_root.scss"; +@import "global/tokens/_grid.scss"; + @import "global/_base.scss"; @import "global/_a11y.scss"; -@import "global/_nav.scss"; -@import "global/_footer-banner.scss"; -/* CSS Modules */ +/* Atoms */ +@import "atoms/typography/_titles.scss"; + +/* Modules */ +@import "modules/_grid.scss"; @import "modules/_index.scss"; +@import "modules/_go-to.scss"; +@import "modules/_nav.scss"; +@import "modules/_main.scss"; +@import "modules/_footer-banner.scss"; @import "modules/_h-card.scss"; @import "modules/_h-entry.scss"; @import "modules/_h-feed.scss"; diff --git a/templates/curriculum-vitae.mustache b/templates/curriculum-vitae.mustache @@ -3,11 +3,11 @@ {{> head }} <body class="cv" id="curriculum"> - {{> nav }} + {{> go_to }} {{{ content }}} {{{ cv }}} - <footer> + <div class="cv__footer grid"> <address> <hr/> <p> @@ -35,7 +35,9 @@ Modifié le <time>{{ updated }}</time>. </p> </address> - </footer> - {{> bottom_script }} + </div> + + {{> nav }} + {{> footer }} </body> </html> diff --git a/templates/default-index.mustache b/templates/default-index.mustache @@ -3,8 +3,8 @@ {{> head }} <body class="default-index" id="defaultIndex"> - {{> nav }} - <main class="h-feed"> + {{> go_to }} + <main class="main grid h-feed" id="m"> {{{ content }}} {{# entries }} @@ -20,6 +20,7 @@ </article> {{/ entries }} </main> - {{> bottom_script }} + {{> nav }} + {{> footer }} </body> </html> diff --git a/templates/default.mustache b/templates/default.mustache @@ -3,8 +3,8 @@ {{> head }} <body id="default" class="default"> - {{> nav }} - <main class="h-entry hentry"> + {{> go_to }} + <main class="main grid h-entry hentry" id="m"> <article class="e-content"> {{{ content }}} </article> @@ -43,7 +43,21 @@ href="https://brid.gy/publish/mastodon"></a> {{/ bridgy }} </footer> + + <aside class="webmention-herokuapp"> + <script id="webmention-hosted"> + (function () { + var sn = document.createElement("script"), s = document.getElementsByTagName("script")[0], url; + url = document.querySelectorAll ? document.querySelectorAll("link[rel~=canonical]") : false; + url = url && url[0] ? url[0].href : false; + sn.type = "text/javascript"; sn.async = true; + sn.src = "//webmention.herokuapp.com/api/embed?url=" + encodeURIComponent(url || window.location); + s.parentNode.insertBefore(sn, s); + }()); + </script> + </aside> </main> - {{> bottom_script }} + {{> nav }} + {{> footer }} </body> </html> diff --git a/templates/index.mustache b/templates/index.mustache @@ -6,14 +6,15 @@ class="index" id="index" prefix="foaf: http://xmlns.com/foaf/0.1/ dc: http://purl.org/dc/terms/"> - {{> nav }} - <main class="h-card" + {{> go_to }} + <main class="main grid h-card" id="hs" resource="#hs" typeof="Person" vocab="http://schema.org/"> {{{ content }}} </main> - {{> bottom_script }} + {{> nav }} + {{> footer }} </body> </html> diff --git a/templates/note-index.mustache b/templates/note-index.mustache @@ -3,8 +3,8 @@ {{> head }} <body class="note-index"> - {{> nav }} - <main class="h-feed"> + {{> go_to }} + <main class="main grid h-feed" id="m"> {{{ content }}} {{# entries }} @@ -47,16 +47,17 @@ </footer> </article> {{/entries}} - </main> - <footer class="footer-banner"> - <p> - <a href="{{{ site.baseurl }}}/note/2019"><time>2019</time></a> | - <a href="{{{ site.baseurl }}}/note/2018"><time>2018</time></a> | - <a href="{{{ site.baseurl }}}/note/2017"><time>2017</time></a> | - <a href="{{{ site.baseurl }}}/note/2016"><time>2016</time></a> - </p> - </footer> - {{> bottom_script }} + <div class="archives"> + <p> + <a href="{{{ site.baseurl }}}/note/2019"><time>2019</time></a> | + <a href="{{{ site.baseurl }}}/note/2018"><time>2018</time></a> | + <a href="{{{ site.baseurl }}}/note/2017"><time>2017</time></a> | + <a href="{{{ site.baseurl }}}/note/2016"><time>2016</time></a> + </p> + </div> + </main> + {{> nav }} + {{> footer }} </body> </html> diff --git a/templates/note.mustache b/templates/note.mustache @@ -3,7 +3,7 @@ {{> head }} <body id="note" class="note"> - <main> + <main class="main grid" id="m"> <article class="h-entry hentry as-note"> <h1>{{ date }} @ {{ datetime }}</h1> @@ -96,7 +96,5 @@ {{/ bridgy }} </article> </main> - - {{> bottom_script }} </body> </html> diff --git a/templates/partials/footer.mustache b/templates/partials/footer.mustache @@ -1,8 +1,9 @@ -<footer id="footer"> - <address class="layout"> - <hr> - - <p>Page Web conçue par <a rel="author" href="{{{ site.baseurl }}}#hs">{{ site.author.name }}</a> &amp; - propulsée par HTML 5, <a href="https://www.w3.org/2012/pyRdfa/extract?uri=http%3A%2F%2Fhugo.soucy.cc%2F%23hs&format=xml&rdfagraph=output&vocab_expansion=false&rdfa_lite=false&embedded_rdf=true&space_preserve=true&vocab_cache=true&vocab_cache_report=false&vocab_cache_refresh=false">RDFa</a> &amp; un générateur de site statique fait maison. <br>Dernière modification à {{ site.author.locality }} le <time datetime="{{ date.update }}T{{ date.updatetime }}">{{ date.update }}</time>.</p> - </address> +<footer class="footer-banner" id="f"> + <div class="grid"> + <p> + <a href="https://creativecommons.org/licenses/by/2.5/ca/deed.fr" rel="license"> + CC BY 2.5 CA + </a> + </p> + </div> </footer> diff --git a/templates/partials/go_to.mustache b/templates/partials/go_to.mustache @@ -0,0 +1,14 @@ +<div class="go-to"> + <a class="go-to__nav" href="#n"> + <svg aria-hidden="true" height="21" role="img" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"> + <g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(2 2)"> + <path d="m5.5.5h6v5h-6z"/> + <path d="m10.5 11.5h6v5h-6z"/> + <path d="m.5 11.5h6v5h-6z"/> + <path d="m3.498 11.5v-3h10v3"/> + <path d="m8.5 8.5v-3"/> + </g> + </svg>&nbsp; + <span><span class="visuallyhidden">Aller à la </span>navigation</span> + </a> +</div> diff --git a/templates/partials/head.mustache b/templates/partials/head.mustache @@ -4,8 +4,29 @@ <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>{{ title }} &mdash; {{ site.domainname }}</title> - <base href="{{{ site.baseurl }}}"/> - <link href="{{{ site.baseurl }}}/css/styles.min.css" rel="stylesheet" /> + + <style media="screen and (max-width: 19.9375rem)" type="text/css"> + body { + font-family: Lucida Console, Courier, monospace; + } + + a { + overflow-wrap: break-word; + } + + iframe, + img { + height: auto; + max-width: 100%; + } + + pre { + overflow: auto; + padding: 1rem; + } + </style> + + <link href="{{{ site.baseurl }}}/css/styles.min.css" media="screen and (min-width: 20rem)" rel="stylesheet" /> <!-- Feed Atom --> <link href="{{{ site.baseurl }}}/feed.atom.xml" rel="alternate" @@ -63,6 +84,5 @@ {{/ description }} <meta name="keywords" content="{{# keywords }}{{ . }}, {{/ keywords }}" /> - <meta name="google-site-verification" content="-JraS76m4WZOftgNjizPIzRPC0MkCNNfxmPV4MGkJsc" /> </head> diff --git a/templates/partials/nav.mustache b/templates/partials/nav.mustache @@ -1,9 +1,13 @@ -<nav class="nav" id="menu"> - {{# navigation }} - <a class="nav__link" - {{# current }}aria-current="page"{{/ current }} - href="{{{ location }}}" {{# attributes }}{{{ . }}}{{/ attributes }}> - {{ label }} - </a> - {{/ navigation }} +<nav class="nav" id="n"> + <ol class="nav__list grid"> + {{# navigation }} + <li class="nav__item"> + <a class="nav__link" + {{# current }}aria-current="page"{{/ current }} + href="{{{ location }}}" {{# attributes }}{{{ . }}}{{/ attributes }}> + {{ label }} + </a> + </li> + {{/ navigation }} + </ol> </nav> diff --git a/templates/tag.mustache b/templates/tag.mustache @@ -1,31 +0,0 @@ -<!DOCTYPE html> -<html lang="{{ site.language }}"> - {{> head }} - - <body id="tag" class="tag"> - <article class="h-entry hentry"> - <div class="layout e-content p-name tag"> - <h1>{{{ tagname }}}</h1> - - <ul> - {{# tagurls }} - <li> - <a href="{{{ site.url }}}{{ . }}">{{{ site.url }}}{{ . }}</a> - </li> - {{/ tagurls }} - </ul> - - </div> - - <!-- <footer class="tag__footer"> - <address class="layout"> - <hr/> - </p> - </address> - </footer> --> - </article> - - {{> nav }} - {{> bottom_script }} - </body> -</html>