hscc

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

commit 4dfd2fd6d867ab2f0cab813bb2655a01fc022bbc
parent edc6321ccc5599b31d58faa1be44363e8cef50c6
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Thu, 15 Sep 2022 20:44:05 -0400

Add new contents for the 2022 year

Diffstat:
Acontent/2022/mp/a-reality-where-html-never-existed.lua | 8++++++++
Acontent/2022/mp/a-reality-where-html-never-existed.md | 13+++++++++++++
Acontent/2022/mp/bbs-the-documentary.lua | 8++++++++
Acontent/2022/mp/bbs-the-documentary.md | 10++++++++++
Acontent/2022/mp/bbs-the-documentary.png | 0
Acontent/2022/mp/syndicalisme-de-combat.lua | 8++++++++
Acontent/2022/mp/syndicalisme-de-combat.md | 31+++++++++++++++++++++++++++++++
Acontent/2022/nt/abus-catholiques.lua | 7+++++++
Acontent/2022/nt/abus-catholiques.md | 18++++++++++++++++++
Acontent/2022/nt/cafe-decroissant.lua | 7+++++++
Acontent/2022/nt/cafe-decroissant.md | 5+++++
Acontent/2022/nt/education-gratuite.lua | 7+++++++
Acontent/2022/nt/education-gratuite.md | 16++++++++++++++++
Acontent/2022/nt/karmafeu.lua | 10++++++++++
Acontent/2022/nt/karmafeu.md | 28++++++++++++++++++++++++++++
Acontent/2022/nt/le-regne-du-vivant.lua | 10++++++++++
Acontent/2022/nt/le-regne-du-vivant.md | 12++++++++++++
Acontent/2022/nt/plantes-antimicrobiennes.lua | 7+++++++
Acontent/2022/nt/plantes-antimicrobiennes.md | 18++++++++++++++++++
Acontent/2022/nt/syndicalisme-et-fiducies.lua | 7+++++++
Acontent/2022/nt/syndicalisme-et-fiducies.md | 23+++++++++++++++++++++++
Acontent/2022/rp/la-violence.lua | 9+++++++++
Acontent/2022/rp/la-violence.md | 40++++++++++++++++++++++++++++++++++++++++
Acontent/2022/tx/etre-conservateur.lua | 7+++++++
Acontent/2022/tx/etre-conservateur.md | 39+++++++++++++++++++++++++++++++++++++++
Acontent/2022/tx/histoire-de-fourchette.lua | 14++++++++++++++
Acontent/2022/tx/histoire-de-fourchette.md | 97+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Acontent/2022/tx/webdev-unix/css.lua | 5+++++
Acontent/2022/tx/webdev-unix/css.md | 165+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
29 files changed, 629 insertions(+), 0 deletions(-)

diff --git a/content/2022/mp/a-reality-where-html-never-existed.lua b/content/2022/mp/a-reality-where-html-never-existed.lua @@ -0,0 +1,8 @@ +return { + title = "A reality where html never existed", + url = "https://matthewgraybosch.com/posts/reality-where-html-never-existed.txt", + date = "2022-05-05", + datetime = "19:54:41", + posttype = "bookmark", + keywords = { "html","smolnet","plain text", } +} diff --git a/content/2022/mp/a-reality-where-html-never-existed.md b/content/2022/mp/a-reality-where-html-never-existed.md @@ -0,0 +1,13 @@ +<https://matthewgraybosch.com/posts/reality-where-html-never-existed.txt> + + +> "Is a world without html truly better?" +> +> "I honestly don't know if a world without HTML, HTTP, and its +> attendant ills (social media, centralization, adtech, the monetization +> of human attention) would truly be better. Perhaps the founders of +> Google would have built a better version of Archie (FTP search) and +> Veronica (Gopher search), we'd still have SEO, and the internet would +> still be the sort of cyberpunk dystopia too dull to be worth the +> efforts of William Gibson, George Alec Effinger, and Neal Stephenson +> to depict in fiction." diff --git a/content/2022/mp/bbs-the-documentary.lua b/content/2022/mp/bbs-the-documentary.lua @@ -0,0 +1,8 @@ +return { + title = "BBS the Documentary", + url = "https://yewtu.be/watch?v=nO5vjmDFZaI", + date = "2022-05-05", + datetime = "20:05:23", + posttype = "bookmark", + keywords = { "documentary","bbs","smolnet", } +} diff --git a/content/2022/mp/bbs-the-documentary.md b/content/2022/mp/bbs-the-documentary.md @@ -0,0 +1,10 @@ +<https://yewtu.be/watch?v=nO5vjmDFZaI> + +!["Poster of the BBS The Documentary"](/2022/mp/bbs-the-documentary.png) + +> "The BBS (bulletin board system) scene of the 80s and 90s was a +> magical time. Long before the Internet escaped from the lab, connected +> the planet and redefined what it meant to use a computer there was a +> brave and pioneering band of computer users who spent their time, +> money and sanity setting up their home computers and phone lines to +> welcome anyone who called." diff --git a/content/2022/mp/bbs-the-documentary.png b/content/2022/mp/bbs-the-documentary.png Binary files differ. diff --git a/content/2022/mp/syndicalisme-de-combat.lua b/content/2022/mp/syndicalisme-de-combat.lua @@ -0,0 +1,8 @@ +return { + title = "Le syndicalisme de combat doit retrouver ses lettres de noblesse", + url = "https://pivot.quebec/2022/04/25/le-syndicalisme-de-combat-doit-retrouver-ses-lettres-de-noblesse/", + date = "2022-05-05", + datetime = "21:40:51", + posttype = "bookmark", + keywords = { "syndicalisme","guerre","amazon", } +} diff --git a/content/2022/mp/syndicalisme-de-combat.md b/content/2022/mp/syndicalisme-de-combat.md @@ -0,0 +1,31 @@ +<https://pivot.quebec/2022/04/25/le-syndicalisme-de-combat-doit-retrouver-ses-lettres-de-noblesse/> + +> "Je vous parlais ces dernières semaines du rôle important joué par des +> syndicats français, grecs et biélorusses dans la lutte contre la +> guerre et le militarisme mondial. Que ce soit en refusant de charger +> des armes françaises à destination de l’Arabie Saoudite ou en bloquant +> les chemins de fer utilisés pour acheminer des convois d’armes vers le +> front russe ou les positions de l’OTAN en Europe de l’Est, on a là une +> inspirante impression de déjà-vu qui nous ramène à l’âge d’or de +> luttes ouvrières qui transcendent les revendications propres à leur +> condition." +> +> "C’est dans cet esprit que j’ai commencé cette semaine la lecture de « +> Wobblies du monde entier, une histoire globale de l’Industrial Workers +> of the World » paru l’an dernier aux Éditions de la rue Dorion. Un +> ouvrage fort à-propos qui rappelle que par son caractère combatif et +> ses élans de solidarité ouvrière internationale, le mouvement des +> wobblies (qui comptent aujourd’hui plus de 10 000 membres) s’est +> trouvé au cœur des mouvements de lutte contre le racisme, +> l’impérialisme, le sexisme, l’homophobie et dans la lutte climatique, +> par exemple. Vous ne serez donc pas surpris d’apprendre que le +> syndicat a été la victime d’un gigantesque effort de répression lors +> de l’entrée en guerre des États-Unis durant le premier conflit mondial +> en 1917, les puissants craignant un vaste mouvement de grèves qui +> perturberait l’effort de guerre industriel." +> +> [...] + +J'ai commandé le livre dont il parle dans l'article. Bien hâte de le +lire. J'avais entendu parler du **Industrial Workers of the World**, +mais je ne connaissais pas le terme **Wobblies**. diff --git a/content/2022/nt/abus-catholiques.lua b/content/2022/nt/abus-catholiques.lua @@ -0,0 +1,7 @@ +return { + title = "Abus catholiques", + date = "2022-08-20", + datetime = "10:32:37", + posttype = "note", + keywords = { "église catholique","abus", } +} diff --git a/content/2022/nt/abus-catholiques.md b/content/2022/nt/abus-catholiques.md @@ -0,0 +1,18 @@ +Concernant les abus par des rerpésentants de l'église catholique, peu +importe les excuses, rien ne pourra jamais réparer ce qui a été +commis, absolument rien! La pardon est possible, c'est aux personnes +concernés d'en décider. + +Mais compte tenu du lourd bilan de cette organisation en terme d'abus, +je crois qu'il n'y a plus rien à pardonner. Ils ne méritent tout +simplement plus d'exister, ils ont perdus cette légitimité depuis +longtemps. + +Cela n'a rien à voir avec des comportements individuels de quelques +pommes pourries au sein de cette église, non, cela est systémique. + +Soit l'institution crée ces abuseurs, soit elle les attire. Mais ce +qui est certain, c'est qu'elle les protège en leur offrant des sorties +de secours et des voies de contournement. + +Et cela me semble assurément criminel. diff --git a/content/2022/nt/cafe-decroissant.lua b/content/2022/nt/cafe-decroissant.lua @@ -0,0 +1,7 @@ +return { +title = "Café décroissant", +date = "2022-08-25", +datetime = "14:12:10", +posttype = "note", +keywords = { "café","habitude", } +} diff --git a/content/2022/nt/cafe-decroissant.md b/content/2022/nt/cafe-decroissant.md @@ -0,0 +1,5 @@ +Mon objectif de retour de vacances: boire moins de café! Je me limite +maintenant à 650 ml dans la matinée o_0. + +L'après-midi, je me fais des infusions avec des plantes du jardin: +mélisse, basilique sacré, menthe, etc. diff --git a/content/2022/nt/education-gratuite.lua b/content/2022/nt/education-gratuite.lua @@ -0,0 +1,7 @@ +return { + title = "Ce que nos élites économiques pensent vraiment de la gratuité scolaire", + date = "2022-08-20", + datetime = "12:18:48", + posttype = "note", + keywords = { "éducation","gratuité scolaire", } +} diff --git a/content/2022/nt/education-gratuite.md b/content/2022/nt/education-gratuite.md @@ -0,0 +1,16 @@ +## Ce que nos élites économiques pensent vraiment de la gratuité scolaire ## + +"*Quel désastre cela serait si l'éducation était vraiment gratuite! +Imaginez, l'[industrie de l'exploitation +sexuelle](https://www.journaldequebec.com/2022/06/08/grand-prix-du-canada-leldorado-des-proxenetes) +ne s'en remettrait jamais de la perte de tous ces corps fermes!* + +*Sinon, que ferait notre économie sans ces jeunes gens pleins d'énergie +et de volonté qui, cumulent les emplois pour se payer une colocation à +10 stations de métro de leur campus?* + +*Pire, ils pourraient avoir du temps pour [se consacrer entièrement à +leurs +études](https://ici.radio-canada.ca/nouvelle/1906490/main-oeuvre-cegep-etudiant-tourisme-travail), +ou s'impliquer politiquement, puis changer l'ordre établie. Vous n'y +pensez pas? J'en frisonne, oui, quel désastre cela serait pour nous!"* diff --git a/content/2022/nt/karmafeu.lua b/content/2022/nt/karmafeu.lua @@ -0,0 +1,10 @@ +return { +title = "Karmafeu", +date = "2022-05-26", +datetime = "09:01:24", +posttype = "note", +keywords = { "guns","tuerie","karma", }, +posse = { +mastodon = "https://mastodon.sdf.org/web/@hs0ucy/108368438087297968" +} +} diff --git a/content/2022/nt/karmafeu.md b/content/2022/nt/karmafeu.md @@ -0,0 +1,27 @@ +# Karmafeu # + +Ce n'est pas seulement les guns, c'est aussi la culture et le climat +social qui permet l'émergence de ce genre de comportement. + +Contrôler les armes d’assaut est souhaitable, et cela sera utile pour +éviter plusieurs de ces tragédies. + +Mais au final, ça ne règlera pas le problème social qui crée cette +violence. Ce karma pèse sur le collectif, il n'est pas exclusif aux +meurtriers. + +Un symptôme est un mode de communication, il nous révèle un état, il +n'est pas le mal même. + +--- + +> "Instant Karma's gonna get you<br/> +> Gonna knock you off your feet<br/> +> Better recognize your brothers<br/> +> Ev'ryone you meet<br/> +> Why in the world are we here<br/> +> Surely not to live in pain and fear<br/> +> Why on earth are you there<br/> +> When you're ev'rywhere<br/> +> Come and get your share"<br/> +- Extrait de [Instant Karma!](https://yewtu.be/watch?v=7-SSa-D1i-M&listen=1), chanson de John Lennon +\ No newline at end of file diff --git a/content/2022/nt/le-regne-du-vivant.lua b/content/2022/nt/le-regne-du-vivant.lua @@ -0,0 +1,10 @@ +return { +title = "Le règne du vivant", +date = "2022-09-09", +datetime = "08:57:18", +posttype = "note", +keywords = { "écologie","politique","monarchie", }, +posse = { + mastodon = "https://mastodon.sdf.org/web/@hs0ucy/108968411745404768" +} +} diff --git a/content/2022/nt/le-regne-du-vivant.md b/content/2022/nt/le-regne-du-vivant.md @@ -0,0 +1,12 @@ +Moi j'aimerais vivre dans un monde, où, les funérailles nationales et +les drapeaux en bernes soient pour les espèces qui disparaissent et +les écosystèmes détruis ... + +Non pour un symbole de guerre et de colonialisme, dont la famille fait +les unes des tabloïds. + +Malheureusement, les têtes couronnées repoussent toujours, tandis que +le dauphin du YangTze, lui, est éteint à jamais. + +Le niveau de maturité de l'humanité est pas trop sophistiqué +... Disons-le comme ça. diff --git a/content/2022/nt/plantes-antimicrobiennes.lua b/content/2022/nt/plantes-antimicrobiennes.lua @@ -0,0 +1,7 @@ +return { +title = "Plantes antimicrobiennes", +date = "2022-08-26", +datetime = "09:43:21", +posttype = "note", +keywords = { "plante","herboristerie", } +} diff --git a/content/2022/nt/plantes-antimicrobiennes.md b/content/2022/nt/plantes-antimicrobiennes.md @@ -0,0 +1,17 @@ +Les plantes ne produisent pas d'anticorps. + +Mais plutôt des substances antimicrobiennes qui leurs permettent de se +protéger contre les virus, les bactéries, les champignons, les +insectes, les herbivores, etc. + +Et c'est à partir de ces substances que l'humanité a fondé ses +élixirs, ses poisons, une grande partie de sa culture et de sa +spiritualité. + +<https://kaitlynaureliasmith.bandcamp.com/album/useful-trees> + +--- + +Retour de lecture des [Curieuses histoires de plantes du Canada, +tome 1 (ISBN +978-2-89448-797-6)](https://www.septentrion.qc.ca/catalogue/curieuses-histoires-de-plantes-du-canada-tome-1) +\ No newline at end of file diff --git a/content/2022/nt/syndicalisme-et-fiducies.lua b/content/2022/nt/syndicalisme-et-fiducies.lua @@ -0,0 +1,7 @@ +return { + title = "Syndicalisme et fiducies", + date = "2022-05-05", + datetime = "20:44:30", + posttype = "note", + keywords = { "syndicalisme","fiducie d'utilité sociale", } +} diff --git a/content/2022/nt/syndicalisme-et-fiducies.md b/content/2022/nt/syndicalisme-et-fiducies.md @@ -0,0 +1,23 @@ +Les syndicats devraient lâcher un peu les fonds de placement pour +acheter massivement des terres agricoles et des immeubles à logements, +puis en faire des **fiducies d’utilité sociale**. + +Pour leurs membres, mais aussi pour ceux qui en auraient le plus +besoin. Créer une synergie pour offrir un toit et de la nourriture à +la communauté; sortir ces propriétés du marché spéculatif et ramener +l'esprit d'autodétermination et d'autonomisation dans le syndicalisme. + +Et parce que l'argent ça ne se mange pas, pas plus que ça ne protège +des intempéries. De plus, leurs placements ne sont en rien garanties +dans un contexte de crises écologique et énergétique. + +--- + +> "Les fiducies d'utilité sociale, qu'est-ce que c'est? +> +> Introduite dans le Code civil québécois en 1994, la fiducie d’utilité +> sociale créée une exception qui pourrait bien changer notre conception +> de la propriété. En effet, elle permet d’affecter à perpétuité une +> vocation sociale à un patrimoine - naturel, matériel ou immatériel +> [...]" +&mdash; <https://www.passerelles.quebec/publication/2019/les-fiducies-dutilite-sociale-quest-ce-que-cest> diff --git a/content/2022/rp/la-violence.lua b/content/2022/rp/la-violence.lua @@ -0,0 +1,9 @@ +return { +title = "La violence", +url = "https://www.ledevoir.com/politique/quebec/751752/marwah-rizqy-accuse-eric-duhaime-de-nuire-au-debat-democratique-au-quebec", +date = "2022-09-06", +datetime = "12:51:33", +posttype = "reply", +replyto = [[]], +permalink = "https://www.ledevoir.com/politique/quebec/751752/marwah-rizqy-accuse-eric-duhaime-de-nuire-au-debat-democratique-au-quebec#commentaire_1405056" +} diff --git a/content/2022/rp/la-violence.md b/content/2022/rp/la-violence.md @@ -0,0 +1,40 @@ +# La violence + +D'accord, c'est inacceptable de menacer ou d'intimider quelqu'un. Peu +importe qui, personne ne devrait subir ça! Personne! + +Ce n'est pas plus acceptable de laisser mourir les gens à petit feu, +parce qu'ils sont dans la misère; parce qu'ils vivent dans un +environnement pollué; parce qu'ils ne reçoivent pas les soins dont ils +auraient besoin; parce qu'ils ne sont pas de la bonne origine +ethnique; etc. + +C'est ce que les élites politiques, économiques et médiatiques font +semblant de ne pas comprendre: la société est à l'image de la +biodiversité, c'est-à-dire, MALADE ... Nous sommes dans un système qui +broie du vivant au nom de la croissance économique, et où, c'est +normal d'exploiter autrui et de détruire les écosystèmes. + +Ces gens, qui font des menaces, qui crachent leur fiel sur les réseaux +sociaux, qui joignent des mouvements conspirationnistes ou d'autres +milieux rétrogrades, vous les voyez comme le problème, quand ils ne +sont que les symptômes d'un mal plus profond que vous refusez de voir. + +Il y a une anxiété généralisée qui s'est installé, dû à la croissance +des inégalités et aux changements climatiques qui se concrétisent en +désastres; dû à l'inefficacité grandissante de nos institutions, à la +pandémie, à la perte du pouvoir d'achat, etc. + +Cette anxiété se traduie de toutes sortes de façon. Certains +l'expriment de façon désolantes. D'autres se réfugient dans les +paradis artificiels, la médication, le déni et même le suicide. + +On peut traîter tous les problèmes de notre société en silos comme si +ils n'étaient pas liés entre eux, en faisant des programmes, en +distribuants des enveloppes, en légiférant. Cela ne va rien changer, +cela ne sera jamais assez, et on va crouler sous le poid des choses à +faire, des dettes et de la complexité bureaucratique. Pourquoi? + +Parce que notre société ne voit plus claire; parce qu'elle est soumise +aux personnes morales (multinationales) qui broient tout, et qui, en +font des dividantes. Le vivant lui, n'est là que pour les servir. diff --git a/content/2022/tx/etre-conservateur.lua b/content/2022/tx/etre-conservateur.lua @@ -0,0 +1,7 @@ +return { +title = "Qu'est-ce que ça veut dire être conservateur?", +date = "2022-05-02", +datetime = "13:20:06", +posttype = "article", +keywords = { "conservateur","politique", } +} diff --git a/content/2022/tx/etre-conservateur.md b/content/2022/tx/etre-conservateur.md @@ -0,0 +1,38 @@ +**Conserver la pyramide sociale** actuelle et les institutions qui la +protège (CBC/SRC ne semblent pas en faire partie). + +Conserver la domination de la **masculinité toxique**: + +* comme l'emprise sur le corp de la femme (ex.: position anti-avortement); +* ou la répression et le déni de la sexualité non-hétérosexuelle (ex.: promotion des thérapies de conversion). + +Les conservateurs[1] aiment parler de liberté, mais **une liberté sans +égalité des chances**, ni auto-détermination des individus. Puisqu'ils +cherchent à conserver la concentration et le ruissellement de la +richesse, non sa redistribution. Voilà pourquoi ils adorent tant les +baisses d'impôts[2]. + +Donc pour eux, cela veut dire **réduire l'emprise de l'état sur les +personnes morales** (aka les institutions capitalistes), pour +conserver l'emprise morale (et financière) sur les gens. + +Ce qui fait que les conservateurs aiment bien montrer qu'ils sont +religieux. Parce que la religion, est un outil de plus dans leur +arsenal, pour promouvoir **la conservation de la hierarchie sociale +qui a court depuis le néolitique**. Cela a aussi l'avantage de pouvoir +démoniser l'adversaire en *invoquant le nom de dieu en vain*. + +--- + +[1] Libéraux et conservateurs sont les deux faces d'une même +médaille. Ils se posent en adversaires et leurs discours peuvent +sembler s'opposer, mais dans la réalité, le but est à peu près le +même: **maintenir l'ordre établi**. Il n'y a que les méthodes qui +diffèrent un peu ... Deux gladiateurs dans le *circus maximus*. + +[2] Les pauvres qui, ne paient déjà presque pas d'impôts, souffrent de +plus en plus du sous-financement des programmes sociaux et de +l'évasion fiscale. Ce qui permet aux riches de créer des fondations +(ou autres organisations philantropiques), avec lesquels ils +accumulent du capital de sympatie, en augmentant leur influence, et +ce, à moindre coût. +\ No newline at end of file diff --git a/content/2022/tx/histoire-de-fourchette.lua b/content/2022/tx/histoire-de-fourchette.lua @@ -0,0 +1,14 @@ +return { + title = "L'histoire d'une fourchette", + date = "2022-08-20", + datetime = "12:41:33", + posttype = "article", + keywords = { "déchet","plastique","décroissance", }, + summary = [[ + Qu'est ce que cette fourchette en plastique qu'on nous donne dans un + resto de fast-food, ou dans une cafétéria, ou pour manger un gâteau + d'anniversaire dans une fête d'enfant? + + Pourquoi existe-t-elle... + ]] +} diff --git a/content/2022/tx/histoire-de-fourchette.md b/content/2022/tx/histoire-de-fourchette.md @@ -0,0 +1,97 @@ +Qu'est ce que cette fourchette en plastique qu'on nous donne dans un +resto de fast-food, ou dans une cafétéria, ou pour manger un gâteau +d'anniversaire dans une fête d'enfant? + +Pourquoi existe-t-elle? + +Pour être utilisée quelques minutes, et passer des centaines d'années +(ou plus) dans un dépotoir, ou pire, perdu dans un champ ou au fond +d'un cour d'eau? + +On peut présumer qu'elle a été créé, et mise entre nos mains pour ne +pas devoir gérer de la vaisselle... Soit par manque d'espace dans la +cuisine pour avoir un lave vaisselle ou une station de plonge. Soit +pour augmenter la marge de profit du restaurateur qui les offre, en +sauvant un salaire de plongeur? + +Cette fourchette est traité comme un déchet avant même son +utilisation. Nous la regardons et n'avons pas beaucoup de respect pour +elle. Nous n'aimons pas manger en sa compagnie. + +Toutefois, dans notre culture, nous ne mangeons pas avec les mains, +alors, nous utilisons notre fourchette en plastique sans y prendre +aucun plaisir. Surtout parce qu'elle est médiocre avec des aliments +qui sont fermes ou croquants. + +Pourtant, elle est fait pour durer. Elle existera encore bien après +nous, et probablement plus longtemps que tous les souvenirs qui restera +de nous, dans les mémoires des générations suivantes. + +Mais cette fourchette en plastique, qu'est-ce qui justifie sa présence +parmi nous? Qu'est-ce qui produit ce déchet? + +Pensez à toute l'énergie qu'il a fallu pour l'amener dans votre main, +pour que vous puissiez manger ce gâteau rose qui souligne les deux ans +de votre nièce: + +L'extraction des matières premières; les procédés pétrochimique; la +recherche et le développement; les prototypes, les essais-erreurs; les +moules faites par des fonderies, les machines pour les produires en +grandes quantité; leur mécanique; l'électricité; les usines; les +travailleurs; les lunch des travailleurs leurs déplacements; le +contrôle de la qualité; les vendeurs; l'emballage; le transport, la +distribution; la vente au détail; etc, etc, etc. + +Pensez à ça en achetant cette boite de cent fourchettes en plastique +pour 5 ou 10 dollars. Pensez à tous ces objets produits pour être des +déchets instantanés. Pensez aussi aux objets qui jadis étaient fait +pour durer, et qui maintenant, sont de piètre qualité. + +Cette fourchette jetable, cache toute une idéologie, une approche du +monde... + +Est-ce la faute du dualisme chrétien, qui met l'emphase sur le passage +temporaire de l'âme dans le monde matériel? Est-ce une conséquence du +capitalisme qui nous détache de la nature pour se substituer à elle? + +Je ne sais pas. Il y a certainement un manque de respect envers nous +même et notre territoire, une fuite en avant dans le progrès qui, nous +fait dire "ainsi-soit-il". + +Est-ce comme la cigarette, une mauvaise habitude? Est-ce un complot +pour nous vendre n'importe quoi en nous inventant un besoin? + +Pourquoi traîner nos ustensiles ne fait pas partie de nos moeurs? + +Pourquoi les restaurateurs de fast-food ne fourniraient pas plutôt des +installations pour que nous lavions nous même nos ustensiles? Il peut +y avoir plein de raison pour ne pas vouloir traîner ces objets avec +nous. Disons que vous êtes une famille de 4-5 personnes avec jeunes +enfants, vous pourriez trouver ça fastidieux de transporter votre +coutellerie! + +Pourtant, le statu quo est l'équivalent de pelleter nos problèmes vers +l'avant, vers les générations futures. Tout ce que nous faisons, c'est +nier le problème en cachant ses externalités négatives. Nous ne +voulons plus voir nos déchets, nous nous déresponsabilisons tout comme +ceux qui produisent ces fourchettes en plastique. Ils en veulent le +profit, même si ce profit est malhonnête, puisqu'il se fait avec le +patrimoine de quelqu'un d'autre. Dans ce cas-ci, celui des êtres +vivants qui seront là après nous. + +Les poubelles dans ces restaurants, sont pour nous des vortex +spatio-temporel, qui aspire nos déchets dans une autre dimension... Le +futur (ou le non-futur) des être vivants qui nous succèderons. + +Une partie des gens qui voient là un problème, proposent de le régler +avec d'autres procédés industriels, comme le recyclage, ou par des +plastiques biodégradables. Donc, par une autre couche de complexité, +par d'autres vagues d'énergie successives de la puissance +post-moderne. + +Est-ce la solution? Ou n'est-ce là qu'une autre occasion d'affaire que +le système économique s'est créée pour générer de la croissance? + +--- + +*Ce texte est inspiré par <https://proxy.vulpes.one/gemini/beyondneolithic.life/articles/see_your_trash.gmi>*. diff --git a/content/2022/tx/webdev-unix/css.lua b/content/2022/tx/webdev-unix/css.lua @@ -0,0 +1,5 @@ +return { + title = "CSS et Unix (le développement web sous Unix)", + date = "2022-03-24", + datetime = "15:10:22", +} diff --git a/content/2022/tx/webdev-unix/css.md b/content/2022/tx/webdev-unix/css.md @@ -0,0 +1,165 @@ +# CSS et Unix + +<!-- * Design system basé sous des fichiers CSV --> +<!-- * Surveiller les changements avec `entr`. --> + +## Regrouper plusieurs feuilles de styles ensemble sous Unix + +À des fins de performance, cela peut-être une bonne idée de regrouper +nos feuilles de styles pour réduire le nombre de requêtes HTTP. + +Si avec HTTP 1.1, c'était bien vue de ne servir qu'un seul fichier +CSS. Avec HTTP 2, il est conseillé de découper ses feuilles en +plusieurs ballots hiérarchisés, plutôt qu'en un seul gros bloc de +code. + +À ce sujet, voir le banc d'essai de Harry Roberts: [CSS and Network +Performance](https://csswizardry.com/2018/11/css-and-network-performance/). + +### Règle `@import` + +La règle CSS `@import`, n'est pas conseillé en production pour +justement une question de performance. + +Alors quelle autre option nous reste-t-il si on veut découper nos +styles sans passer par un préprocesseur? + +### Utilitaire `cat` + +Pour concaténer des fichiers ensemble sous Unix il faut utiliser +l'utilitaire `cat`. + + cat - concatenate and print files + +Avec peu de fichiers CSS, on peut simplement faire: + + cat a.css b.css c.css d.css e.css f.css > styles.css + +En voulant être plus concis cela serait: + + cat *.css > styles.css + +Mais en CSS l'ordre des déclarations est important. Nous ne voudrions +pas neutraliser ou déclasser certains styles. + +Dans les utilitaires du shell il y a un flux entrant (standard input ou +stdin) et un flux sortant (standard output ou stdout). La lecture se +fait par le **stdin** et l'écriture par le **stdout**. Il y a aussi un flux +sortant pour les erreurs (standard error ou stderr). + +Il est toutefois possible détourner ces flux. Comme par exemple avec +`<` ou `>` en appliquant des redirections vers un fichier, comme dans +mon exemple ci-haut, avec l'utilitaire `cat`, où l'on redirige la +sortie vers le fichier `styles.css`. Sans cette redirection le +résultat s'afficherait dans le terminal avec `stdout`. + +La redirection d'entrée utilise le symbole `<`. Cela permet d'indiquer +qu'un fichier sera passé en *stdin*. + +### Concaténer une liste de CSS avec `while`, `read` et `<` + +Maintenant nous allons utilser une boucle de type `while`, combiné +avec l'utilitaire `read`, pour concaténer un groupe de fichiers CSS. + +Notre liste se trouve dans un fichier nommé `global-styles.txt`. Nous +y avons inscrit une feuille de style par ligne: + + global/tokens/typography.css + global/tokens/colors.css + global/tokens/grid.css + + global/base.css + global/a11y.css + +Ensuite, notre script sera dans un autre fichier que nous appellerons +`css.sh`: + + #!/bin/sh + + while read -r line; do + [ -n "$line" ] && cat "./$line" + done < global-styles.txt + + +Attention, il est important de s'assurer que ce fichier soit +exécutable (`chmod u+x css.sh`), avant de lancer la commande: + + ./css.sh + +Si tout s'est bien passé, on constate que le contenu de toutes les +feuilles que nous avons listées s'affichent dans le terminal. + +Dans ce script, la valeur de chaque ligne est assignée à la variable +`line`. Puis `[ -n "$line" ]`, teste si la chaîne de caractère +retournée par `$line` n'est pas `null` avant de d'exécuter `cat`. Et +finalement, notre liste est dirigée dans la boucle avec `<`. + +L'étape suivante serait de rediriger `stdout` vers un fichier CSS avec +`>`: + + #!/bin/sh + + while read -r line; do + [ -n "$line" ] && cat "./$line" + done < global-styles.txt > global.css + + +On pourrait aussi ne pas vouloir de fichier `.txt` et lister +directement dans le script les fichier à concaténer: + + #!/bin/sh + + while read -r line; do + [ -n "$line" ] && cat "./$line" + done <<EOF + global/tokens/typography.css + global/tokens/colors.css + global/tokens/grid.css + + global/base.css + global/a11y.css + EOF + + +Ici `EOF` est une commande qui permet de faire une entrée +multiligne. Donc toutes les lignes qui se trouve entre `<<EOF` et +`EOF` est passé à `stdin`. + +## Minifier une feuille de style avec `tr` pour réduire son poid + +L'utilitaire `tr` sert à *traduire* ou éliminer des caractères. Il va +permettre de retirer les sauts de ligne et les retours dans notre CSS, +pour ramener toutes les règles sur une seule ligne. Le poid du fichier +sera donc un peu moindre: + + cat global.css | tr -d '\n\r' > "$global.min.css" + +Ce n'est pas la façon la plus optimale de minifier, mais avec +plusieurs feuilles style cela permet de faire des gains de plusieurs +kilooctets. Sinon avec l'utilitaire `sed`, il est sans doute possible +d'améliorer la soustraction. + +<!-- https://siongui.github.io/2016/03/11/makefile-concetenate-and-minify-css-via-sed-and-tr/ --> +<!-- https://www.tero.co.uk/scripts/minify.php --> +<!-- https://mohammadthalif.wordpress.com/2016/07/25/how-to-minify-css-using-simple-bash-commands/ --> + +Le caractère `|`, que l'on appelle *pipe*, sert à lier deux processus +en prenant le flux de sortie du premier, pour en faire le flux +d'entrée du second. + +Rendu ici, on peut mettre ensemble la concaténation et minification: + + #!/bin/sh + + while read -r line; do + [ -n "$line" ] && cat "./$line" + done <<EOF | tr -d '\n\r' > "global.min.css" + global/tokens/typography.css + global/tokens/colors.css + global/tokens/grid.css + + global/base.css + global/a11y.css + EOF + +---