Bloc "Pour aller plus loin"
This commit is contained in:
@@ -19,6 +19,8 @@ genres:
|
||||
- jeu d'action-aventure
|
||||
- jeu d'aventure
|
||||
- jeu vidéo de simulation
|
||||
further_reading:
|
||||
- /interets/informatique/2022/04/15/mon-nouveau-pc-de-jeu-est-arrive/
|
||||
links:
|
||||
- lang: en
|
||||
name: Site officiel
|
||||
@@ -117,12 +119,6 @@ Je joue sur mon Alienware Aurora R10 Ryzen Edition, CPU AMD Ryzen 9 5900X, 32GB
|
||||
Le jeu étant conçu pour Windows (et reposant sur le moteur Unity), c'est à Proton qu'est confiée la tâche de le faire tourner.
|
||||
Notez en outre que j'utilise le Magic TrackPad d'Apple et mon clavier (pas de manette).
|
||||
|
||||
<details class="read-more"><summary>Voir aussi</summary>
|
||||
|
||||
- [/interets/informatique/2022/04/15/mon-nouveau-pc-de-jeu-est-arrive/](/interets/informatique/2022/04/15/mon-nouveau-pc-de-jeu-est-arrive/)
|
||||
|
||||
</details>
|
||||
|
||||
## Points négatifs
|
||||
|
||||
Il est largement reproché à _DFH_ de ne pas être optimisé, et c'est vrai.
|
||||
|
||||
@@ -6,6 +6,12 @@ date: '2021-03-09 02:04:16'
|
||||
entreprises:
|
||||
- free
|
||||
- Home Assistant
|
||||
further_reading:
|
||||
- /interets/informatique/2024/01/15/2024-l-annee-du-changement/
|
||||
- /interets/informatique/2024/01/31/test-de-l-ecran-portable-arzopa-z1fc/
|
||||
- /interets/informatique/2022/03/11/a-la-recherche-du-clavier-parfait-personnalisation-terminee/
|
||||
- /interets/informatique/2023/10/02/mort-de-ma-steelseries-aerox-3-wireless/
|
||||
- /interets/informatique/2022/04/15/mon-nouveau-pc-de-jeu-est-arrive/
|
||||
tags:
|
||||
- Tradition
|
||||
- Geek
|
||||
@@ -158,23 +164,8 @@ Ma station de travail est un Mac mini M2.
|
||||
Je travaille sur une TV LG 55C3 et un écran portable [Arzopa de 16 pouces](https://www.amazon.fr/dp/B0CJCBQYDY).
|
||||
J’ai abandonné la souris pour un TrackPad.
|
||||
|
||||
<details class="read-more"><summary>Voir aussi</summary>
|
||||
|
||||
- [/interets/informatique/2024/01/15/2024-l-annee-du-changement/](/interets/informatique/2024/01/15/2024-l-annee-du-changement/)
|
||||
- [/interets/informatique/2024/01/31/test-de-l-ecran-portable-arzopa-z1fc/](/interets/informatique/2024/01/31/test-de-l-ecran-portable-arzopa-z1fc/)
|
||||
- [/interets/informatique/2022/03/11/a-la-recherche-du-clavier-parfait-personnalisation-terminee/](/interets/informatique/2022/03/11/a-la-recherche-du-clavier-parfait-personnalisation-terminee/)
|
||||
- [/interets/informatique/2023/10/02/mort-de-ma-steelseries-aerox-3-wireless/](/interets/informatique/2023/10/02/mort-de-ma-steelseries-aerox-3-wireless/)
|
||||
|
||||
</details>
|
||||
|
||||
### Station de jeu
|
||||
|
||||
<details class="read-more"><summary>Voir aussi</summary>
|
||||
|
||||
- [/interets/informatique/2022/04/15/mon-nouveau-pc-de-jeu-est-arrive/](/interets/informatique/2022/04/15/mon-nouveau-pc-de-jeu-est-arrive/)
|
||||
|
||||
</details>
|
||||
|
||||
## Consommation électrique
|
||||
|
||||
Je dispose d’un onduleur Eaton Ellipse 1200 Pro qui présente la caractéristique intéressante de me fournir la consommation réelle de ce qui est branché dessus. Ainsi, je peux dire que l’ensemble de mon réseau consomme au total moins de 40W en moyenne. Je trouve que c’est très satisfaisant. L’onduleur pourrait ainsi fonctionner pendant deux heures sur batterie si une coupure de courant devait survenir. Largement de quoi voir venir…
|
||||
|
||||
@@ -3,6 +3,8 @@ aliases:
|
||||
- /blog/2021/10/29/deployer-hugo-via-gitea-et-drone-ci-avec-caddy-et-minio/
|
||||
comments_url: https://com.richard-dern.fr/post/273
|
||||
date: '2021-10-29 12:00:00'
|
||||
further_reading:
|
||||
- /interets/informatique/2021/09/12/deployer-hugo-via-gitea-et-drone-ci/
|
||||
tags:
|
||||
- Plus
|
||||
- Informatique
|
||||
@@ -30,12 +32,6 @@ lisez 😄 Dans le cas contraire, cet article fait suite à un autre article pub
|
||||
le mois dernier : [Déployer Hugo via Gitea et Drone-CI](/interets/informatique/2021/09/12/deployer-hugo-via-gitea-et-drone-ci/).
|
||||
Vous aurez donc compris que je vais rendre la procédure encore plus complexe.
|
||||
|
||||
<details class="read-more"><summary>Voir aussi</summary>
|
||||
|
||||
- [/interets/informatique/2021/09/12/deployer-hugo-via-gitea-et-drone-ci/](/interets/informatique/2021/09/12/deployer-hugo-via-gitea-et-drone-ci/)
|
||||
|
||||
</details>
|
||||
|
||||
## Contexte et motivation
|
||||
|
||||
Je suis très satisfait de ma stack de publication actuelle : j'écris mes
|
||||
|
||||
@@ -3,6 +3,9 @@ aliases:
|
||||
- /blog/2021/10/30/drone-ci-et-htmltest-pour-traquer-les-liens-morts-dans-hugo/
|
||||
comments_url: https://com.richard-dern.fr/post/274
|
||||
date: '2021-10-30 12:00:00'
|
||||
further_reading:
|
||||
- /interets/informatique/2021/09/12/deployer-hugo-via-gitea-et-drone-ci/
|
||||
- /interets/informatique/2021/10/29/deployer-hugo-via-gitea-et-drone-ci-avec-caddy-et-minio/
|
||||
tags:
|
||||
- Plus
|
||||
- Informatique
|
||||
@@ -28,13 +31,6 @@ sembler compliquée au premier abord mais qui, au final, permet de faire plein d
|
||||
choses sympathiques. Si vous voulez en savoir plus, je vous invite à lire les
|
||||
autres articles que j'ai écrit à ce sujet :
|
||||
|
||||
<details class="read-more"><summary>Voir aussi</summary>
|
||||
|
||||
- [/interets/informatique/2021/09/12/deployer-hugo-via-gitea-et-drone-ci/](/interets/informatique/2021/09/12/deployer-hugo-via-gitea-et-drone-ci/)
|
||||
- [/interets/informatique/2021/10/29/deployer-hugo-via-gitea-et-drone-ci-avec-caddy-et-minio/](/interets/informatique/2021/10/29/deployer-hugo-via-gitea-et-drone-ci-avec-caddy-et-minio/)
|
||||
|
||||
</details>
|
||||
|
||||
Rapidement : j'ai Drone-CI qui s'occupe de compiler et publier un site statique
|
||||
réalisé avec Hugo (le site que vous êtes en train de visiter). Je vais lui
|
||||
demander d'en faire un peu plus : parcourir le site à la recherche de liens
|
||||
|
||||
@@ -9,6 +9,8 @@ entreprises:
|
||||
- ASUS
|
||||
- Home Assistant
|
||||
- Debian
|
||||
further_reading:
|
||||
- /interets/informatique/2021/11/07/deux-semaines-sous-nixos-je-divorce-de-debian/
|
||||
tags:
|
||||
- Tablette
|
||||
- Navigateur
|
||||
@@ -46,12 +48,6 @@ mon plan pour divorcer de debian,
|
||||
mais certaines spécificités de la tablette rendent la tâche plus complexe que ce
|
||||
qu'il faudrait.
|
||||
|
||||
<details class="read-more"><summary>Voir aussi</summary>
|
||||
|
||||
- [/interets/informatique/2021/11/07/deux-semaines-sous-nixos-je-divorce-de-debian/](/interets/informatique/2021/11/07/deux-semaines-sous-nixos-je-divorce-de-debian/)
|
||||
|
||||
</details>
|
||||
|
||||
Principalement, son EFI est en 32bits alors que le système tourne en 64bits. Je
|
||||
me suis naïvement dit que, qu'à cela ne tienne, j'installe un système 100%
|
||||
32bits. Sauf que ce faisant, NixOS ne fournit pas de paquets pré-compilés
|
||||
|
||||
@@ -5,6 +5,10 @@ comments_url: https://com.richard-dern.fr/post/365
|
||||
date: '2023-09-03 12:00:00'
|
||||
entreprises:
|
||||
- Apple
|
||||
further_reading:
|
||||
- /interets/liens-interessants/2023/08/11/3ebdad4c/
|
||||
- /interets/informatique/2023/04/06/rant-mon-site-c-est-de-la-merde/
|
||||
- /interets/informatique/2022/02/12/rant-hugo-et-tailwind/
|
||||
franchises:
|
||||
- Jurassic World
|
||||
oeuvres:
|
||||
@@ -43,14 +47,6 @@ weather:
|
||||
|
||||
Me voilà enfin débarrassé de deux outils sur lesquels je (et d’autres) râle depuis quelques temps : Hugo, et Tailwind.
|
||||
|
||||
<details class="read-more"><summary>Voir aussi</summary>
|
||||
|
||||
- [/interets/liens-interessants/2023/08/11/3ebdad4c/](/interets/liens-interessants/2023/08/11/3ebdad4c/)
|
||||
- [/interets/informatique/2023/04/06/rant-mon-site-c-est-de-la-merde/](/interets/informatique/2023/04/06/rant-mon-site-c-est-de-la-merde/)
|
||||
- [/interets/informatique/2022/02/12/rant-hugo-et-tailwind/](/interets/informatique/2022/02/12/rant-hugo-et-tailwind/)
|
||||
|
||||
</details>
|
||||
|
||||
Maintenant, on va pouvoir s’amuser.
|
||||
Maintenant, je vais avoir un blog véritablement à mon image, épuré de technologies qui ne me conviennent pas, auxquelles je n’adhère pas, utilisées juste sous prétexte que c’est _hype_.
|
||||
Ce nouveau site, c’est 100% Richard Dern (ou presque).
|
||||
|
||||
@@ -11,6 +11,10 @@ entreprises:
|
||||
- Facebook
|
||||
franchises:
|
||||
- Jurassic Park
|
||||
further_reading:
|
||||
- /interets/informatique/2023/01/16/rant-android-c-est-de-la-merde/
|
||||
- /interets/informatique/2023/02/14/rant-le-son-numerique-c-est-de-la-merde/
|
||||
- /interets/informatique/2021/10/26/pour-le-bien-de-vos-ecrans-investissez-dans-vos-cables/
|
||||
oeuvres:
|
||||
- No Man's Sky
|
||||
- Jurassic Park
|
||||
@@ -68,12 +72,6 @@ Alors que mon 6S Plus était docké en permanence près du lit et que je ne l'em
|
||||
|
||||
J'en suis d'autant plus content que c'est mon premier iPhone de première main, et vu la durée de vie des iPhones, c'est un investissement largement rentable (le 6S Plus a tenu 8 ans, et je ne m'en sépare que parce que je voulais un écran OLED avec Pro Motion).
|
||||
|
||||
<details class="read-more"><summary>Voir aussi</summary>
|
||||
|
||||
- [/interets/informatique/2023/01/16/rant-android-c-est-de-la-merde/](/interets/informatique/2023/01/16/rant-android-c-est-de-la-merde/)
|
||||
|
||||
</details>
|
||||
|
||||
Je suis content de bénéficier de tous les derniers raffinements proposés par Apple, et je m'amuse avec des fonctionnalités parfois futiles (les memojis), parfois bluffantes (le son et l'image, y compris et surtout la photo), mais toujours exécutées à la perfection.
|
||||
|
||||
Les fonctionnalités liées à Continuité en particulier ont ma préférence.
|
||||
@@ -118,12 +116,6 @@ Pour la partie audio, c'est encore pire.
|
||||
Outre mes [Logitech Z906](https://www.logitech.com/fr-fr/products/speakers/z906-surround-sound-system.980-000468.html), sur lesquelles je sortais le son du PC de jeu via un câble triple-jack, je sortais aussi le son de l'AppleTV via un extracteur audio HDMI/optique, mais sans en être franchement satisfait, et surtout, il ne m'était utile que pour l'AppleTV.
|
||||
Sortir un son 5.1 de mon Mac mini s'est révélé un enfer, même après avoir acheté une carte son externe (!).
|
||||
|
||||
<details class="read-more"><summary>Voir aussi</summary>
|
||||
|
||||
- [/interets/informatique/2023/02/14/rant-le-son-numerique-c-est-de-la-merde/](/interets/informatique/2023/02/14/rant-le-son-numerique-c-est-de-la-merde/)
|
||||
|
||||
</details>
|
||||
|
||||
J'ai alors rendu mon installation encore plus complexe en introduisant un autre moyen de sortir du son : un [HomePod Mini](https://www.apple.com/fr/shop/buy-homepod/homepod-mini).
|
||||
|
||||
Problème : le HomePod Mini ne peut pas être appairé de façon **permanente** à l'AppleTV.
|
||||
@@ -192,12 +184,6 @@ Dans mon cas, 5 mètres sont suffisants.
|
||||
Entre l'adaptateur USB-c vers HDMI du Mac mini et [le câble HDMI en fibre optique](https://www.amazon.fr/dp/B09TFLNG4H) pour le PC de jeu, il y en avait pour une soixantaine d'euros.
|
||||
Mais après avoir connu des déboires assez conséquents avec des câbles de mauvaise qualité, cette dépense est finalement bien peu de choses par rapport au gain en terme de simplicité et de qualité.
|
||||
|
||||
<details class="read-more"><summary>Voir aussi</summary>
|
||||
|
||||
- [/interets/informatique/2021/10/26/pour-le-bien-de-vos-ecrans-investissez-dans-vos-cables/](/interets/informatique/2021/10/26/pour-le-bien-de-vos-ecrans-investissez-dans-vos-cables/)
|
||||
|
||||
</details>
|
||||
|
||||
J'ai encore un peu de travail à faire pour masquer les quelques câbles qui restent, comme vous le constatez sur la photo, mais mon cahier des charges est rempli : aussi peu de câbles que possible, une image et un son au top.
|
||||
|
||||
Reste un problème existentiel : j'ai écrit un article intitulé "_Le son numérique, c'est de la merde_" (lié plus haut), mais force est de constater que, quand on dispose du matériel approprié, mes critiques s'éventent.
|
||||
|
||||
@@ -7,6 +7,10 @@ entreprises:
|
||||
- Instagram
|
||||
- Google
|
||||
- Paypal
|
||||
further_reading:
|
||||
- /interets/informatique/2023/08/16/reflexion-ia-et-licences/
|
||||
- /interets/informatique/2023/05/26/reflexion-ia-et-moteurs-de-recherche/
|
||||
- /interets/informatique/2022/12/24/l-ia-pose-la-question-de-l-identite/
|
||||
tags:
|
||||
- Blog
|
||||
- Internet
|
||||
@@ -99,14 +103,6 @@ Ce qui m'amène à un autre changement à venir dans la politique de gestion de
|
||||
En l'état actuel des choses (sur les plans techniques, juridiques, éthiques, sociaux, etc.), je suis farouchement contre l'IA, jusqu'à la sémantique-même qui est utilisée dans le milieu et par les médias.
|
||||
Je ne vais pas développer ça ici, je l'ai déjà fait dans plusieurs billets antérieurs.
|
||||
|
||||
<details class="read-more"><summary>Voir aussi</summary>
|
||||
|
||||
- [/interets/informatique/2023/08/16/reflexion-ia-et-licences/](/interets/informatique/2023/08/16/reflexion-ia-et-licences/)
|
||||
- [/interets/informatique/2023/05/26/reflexion-ia-et-moteurs-de-recherche/](/interets/informatique/2023/05/26/reflexion-ia-et-moteurs-de-recherche/)
|
||||
- [/interets/informatique/2022/12/24/l-ia-pose-la-question-de-l-identite/](/interets/informatique/2022/12/24/l-ia-pose-la-question-de-l-identite/)
|
||||
|
||||
</details>
|
||||
|
||||
Néanmoins, en tant que geek, passionné de sciences et de nouvelles technologies, je ne peux pas admettre que dans vingt ans, je me retrouve du mauvais côté de la fracture numérique.
|
||||
Je ne serai pas de ceux qui regardent avec ignorance ce que font les jeunes.
|
||||
|
||||
|
||||
@@ -6,6 +6,8 @@ cover: images/OAUFMT.webp
|
||||
date: '2024-05-04 22:32:09'
|
||||
entreprises:
|
||||
- Home Assistant
|
||||
further_reading:
|
||||
- /interets/informatique/2021/03/09/mon-reseau/
|
||||
tags:
|
||||
- Informatique
|
||||
- Réseau
|
||||
@@ -51,12 +53,6 @@ Et, évidemment, j'ai connu un problème majeur pendant ma dernière [maintenanc
|
||||
|
||||
## Contexte
|
||||
|
||||
<details class="read-more"><summary>Voir aussi</summary>
|
||||
|
||||
- [/interets/informatique/2021/03/09/mon-reseau/](/interets/informatique/2021/03/09/mon-reseau/)
|
||||
|
||||
</details>
|
||||
|
||||
Le but ultime de la maintenance était d'intégrer mon Mac mini M1 au réseau en tant que serveur principal, en remplacement de mon minisforum U-820.
|
||||
Du coup, j'ai vu une opportunité d'utiliser ce dernier en tant que routeur à la place du Awow AK-34, qui deviendrait mon reverse-proxy.
|
||||
|
||||
|
||||
@@ -4,6 +4,13 @@ aliases:
|
||||
comments_url: https://com.richard-dern.fr/post/202
|
||||
cover: images/ceFyBS.png
|
||||
date: '2024-05-05 23:51:47'
|
||||
further_reading:
|
||||
- /interets/informatique/2022/12/24/l-ia-pose-la-question-de-l-identite/
|
||||
- /interets/informatique/2023/05/26/reflexion-ia-et-moteurs-de-recherche/
|
||||
- /interets/informatique/2023/08/16/reflexion-ia-et-licences/
|
||||
- /interets/informatique/2024/02/19/j-ai-discute-avec-chatgpt/
|
||||
- /interets/informatique/2024/03/03/reflexions-leonardo-ai/
|
||||
- /interets/informatique/2024/03/10/j-ai-pris-un-abonnement-a-chatgpt/
|
||||
tags:
|
||||
- Plus
|
||||
- Intelligence Artificielle
|
||||
@@ -42,17 +49,6 @@ Il m'arrive d'avoir tort, ou, en tout cas, de changer d'opinion après m'être r
|
||||
Honnêtement, c'est assez rare, mais ça arrive.
|
||||
Le meilleur exemple que je puisse vous donner est aussi le plus récent : alors que je critiquais vertement l'Intelligence Artificielle à travers plusieurs articles, j'ai fini par utiliser ChatGPT avec un enthousiasme non dissimulé.
|
||||
|
||||
<details class="read-more"><summary>Voir aussi</summary>
|
||||
|
||||
- [/interets/informatique/2022/12/24/l-ia-pose-la-question-de-l-identite/](/interets/informatique/2022/12/24/l-ia-pose-la-question-de-l-identite/)
|
||||
- [/interets/informatique/2023/05/26/reflexion-ia-et-moteurs-de-recherche/](/interets/informatique/2023/05/26/reflexion-ia-et-moteurs-de-recherche/)
|
||||
- [/interets/informatique/2023/08/16/reflexion-ia-et-licences/](/interets/informatique/2023/08/16/reflexion-ia-et-licences/)
|
||||
- [/interets/informatique/2024/02/19/j-ai-discute-avec-chatgpt/](/interets/informatique/2024/02/19/j-ai-discute-avec-chatgpt/)
|
||||
- [/interets/informatique/2024/03/03/reflexions-leonardo-ai/](/interets/informatique/2024/03/03/reflexions-leonardo-ai/)
|
||||
- [/interets/informatique/2024/03/10/j-ai-pris-un-abonnement-a-chatgpt/](/interets/informatique/2024/03/10/j-ai-pris-un-abonnement-a-chatgpt/)
|
||||
|
||||
</details>
|
||||
|
||||
Mais, fondamentalement, ma culture générale concernant l'IA est relativement limitée.
|
||||
Discuter avec ChatGPT ou me faire conseiller par lui sur des sujets techniques, c'est vrai que c'est bien utile (surtout [quand on fait n'importe quoi](/interets/informatique/2024/05/04/maintenance-terminee/)), mais ça ne me dit rien sur son fonctionnement.
|
||||
Et, si j'étais un véritable profane, j'entendrais beaucoup parler d'[algorithmes](https://fr.wikipedia.org/wiki/Algorithme) sans vraiment savoir ce dont il s'agit.
|
||||
|
||||
@@ -8,6 +8,16 @@ entreprises:
|
||||
- Google
|
||||
- Apple
|
||||
- Facebook
|
||||
further_reading:
|
||||
- /interets/liens-interessants/2024/02/14/2dbbc8d2/
|
||||
- /interets/informatique/2023/08/14/internet-c-etait-mieux-avant/
|
||||
- /interets/informatique/2022/01/21/l-informatique-c-etait-mieux-avant/
|
||||
- /interets/informatique/2016/07/27/alphabet-une-entreprise-pas-comme-les-autres/
|
||||
- /interets/informatique/2023/07/22/a-propos-de-web-environment-integrity/
|
||||
- /interets/informatique/2023/01/16/rant-android-c-est-de-la-merde/
|
||||
- /interets/informatique/2022/02/12/rant-hugo-et-tailwind/
|
||||
- /interets/informatique/2022/12/17/javascript-c-est-de-la-merde/
|
||||
- /interets/informatique/2024/06/13/le-developpement-cetait-mieux-avant/
|
||||
tags:
|
||||
- Plus
|
||||
- Source
|
||||
@@ -66,26 +76,10 @@ J'en fais un article chaque année.
|
||||
D'autres, depuis quelques temps, ont un mot pour cela.
|
||||
La **merdification**.
|
||||
|
||||
<details class="read-more"><summary>Voir aussi</summary>
|
||||
|
||||
- /termes/merdification/
|
||||
- [/interets/informatique/2023/08/14/internet-c-etait-mieux-avant/](/interets/informatique/2023/08/14/internet-c-etait-mieux-avant/)
|
||||
- [/interets/informatique/2022/01/21/l-informatique-c-etait-mieux-avant/](/interets/informatique/2022/01/21/l-informatique-c-etait-mieux-avant/)
|
||||
|
||||
</details>
|
||||
|
||||
Elle a commencé dès que Google a posé ses valises capitalistes dans le monde du web.
|
||||
D'abord simple incitatrice, tentatrice, corruptrice, l'entreprise est devenue la reine, la déesse.
|
||||
Toute puissante pour créer des protocoles, des navigateurs, des systèmes d'exploitation, un système de croyances, de punitions et de récompense, rendant ses adeptes aveugles à ses méfaits, comme des chiens battus par leur maître.
|
||||
|
||||
<details class="read-more"><summary>Voir aussi</summary>
|
||||
|
||||
- [/interets/informatique/2016/07/27/alphabet-une-entreprise-pas-comme-les-autres/](/interets/informatique/2016/07/27/alphabet-une-entreprise-pas-comme-les-autres/)
|
||||
- [/interets/informatique/2023/07/22/a-propos-de-web-environment-integrity/](/interets/informatique/2023/07/22/a-propos-de-web-environment-integrity/)
|
||||
- [/interets/informatique/2023/01/16/rant-android-c-est-de-la-merde/](/interets/informatique/2023/01/16/rant-android-c-est-de-la-merde/)
|
||||
|
||||
</details>
|
||||
|
||||
Google a montré la voie.
|
||||
Elle gouverne ce qu'elle possède, c'est-à-dire presque tout.
|
||||
Mais elle a montré la voie.
|
||||
@@ -150,14 +144,6 @@ Malheureusement, la situation n'est pas meilleure dans le développement.
|
||||
Tout change, évidemment.
|
||||
Mais pas forcément en bien.
|
||||
|
||||
<details class="read-more"><summary>Voir aussi</summary>
|
||||
|
||||
- [/interets/informatique/2022/02/12/rant-hugo-et-tailwind/](/interets/informatique/2022/02/12/rant-hugo-et-tailwind/)
|
||||
- [/interets/informatique/2022/12/17/javascript-c-est-de-la-merde/](/interets/informatique/2022/12/17/javascript-c-est-de-la-merde/)
|
||||
- [/interets/informatique/2024/06/13/le-developpement-cetait-mieux-avant/](/interets/informatique/2024/06/13/le-developpement-cetait-mieux-avant/)
|
||||
|
||||
</details>
|
||||
|
||||
Pourquoi les langages de programmation deviennent aussi hostiles ?
|
||||
Pourquoi préférons-nous faire usage de télémétrie ?
|
||||
Pourquoi infantilisons-nous les utilisateurs au lieu de leur expliquer ce qui pose problème ?
|
||||
|
||||
@@ -2,6 +2,10 @@
|
||||
comments_url: https://com.richard-dern.fr/post/169
|
||||
cover: images/screenshot.png
|
||||
date: '2023-09-13 12:00:00'
|
||||
further_reading:
|
||||
- /interets/liens-interessants/2022/05/23/d37ef948/
|
||||
- /interets/liens-interessants/2023/05/15/3c06184a/
|
||||
- /interets/liens-interessants/2023/05/18/baedfe20/
|
||||
keywords: []
|
||||
links:
|
||||
- lang: en-ie
|
||||
@@ -33,11 +37,4 @@ weather:
|
||||
Dans la lignée d'autres liens que j'ai déjà partagé antérieurement (voir ci-dessous) - à savoir : ne pas succomber aux modes qui ont l'air cools mais qui sur-compliquent le web - l'auteur répond ici à la hype autour des SPA.
|
||||
En deux mots : *User Experience*.
|
||||
|
||||
<x-read-more :urls="[
|
||||
'/liens-interessants/2023/05/06/52f89d7d04884ee0009dbe696d16f8d5/',
|
||||
'/liens-interessants/2022/05/23/d37ef9489a2577c0a2df9e753ae9ec23/',
|
||||
'/liens-interessants/2023/05/15/3c06184afa37d92b788f8c6fcdb9677e/',
|
||||
'/liens-interessants/2023/05/18/baedfe202aff28fa4a7e003bd8071a1c/'
|
||||
]"></x-read-more>
|
||||
|
||||
On notera d'ailleurs un autre "site/livre" de l'auteur : [*Resilient Web Design*](https://resilientwebdesign.com/), qui est une pépite comme j'aimerais en voir plus souvent.
|
||||
|
||||
@@ -2,6 +2,8 @@
|
||||
comments_url: https://com.richard-dern.fr/post/177
|
||||
cover: images/screenshot.png
|
||||
date: '2024-02-22 12:00:00'
|
||||
further_reading:
|
||||
- /interets/divers/2023/12/31/retrospective-2023/
|
||||
keywords: []
|
||||
links:
|
||||
- lang: fr-fr
|
||||
@@ -28,6 +30,4 @@ weather:
|
||||
|
||||
AH ! Cool de voir que je suis pas le seul que ça dérange...
|
||||
|
||||
<x-read-more :urls="['/blog/2023/12/31/retrospective-2023/']"></x-read-more>
|
||||
|
||||
> J'ai abandonné le magazine Sciences et Avenir face à la quantité de pubs et certaines hérésies (en particulier la promotion des croisières "scientifiques" sur d'immenses paquebots pollueurs et destructeurs de l'écologie marine).
|
||||
|
||||
@@ -303,52 +303,52 @@ main > article li + li {
|
||||
margin-top: 0.35rem;
|
||||
}
|
||||
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list {
|
||||
--articles-related-flow-gap: 0.78rem;
|
||||
margin-top: var(--space-2);
|
||||
}
|
||||
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list > ol {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list > ol {
|
||||
padding-left: 0;
|
||||
grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: var(--space-4);
|
||||
}
|
||||
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list > ol > li,
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list > ol > li + li {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list > ol > li,
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list > ol > li + li {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list article {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list article {
|
||||
border-top: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list > ol > li article > header {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list > ol > li article > header {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list > ol > li article > header > a {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list > ol > li article > header > a {
|
||||
display: block;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list > ol > li article > header > a > figure {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list > ol > li article > header > a > figure {
|
||||
margin: 0;
|
||||
min-height: 0;
|
||||
aspect-ratio: 340 / 191;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list > ol > li article > header > a > figure img {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list > ol > li article > header > a > figure img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
display: block;
|
||||
}
|
||||
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list > ol > li article > header > p {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list > ol > li article > header > p {
|
||||
margin-top: var(--articles-related-flow-gap);
|
||||
font-size: 0.84rem;
|
||||
line-height: 1.15;
|
||||
@@ -357,17 +357,17 @@ main > article > section.article-asides > section.article-related > nav.articles
|
||||
color: var(--color-text-muted);
|
||||
}
|
||||
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list > ol > li article > header > p > a {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list > ol > li article > header > p > a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
font-family: var(--font-heading);
|
||||
}
|
||||
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list > ol > li article > header > p > a:is(:hover, :focus-visible) {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list > ol > li article > header > p > a:is(:hover, :focus-visible) {
|
||||
color: var(--color-link-hover);
|
||||
}
|
||||
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list > ol > li article > header > h3 {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list > ol > li article > header > h3 {
|
||||
margin-top: var(--articles-related-flow-gap);
|
||||
margin-bottom: 0;
|
||||
padding-top: 0;
|
||||
@@ -380,19 +380,19 @@ main > article > section.article-asides > section.article-related > nav.articles
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list > ol > li article > header > h3::before {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list > ol > li article > header > h3::before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list > ol > li article > header:has(> p) > h3 {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list > ol > li article > header:has(> p) > h3 {
|
||||
margin-top: calc(var(--articles-related-flow-gap) * 0.4);
|
||||
}
|
||||
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list article > p:nth-of-type(1) {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list article > p:nth-of-type(1) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list article > p:last-child {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list article > p:last-child {
|
||||
margin-top: var(--articles-related-flow-gap);
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
@@ -405,23 +405,23 @@ main > article > section.article-asides > section.article-related > nav.articles
|
||||
font-family: var(--font-heading);
|
||||
}
|
||||
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list > ol > li article > a:is(:hover, :focus-visible) > h3,
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list > ol > li article > header > h3 > a:is(:hover, :focus-visible),
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list > ol > li article:has(> header > a:is(:hover, :focus-visible)) > header > h3 > a {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list > ol > li article > a:is(:hover, :focus-visible) > h3,
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list > ol > li article > header > h3 > a:is(:hover, :focus-visible),
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list > ol > li article:has(> header > a:is(:hover, :focus-visible)) > header > h3 > a {
|
||||
color: var(--color-link-hover);
|
||||
text-decoration: underline;
|
||||
text-decoration-thickness: 1px;
|
||||
text-underline-offset: 0.15em;
|
||||
}
|
||||
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list article > p:last-child > a {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list article > p:last-child > a {
|
||||
color: inherit;
|
||||
text-decoration: underline;
|
||||
text-decoration-thickness: 1px;
|
||||
text-underline-offset: 0.15em;
|
||||
}
|
||||
|
||||
main > article > section.article-asides > section.article-related > nav.articles-list article > p:last-child > a:is(:hover, :focus-visible) {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list article > p:last-child > a:is(:hover, :focus-visible) {
|
||||
color: inherit;
|
||||
filter: brightness(1.2);
|
||||
}
|
||||
@@ -1510,6 +1510,10 @@ body:has(> header.article-header) > main > aside.article-toc nav[aria-label="Som
|
||||
}
|
||||
|
||||
@media (max-width: 1100px) {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list > ol {
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
body:has(> header.article-header) > main > article > table {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
@@ -1602,6 +1606,10 @@ body:has(> header.article-header) > main > aside.article-toc nav[aria-label="Som
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
main > article > section.article-asides > section.article-page-links > nav.articles-list > ol {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
|
||||
main > article > figure.chat-message {
|
||||
--chat-bubble-max-width: calc(100% - 1.4rem);
|
||||
}
|
||||
|
||||
@@ -1,7 +1,8 @@
|
||||
{{- $commentsMarkup := strings.TrimSpace (partial "asides/comments.html" .) -}}
|
||||
{{- $keywordsMarkup := strings.TrimSpace (partial "asides/keywords.html" .) -}}
|
||||
{{- $furtherReadingMarkup := strings.TrimSpace (partial "article-further-reading.html" .) -}}
|
||||
{{- $relatedMarkup := strings.TrimSpace (partial "article-related.html" .) -}}
|
||||
{{- if or (ne $commentsMarkup "") (ne $keywordsMarkup "") (ne $relatedMarkup "") -}}
|
||||
{{- if or (ne $commentsMarkup "") (ne $keywordsMarkup "") (ne $furtherReadingMarkup "") (ne $relatedMarkup "") -}}
|
||||
<section class="article-asides">
|
||||
{{- with $commentsMarkup -}}
|
||||
{{- . | safeHTML -}}
|
||||
@@ -9,6 +10,9 @@
|
||||
{{- with $keywordsMarkup -}}
|
||||
{{- . | safeHTML -}}
|
||||
{{- end -}}
|
||||
{{- with $furtherReadingMarkup -}}
|
||||
{{- . | safeHTML -}}
|
||||
{{- end -}}
|
||||
{{- with $relatedMarkup -}}
|
||||
{{- . | safeHTML -}}
|
||||
{{- end -}}
|
||||
|
||||
10
themes/2026/layouts/_partials/article-further-reading.html
Normal file
10
themes/2026/layouts/_partials/article-further-reading.html
Normal file
@@ -0,0 +1,10 @@
|
||||
{{- $items := partial "resolve-pages-from-urls.html" (dict
|
||||
"URLs" .Params.further_reading
|
||||
"CurrentPage" .
|
||||
) -}}
|
||||
{{- partial "article-pages-block.html" (dict
|
||||
"Title" "Pour aller plus loin"
|
||||
"Class" "article-further-reading"
|
||||
"Pages" $items
|
||||
"ShowDossierBeforeTitle" true
|
||||
) -}}
|
||||
27
themes/2026/layouts/_partials/article-pages-block.html
Normal file
27
themes/2026/layouts/_partials/article-pages-block.html
Normal file
@@ -0,0 +1,27 @@
|
||||
{{- $title := "" -}}
|
||||
{{- $class := "" -}}
|
||||
{{- $pages := slice -}}
|
||||
{{- $showDossierBeforeTitle := false -}}
|
||||
{{- if reflect.IsMap . -}}
|
||||
{{- with .Title -}}
|
||||
{{- $title = . -}}
|
||||
{{- end -}}
|
||||
{{- with .Class -}}
|
||||
{{- $class = . -}}
|
||||
{{- end -}}
|
||||
{{- with .Pages -}}
|
||||
{{- $pages = . -}}
|
||||
{{- end -}}
|
||||
{{- if isset . "ShowDossierBeforeTitle" -}}
|
||||
{{- $showDossierBeforeTitle = index . "ShowDossierBeforeTitle" -}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
{{- if and (ne $title "") (gt (len $pages) 0) -}}
|
||||
<section class="article-aside-block article-page-links{{ with $class }} {{ . }}{{ end }}">
|
||||
<h2>{{ $title }}</h2>
|
||||
{{- partial "articles-list.html" (dict
|
||||
"Pages" $pages
|
||||
"ShowDossierBeforeTitle" $showDossierBeforeTitle
|
||||
) -}}
|
||||
</section>
|
||||
{{- end -}}
|
||||
@@ -39,13 +39,10 @@
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
|
||||
{{- if gt (len $items) 0 -}}
|
||||
<section class="article-aside-block article-related">
|
||||
<h2>Articles relatifs</h2>
|
||||
{{- partial "articles-list.html" (dict
|
||||
"Pages" $items
|
||||
"ShowDossierBeforeTitle" true
|
||||
) -}}
|
||||
</section>
|
||||
{{- end -}}
|
||||
{{- partial "article-pages-block.html" (dict
|
||||
"Title" "Articles relatifs"
|
||||
"Class" "article-related"
|
||||
"Pages" $items
|
||||
"ShowDossierBeforeTitle" true
|
||||
) -}}
|
||||
{{- end -}}
|
||||
|
||||
62
themes/2026/layouts/_partials/resolve-pages-from-urls.html
Normal file
62
themes/2026/layouts/_partials/resolve-pages-from-urls.html
Normal file
@@ -0,0 +1,62 @@
|
||||
{{- $rawURLs := slice -}}
|
||||
{{- $currentPage := false -}}
|
||||
{{- if reflect.IsMap . -}}
|
||||
{{- with .URLs -}}
|
||||
{{- $rawURLs = . -}}
|
||||
{{- end -}}
|
||||
{{- with .CurrentPage -}}
|
||||
{{- $currentPage = . -}}
|
||||
{{- end -}}
|
||||
{{- else -}}
|
||||
{{- $rawURLs = . -}}
|
||||
{{- end -}}
|
||||
|
||||
{{- $urls := slice -}}
|
||||
{{- if reflect.IsSlice $rawURLs -}}
|
||||
{{- $urls = $rawURLs -}}
|
||||
{{- else -}}
|
||||
{{- $singleURL := strings.TrimSpace (printf "%v" $rawURLs) -}}
|
||||
{{- if ne $singleURL "" -}}
|
||||
{{- $urls = slice $singleURL -}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
|
||||
{{- $pages := slice -}}
|
||||
{{- $seen := dict -}}
|
||||
{{- range $urls -}}
|
||||
{{- $rawURL := strings.TrimSpace (printf "%v" .) -}}
|
||||
{{- if ne $rawURL "" -}}
|
||||
{{- $parsedURL := urls.Parse $rawURL -}}
|
||||
{{- $path := strings.TrimSpace $parsedURL.Path -}}
|
||||
{{- if eq $path "" -}}
|
||||
{{- $path = $rawURL -}}
|
||||
{{- end -}}
|
||||
{{- if not (strings.HasPrefix $path "/") -}}
|
||||
{{- $path = printf "/%s" $path -}}
|
||||
{{- end -}}
|
||||
{{- if not (strings.HasSuffix $path "/") -}}
|
||||
{{- $path = printf "%s/" $path -}}
|
||||
{{- end -}}
|
||||
|
||||
{{- $match := false -}}
|
||||
{{- $matches := where site.RegularPages "RelPermalink" "eq" $path -}}
|
||||
{{- if gt (len $matches) 0 -}}
|
||||
{{- $match = index $matches 0 -}}
|
||||
{{- else -}}
|
||||
{{- $matches = where site.RegularPages "Aliases" "intersect" (slice $path) -}}
|
||||
{{- if gt (len $matches) 0 -}}
|
||||
{{- $match = index $matches 0 -}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
|
||||
{{- if $match -}}
|
||||
{{- $matchedPermalink := $match.RelPermalink -}}
|
||||
{{- $isCurrentPage := and $currentPage (eq $matchedPermalink $currentPage.RelPermalink) -}}
|
||||
{{- if and (not $isCurrentPage) (not (isset $seen $matchedPermalink)) -}}
|
||||
{{- $pages = $pages | append $match -}}
|
||||
{{- $seen = merge $seen (dict $matchedPermalink true) -}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
{{- end -}}
|
||||
{{- return $pages -}}
|
||||
Reference in New Issue
Block a user