# articles

feed_id: http://www.warriordudimanche.net/article1940/65b006ef2aafb
title: Retour sur quelques livres lus en 2023 - Chez Sammy
uri: Retour-sur-quelques-livres-lus-en-2023-Chez-Sammy
url: https://www.sammyfisherjr.net/blog/spip.php?article401
content:
<img src="media/1f5c610e.culture.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/culture.jpg" style="width:100%;height:auto"/><p>Et voilà, grâce à Sammy, encore une liste de livres ... Mais quand vais-je parvenir à tout lire ?</p>
<p>Heureusement que j'ai déjà lu Cien años de soledad... Même en faisant un arbre généalogique on se perd... mais quelle oeuvre !</p>
<p>Pour ma part, j'ai fini quelques Carlos Sisí...</p>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1940/65b006ef2aafb#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1941/65b0e1817e622
title: Les 23 meilleurs memes de développeurs de l'année 2023 sur Les Joies du Code
uri: Les-23-meilleurs-memes-de-développeurs-de-l-année-2023-sur-Les-Joies
url:
https://lesjoiesducode.fr/les-23-meilleurs-memes-de-developpeurs-annee-2023-les-joies-du-code-humour-dev

content:
<img src="media/25f6f5ed.gadget.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/gadget.jpg" style="width:100%;height:auto"/><p>OMAGAD ! Le <code>print('coucou2')</code> m'a tué ! </p>
<img class="smile xbig" src="media/9b0d9b9c.tcon.jpg" data-original-source="http://www.warriordudimanche.net/plugins/WDD_replace/img/xbig/tcon.jpg"/> <div class="via"><span title="Source du lien">Via http://links.bill2-software.com/shaarli/</span></div>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1941/65b0e1817e622#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1324/5ee870ff87257
title: Note pour plus tard - The Zen of Python | Python.org
uri: Note-pour-plus-tard-The-Zen-of-Python-Python-org
url: https://www.python.org/dev/peps/pep-0020/
content:
<img src="media/f6330bff.ptsd.webp" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/ptsd.webp" style="width:100%;height:auto"/><li>Préfère :</li>
<ul>
    <li>la beauté à la laideur,</li>
    <li>l'explicite à l'implicite,</li>
    <li>le simple au complexe</li>
    <li>et le complexe au compliqué,</li>
    <li>le déroulé à l'imbriqué,</li>
    <li>l'aéré au compact.</li>
</ul>
<li>Prends en compte la lisibilité.</li>
<li>Les cas particuliers ne le sont jamais assez pour violer les règles.</li>
<li>Mais, à la pureté, privilégie l'aspect pratique.</li>
<li>Ne passe pas les erreurs sous silence,</li>
<li>... ou bâillonne-les explicitement.</li>
<li>Face à l'ambiguïté, à deviner ne te laisse pas aller.</li>
<li>Sache qu'il ne devrait [y] avoir qu'une et une seule façon de procéder,</li>
<li>même si, de prime abord, elle n'est pas évidente, à moins d'être Néerlandais.</li>
<li>Mieux vaut maintenant que jamais.</li>
<li>Cependant jamais est souvent mieux qu'immédiatement.</li>
<li>Si l'implémentation s'explique difficilement, c'est une mauvaise idée.</li>
<li>Si l'implémentation s'explique aisément, c'est peut-être une bonne idée.</li>
<li>Les espaces de nommage ! Sacrée bonne idée ! Faisons plus de trucs comme ça. </li>
<h1>Texte d'origine</h1>
<li>Beautiful is better than ugly.</li>
<li>Explicit is better than implicit.</li>
<li>Simple is better than complex.</li>
<li>Complex is better than complicated.</li>
<li>Flat is better than nested.</li>
<li>Sparse is better than dense.</li>
<li>Readability counts.</li>
<li>Special cases aren't special enough to break the rules.</li>
<li>Although practicality beats purity.</li>
<li>Errors should never pass silently.</li>
<li>Unless explicitly silenced.</li>
<li>In the face of ambiguity, refuse the temptation to guess.</li>
<li>There should be one-- and preferably only one --obvious way to do it.</li>
<li>Although that way may not be obvious at first unless you're Dutch.</li>
<li>Now is better than never.</li>
<li>Although never is often better than -right- now.</li>
<li>If the implementation is hard to explain, it's a bad idea.</li>
<li>If the implementation is easy to explain, it may be a good idea.</li>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1324/5ee870ff87257#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1276/5e8c3077306f9
title: Troy Hunt: No, I Won't Link to Your Spammy Article
uri: Troy-Hunt-No-I-Won-t-Link-to-Your-Spammy-Article
url: https://www.troyhunt.com/no-i-wont-link-to-your-spammy-article/
content:
<img src="media/6aa05f03.dabs_ta_yeule.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/dabs_ta_yeule.jpg" style="width:100%;height:auto"/><p>Magnifique moyen de lutter contre les SPAMS qui demandent à apparaître dans ton blog:</p>
<p>Chaque fois que tu reçois une demande de ce type, tu l'ajoutes à une liste d'item sur ta propre page avec le titre de la ressource mais pas son contenu ou son lien réel...</p>
<p>Du coup, quand les gens vont chercher le lien en question, il y en aura qui aboutiront sur cette page et pas sur celle du spammeur... Mieux, à chaque fois que tu reçois ce type de demandes, tu tweetes un lien vers ta page mais avec le titre </p>
<blockquote>
<p>every time I receive spam of this nature I'm going to add an item to the list below. It will have the title of the resource you wanted me to link to, except... no link! Just the title. On a popular blog. So now when people search for [thing], they'll hopefully end up here rather than on the spammy article thus penalising you for your behaviour. And just to help my own SEO and awareness of your spammy behaviour, I'll tweet a link to this page with the title of your page each time it happens.</p>
</blockquote>
<div class="via"><span title="Source du lien">Via https://sebsauvage.net/links/?oc35Wg</span></div>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1276/5e8c3077306f9#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1944/65b686efadc2e
title: AI bots (OpenAI ChatGPT et al) - comment les bloquer - Didier J. MARY (blog)
uri: AI-bots-(OpenAI-ChatGPT-et-al)-comment-les-bloquer-Didier-J-MARY
url: https://www.didiermary.fr/bloquer-ai-bots-chatgpt-openai/
content:
<img src="media/abf23605.aux_armes.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/aux_armes.jpg" style="width:100%;height:auto"/><p>Bon, il faut commencer à lutter contre les IA... en leur coupant l'accès à nos contenus.</p>
<p>Je copicolle ici pour plus tard... Voyez le site pour plus de précisions (vraiment très bien expliqué)</p>
<h1>1. robots.txt</h1>
<h3>👉 Rappel, il se met à la racine du site</h3>
<p>On y colle </p>
<pre><code># AI crawlers
User-agent: anthropic-ai
User-agent: Bytespider 🆕
User-agent: CCBot
User-agent: ChatGPT-User
User-agent: cohere-ai
User-Agent: FacebookBot
User-agent: Google-Extended
User-agent: GPTBot
User-agent: Omgilibot
Disallow: /</code></pre>
<h1>2. le header</h1>
<p>On y ajoute  <code>&lt;meta name="robots" content="noai, noimageai"&gt;</code></p>
<h1>3. le fichier ai.txt</h1>
<p>Apparemment pas encore obligatoire mais qui pourrait le devenir.</p>
<pre><code># Spawning AI
# Prevent datasets from using the following file types

User-Agent: *
Disallow: *.txt
Disallow: *.pdf
Disallow: *.doc
Disallow: *.docx
Disallow: *.odt
Disallow: *.rtf
Disallow: *.tex
Disallow: *.wks
Disallow: *.wpd
Disallow: *.wps
Disallow: *.html
Disallow: *.bmp
Disallow: *.gif
Disallow: *.ico
Disallow: *.jpeg
Disallow: *.jpg
Disallow: *.png
Disallow: *.svg
Disallow: *.tif
Disallow: *.tiff
Disallow: *.webp
Disallow: *.aac
Disallow: *.aiff
Disallow: *.amr
Disallow: *.flac
Disallow: *.m4a
Disallow: *.mp3
Disallow: *.oga
Disallow: *.opus
Disallow: *.wav
Disallow: *.wma
Disallow: *.mp4
Disallow: *.webm
Disallow: *.ogg
Disallow: *.avi
Disallow: *.mov
Disallow: *.wmv
Disallow: *.flv
Disallow: *.mkv
Disallow: *.py
Disallow: *.js
Disallow: *.java
Disallow: *.c
Disallow: *.cpp
Disallow: *.cs
Disallow: *.h
Disallow: *.css
Disallow: *.php
Disallow: *.swift
Disallow: *.go
Disallow: *.rb
Disallow: *.pl
Disallow: *.sh
Disallow: *.sql
Disallow: /
Disallow: *</code></pre>
<h1>4.le .htaccess</h1>
<h3>👉 Rappel, il se met à la racine du site</h3>
<p>On y ajoute </p>
<pre><code class="language-RewriteEngine On">RewriteCond %{HTTP_USER_AGENT} (anthropic-ai|Bytespider|CCBot|ChatGPT-User|FacebookBot|GPTBot|Omgilibot) [NC]
RewriteRule ^ – [F]</code></pre>
<h1>5.l'IP</h1>
<p>En bloquant ces adresses:</p>
<pre><code>20.9.164.0/24
20.15.240.64/28
20.15.240.80/28
20.15.240.96/28
20.15.240.176/28
20.15.241.0/28
20.15.242.128/28
20.15.242.144/28
20.15.242.192/28
52.230.152.0/24</code></pre>
<div class="via"><span title="Source du lien">Via https://sebsauvage.net/links/</span></div>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1944/65b686efadc2e#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1942/notes-perso-js-usage-de-fetch
title: Notes perso JS : usage de fetch()
uri: Notes-perso-JS-usage-de-fetch()
content:
<img src="media/b28b8dd0.codeetdev.jpeg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/codeetdev.jpeg" style="width:100%;height:auto"/><p>Je me note ici pour une prochaine fois parce que fetch n'est pas forcément très intuitif...</p>
<h1>2 façons d'utiliser fetch :</h1>
<h2>la plus tendance et élégante : en enchaînant les then()</h2>
<pre><code>fetch("index.php", { method: 'POST', body: formData })
  .then((response)=&gt;{
        // on attend l'arrivée de la réponse et on la traite
        return response.text(); // ou response.json();
  })
  .then((text)=&gt;{
         // on attend la fin du traitement de la réponse  et on en traite le contenu
       console.log(text);
  });</code></pre>
<h2>la plus lisible (?) : avec async et await</h2>
<p>En gros, on crée une fonction asynchrone pour pouvoir utiliser les await.</p>
<pre><code>const fetchAPI = async(URL) =&gt; {
    const response = await fetch(URL);  // on attend l'arrivée de la réponse 
    const data = await response.json();  // on attend la fin du traitement de la réponse
    console.log(data)
}
fetchAPI("https://jsonplaceholder.typicode.com/todos/1")</code></pre>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1942/notes-perso-js-usage-de-fetch#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1936/65aa150e35dfb
uri: CSS-5t3ph-front-end-social-I-m-not-sure-enough-folks-realize-that
url: https://front-end.social/@5t3ph/111778156164754203
title:
CSS - 5t3ph@front-end.social - I'm not sure enough folks realize that :is()/:where(), and :not() can check _ancestor_ and _previous sibling_ conditions.p:is(h2 + *) = paragraphs that are directly after an h2p:not(blockquote *) = paragraphs that are not within blockquotesI've used these techniques to simplify what would otherwise be rather unmaintainable selectors or may have previously required additional conditional classes.https://codepen.io/5t3ph/pen/KKEmMXR

content:
<img src="media/b28b8dd0.codeetdev.jpeg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/codeetdev.jpeg" style="width:100%;height:auto"/><p>Pas mal cette astuce ! On peut avoir des conditions qui prennent en compte un élément parent ou un élément frère pour cibler un élément...</p>
<ul>
<li><code>p:is(h2 + *)</code> : seulement les paragraphes directement après un H2</li>
<li><code>p:not(blockquote *)</code> : les paragraphes ne se trouvant pas dans des blockquotes...</li>
</ul>
<p>Ça peut carrément simplifier certains cas !</p>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1936/65aa150e35dfb#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1945/65b7c362e7bb7
title: ✂Templatemaker ︎
uri: 2024-01-30-Templatemaker
url: https://www.templatemaker.nl/fr/
content:
<img src="media/84643254.tuto.webp" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/tuto.webp" style="width:100%;height:auto"/><p>Plein de modèles de découpes et pliages - essentiellement des boîtes - avec un générateur qui permet de spécifier les dimensions.</p>
<p>On peut imaginer de les importer ensuite dans un logiciel de découpe laser...</p>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1945/65b7c362e7bb7#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1907/651f8ca7a5c0d
title: Quelle touche utiliser pour accéder au BIOS UEFI de sa carte mère
uri: Quelle-touche-utiliser-pour-accéder-au-BIOS-UEFI-de-sa-carte-mère
url: https://zonetuto.fr/hardware/quelle-touche-utiliser-pour-acceder-au-bios-uefi-de-sa-carte-mere/
content:
<img src="media/84643254.tuto.webp" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/tuto.webp" style="width:100%;height:auto"/><p>Pour mémoire</p>
<ul>
<li>Asus : F2 ou Suppr</li>
<li>Gigabyte : Suppr ou F12</li>
<li>MSI (Micro-Star International) : Suppr</li>
<li>ASRock : F2 ou Suppr</li>
<li>Biostar : Suppr</li>
<li>EVGA : Suppr</li>
<li>Supermicro : Suppr</li>
<li>Intel : F2</li>
<li>NZXT : Suppr ou F2</li>
<li>Acer : F2 ou Suppr</li>
<li>Dell : F2 ou F12</li>
<li>HP (Hewlett-Packard) : F10 ou Échap</li>
<li>Lenovo : F2 ou F12</li>
<li>ASUS : F2 ou Suppr</li>
<li>MSI : F2 ou Suppr</li>
<li>Toshiba : F2</li>
<li>Sony VAIO : F2 ou F10</li>
<li>Samsung : F2 ou Échap</li>
<li>LG : F2 ou F12</li>
</ul>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1907/651f8ca7a5c0d#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1952/65c24cf3c0fcd
title: LibreTranslate - API de Traduction Automatique libre et ouverte 🌐
uri: LibreTranslate-API-de-Traduction-Automatique-libre-et-ouverte
url: https://libretranslate.com/?source=auto&target=fr&q=
content:
<img src="media/43cdbd47.coudification.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/coudification.jpg" style="width:100%;height:auto"/><p>API ouverte de traduction automatique, auto-hébergée, mode hors ligne, facile à configurer.</p>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1952/65c24cf3c0fcd#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1953/65c32ae1483f5
title: Frank Watkinson - YouTube
uri: Frank-Watkinson-YouTube
url: https://www.youtube.com/@FrankWatkinson/videos
content:
<img src="media/3e114657.cbeau.webp" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/cbeau.webp" style="width:100%;height:auto"/><p>La vache...  J'ai juste écouté Creep et j'ai la gorge serrée...  ça prend une toute autre tonalité avec son interprétation ... 
On le croirait prêt à pleurer à chaque instant... </p>
<p>MERCI pour cette découverte !<div class="via"><span title="Source du lien">Via <a href="http://links.bill2-software.com/shaarli/?fFwupg">http://links.bill2-software.com/shaarli/?fFwupg</a></span></div></p>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1953/65c32ae1483f5#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1954/65c379e7ca7a7
title: J’y ai joué en 2023... - Chez Sammy
uri: J-y-ai-joué-en-2023-Chez-Sammy
url: https://www.sammyfisherjr.net/blog/spip.php?article387
content:
<img src="media/7edc9908.enfants.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/enfants.jpg" style="width:100%;height:auto"/><p>Atta atta... tu as TERMINÉ Planet crafter ?!  Mais mais mais... comment ?!  Comment ?! </p>
<p>...</p>
<p>Comment tu fais pour avoir autant de temps !!!!! parce qu'en plus tu lis ! <a href="https://www.sammyfisherjr.net/blog/spip.php?article402">https://www.sammyfisherjr.net/blog/spip.php?article402</a></p>
<h2>Planet crafter</h2>
<p>Je te rejoins sur son côté calme, peu stressant et sans l'aspect flingues et destruction... C'était une bonne découverte malgré un aspect un peu... beta version.</p>
<h2>Jedi Fallen order...</h2>
<p>... j'ai pas accroché du tout, rebuté par les mécaniques de jeu en mode pieuvre: genre une touche pour sauter, une touche pour s'accrocher ... ça m'a agacé et au bout de cinq chutes consécutives dans le vide, j'ai désinstallé   <img class="smile normal" src="media/19d081e7.pleure.png" data-original-source="http://www.warriordudimanche.net/plugins/WDD_replace/img/normal/pleure.png"/></p>
<h2>Skyrim</h2>
<blockquote>
<p>Je me suis donc bien amusé... à modder le jeu à mort pendant une dizaine d’heures. Une fois qu’il a été parfait, je n’ai plus eu envie d’y jouer. Normal.</p>
</blockquote>
<center><img src="media/d1737a8b.8e065a3467f85e5aa1894026f2084238472d7cbb.jpg" data-original-source="https://comic.warriordudimanche.net/data/pics/8e065a3467f85e5aa1894026f2084238472d7cbb.jpg" alt="Haaa tout de même,  Je ne suis pas tout  seul dans ce cas !"/></center>
<p>Tu passes des heures à choisir, t'informer, télécharger, installer, tester des mods... puis quand tu démarres, tu passes en mode «ha oui, c'est vrai qu'il faut se taper cette mission» et tu lâches.</p>
<p>Heureusement qu'il y a Starfield pour rattraper (<a href="https://warriordudimanche.net/article1894/65004b670bfa5"> lol </a>)</p>
<h2>Baldur's Gate 3</h2>
<center><img src="media/a10a720f.2aedfd3988713cc3d7e987c45c6389945cdeb15e.jpg" data-original-source="http://localhost/APPLIS/Quicomic/data/pics/2aedfd3988713cc3d7e987c45c6389945cdeb15e.jpg" alt="  Je m'attends à une   shitstorm  ...    Méritée, j'en conviens."/></center>
<p>Alors, Baldur's Gate est visiblement un bon jeu, mais je l'ai désinstallé direct. Trop narratif et JE PEUX PAS BLAIRER LE TOUR PAR TOUR ! C'est comme la narration à la première personne dans un roman, ça me fait sortir du jeu.</p>
<p>Du coup... je suis resté hermétique... Mais c'est clairement moi le problème.</p>
<h2>Cyberpunk 2077 &amp; DLC</h2>
<p>Là, par contre, ça a été dur de terminer et de décrocher, j'en conviens. C'est un genre de fusion entre GTA et Fallout/Skyrim.   <img class="smile normal" src="media/928ef04f.love.png" data-original-source="http://www.warriordudimanche.net/plugins/WDD_replace/img/normal/love.png"/>  Les MAJ ont apporté de bonnes améliorations. Je l'ai refait plusieurs fois... En plus, il reste beau et plutôt fluide même sur ma machine.</p>
<h2>Conclusion</h2>
<p>J'aimerais bien jouer avec toi copain ! </p>
<img class="smile xbig" src="media/34677495.bisou.jpg" data-original-source="http://www.warriordudimanche.net/plugins/WDD_replace/img/xbig/bisou.jpg"/>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1954/65c379e7ca7a7#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


title: Traduttore, traditore... il pousse le concept un petit peu loin.
uri: Traduttore-traditore-il-pousse-le-concept-un-petit-peu-loin
feed_id:
http://www.warriordudimanche.net/article1955/traduttore-traditore-il-pousse-le-concept-un-petit-peu-loin

content:
<img src="media/6ce17f44.facepalm.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/facepalm.jpg" style="width:100%;height:auto"/><p>Des fans de SF dans le coin ? Et de HardSF ?
Ahhh, alors y en a-t-il dans le lot qui ont eu affaire à «la mission Encelade» de Brandon Q. Morris ? ou du moins à sa traduction ?!</p>
<p>Vous vous en souviendriez, il me semble.</p>
<p>Je n'ai jamais vu une aussi piètre traduction... C'est bien simple, on croirait que l'éditeur a jugé bon de confier le travail de traduction au stagiaire de troisième... </p>
<p>Dès les premières confusions entre l'infinitif et le participe passé, un doute s'est installé: toutefois, vaillant et blindé par des années d'enseignement, j'ai pris le parti de continuer ma lecture malgré cette faute agaçante mais de plus en plus répandue y compris dans la presse...</p>
<p>Mais là, le traducteur se balance de la langue au point que c'en devient du trapèze volant !</p>
<p>Outre les accords et le participe passé, la personne a également une vision toute personnelle de la correspondance des temps faisant se côtoyer le présent/passé composé et l'imparfait/passé simple quand elle n'invente tout simplement pas des conjugaisons qu'on trouverait plutôt dans une rédaction de collégien accro au portable ( il n'est pas rare de trouver un «se plaigna» .) </p>
<p>Mais la torture à laquelle se livre le coupable ne s'arrête pas là: </p>
<li> le style est pathétique et sans talent usant et abusant en particulier de répétitions du plus mauvais effet et pourtant facilement évitables : 
    
<cite>«Jiaying avait positionn<span class="red">er </span>le dossier de sa chaise vers l'<span class="red">avant avant</span> de s'asseoir» </cite>➜  Jiaying avait positionné le dossier de sa chaise vers la proue avant de s'asseoir.  
</li>
<li> certaines fautes révèlent une méconnaissance grave de la valeur des mots et de la syntaxe (en mode si-ça-se-prononce-pareil-c'est-le-même-mot si cher à nos collégiens) : 
<p><cite>«trente minutes s'étaient écoulaient...»</cite></li></p>
<li> une incapacité à trouver la traduction adéquate. Quand on traduit un texte, il faut trouver l'image dans la langue cible qui se rapprochera le plus de celle d'origine avec la priorité suivante : même sens contextuel > même structure de phrase > même champ lexical (si possible) ... ben ce traducteur-là s'en fout visiblement: 
<ul>
<li> <cite>«une patate de canapé»</cite> pour «potato couch» n'aura de sens que si vous parlez anglais... «une vraie larve» aurait sans doute été plus judicieux par exemple, voire «une vraie larve de canapé» si on souhaitait conserver l'image...</li>
<li> <cite>«On va pour Encelade»</cite> pour «we're going for...» Dans le contexte, c'est plutôt le sens d'aller chercher qui aurait dû être retenu car à ce moment, il y a une tension pour savoir si la mission doit être abandonnée ou pas.</li>
<li> une méconnaissance grave du français lui-même, et c'est là que j'ai décidé d'abandonner la lecture: un <cite>«Mais nous y allons comme même ?»</cite> digne du forum jeuxvideos.com qui m'a littéralement fait manquer un battement de coeur.</li>
</ul></li>
Quand j'en parlais autour de moi, on m'a dit que c'était peut-être une traduction automatique... Je ne crois pas car ce ne sont pas des fautes du type de celles commises par google traduction et jamais une IA de traduction ne produirait un texte aussi médiocre: les IA d'aujourd'hui sont plutôt bonnes dans ce type de travail...
<h1>Mode vieux con ON</h1>
<p>Plus ça va et moins j'en veux à nos collégiens (ou aux gens en général) pour leur orthographe parce que je me suis rendu compte de la relation pernicieuse que les français entretiennent avec elle et à quel point on a tendance à invalider le fond à cause de la forme.</p>
<h2>MAIS</h2>
<p>là il ne s'agit pas d'un quidam lambda mais d'un professionnel - ou de quelqu'un qui passera comme tel - et dont la langue et l'orthographe ont une fonction «modélisante» pour les lecteurs. Combien de fautes vont-elles être entérinées à cause de cet individu ?</p>
<p>C'est un peu comme les jeunes collègues que je vois arriver depuis quelques années et qui font des fautes dans toutes leurs phrases... pas des fautes sur ces mots dont on ne sait jamais s'il faut deux N ou un seul mais bien des fautes qui témoignent de la même méconnaissance de la langue. On doit corriger tous les bulletins d'une de mes collègues de maths, prof principale de la classe, à chaque conseil de classe... Ils sont plusieurs dans ce cas... Et ils écrivent tous les jours au tableau des traces écrites que les élèves doivent recopier scrupuleusement...</p>
<p>Et vous voulez savoir le pire ? Quand on fait la remarque à la collègue, elle se marre avec un «ben moi chus nulle en orthographe, haha...»</p>
<p>Dramatique...</p>
<p>Je vous laisse, je vais virer ce roman de ma liseuse...</p>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1955/traduttore-traditore-il-pousse-le-concept-un-petit-peu-loin#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1956/65d1c35eb01b9
title: Explore 3000+ Free UI Elements: CSS & Tailwind
uri: Explore-3000-Free-UI-Elements-CSS-Tailwind
url: https://uiverse.io/
content:
<img src="media/bdd92bdc.tailwind-d4ed5b817f08e2a2b35fece457e6fcafb218cffe_2_1035x543.png" data-original-source="http://www.warriordudimanche.net/data/medias/images/_WEBLINKS/explore-3000-free-ui-elements-css-tailwind-d4ed5b817f08e2a2b35fece457e6fcafb218cffe_2_1035x543.png" style="width:100%;height:auto"/><p>Une bibliothèque de plus de 3000 éléments d'UI... </p>
<p>Je mettrait mon nez là-dedans un jour... il doit y avoir beaucoup à apprendre rapidement en auditant ces snippets...</p>
<p>Un jour...</p>
<div class="via"><span title="Source du lien">Via la river</span></div><br/><br/><div class="img_source"><a href="media/45300533.d4ed5b817f08e2a2b35fece457e6fcafb218cffe_2_1035x543.png" data-original-source="https://devforum.ro/uploads/default/optimized/2X/d/d4ed5b817f08e2a2b35fece457e6fcafb218cffe_2_1035x543.png">Source image</a></div>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1956/65d1c35eb01b9#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


title: Peugeot 1007 et portes sésame qui refusent de se fermer...
uri: Peugeot-1007-et-portes-sésame-qui-refusent-de-se-fermer
feed_id:
http://www.warriordudimanche.net/article1957/peugeot-1007-et-portes-sesame-qui-refusent-de-se-fermer

content:
<img src="media/c625a575.serieusement.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/serieusement.jpg" style="width:100%;height:auto"/><p>Il y a deux ans on avait acheté une petite Peugeot 1007 comme première voiture pour mes enfants qui passaient le permis... Une petite citadine facile à garer et à conduire.</p>
<p>Ces voitures ont des portières sésame : elles s'ouvrent latéralement en glissant sur le côté du véhicule...</p>
<p>Hier soir, appel paniqué de mes gamins parce que la portière passager refusait de se fermer: elle arrivait en bout de course de fermeture puis repartait dans l'autre sens directement.
Même la fermeture à la main, en forçant comme un babouin, ne fonctionnait pas car la portière refusait de se verrouiller. Ils rentrent donc en tenant la portière et accompagné par le bip persistant d'une voiture scandalisée par le fait qu'ils roulaient la portière ouverte.</p>
<p>Après une recherche sur le net, j'ai pu constater que c'est un problème assez répandu sur ces voitures et qu'il y a plusieurs origines possibles au souci, à commencer par une baisse de tension de la batterie qui entraîne un genre de bug: il faut alors réinitialiser le système en débranchant la batterie et en refermant la porte à la main...  <img class="smile normal" src="media/b8e47026.omg.png" data-original-source="http://www.warriordudimanche.net/plugins/WDD_replace/img/normal/omg.png"/>  Donc, un bug peut t'empêcher de fermer la portière de ta bagnole. J-O-I-E</p>
<p>Une fois la batterie rechargée et rebranchée, le souci persiste et la portière refuse même carrément de bouger quand on appuie sur le bouton de fermeture...</p>
<h1>Origine réelle et solution</h1>
<p>Comme je suis du genre têtu, je passe en mode y-connaît-pa-raoul et je vérifie tout ce qui me vient à l'esprit: fusibles, propreté des glissières, machins divers qui obstrueraient le passage... Rien.</p>
<p>Je me rends alors compte que les poignées côté passager sont toutes molles alors que du côté conducteur - où la porte fonctionne - il y a une tension normale et ferme. </p>
<center>
<img src="media/238e0825.1708763983-PXL_20240224_080907474.webp" data-original-source="http://www.warriordudimanche.net/data/medias/images/Peugeot1007etportesssamequirefusentdesefermer-24-02-2024-09h18/1708763983-PXL_20240224_080907474.webp" alt="PXL 20240224 080907474.webp"/></center>
<p>Je démonte les caches de poignée des deux côtés en faisant levier avec un tournevis et je découvre que d'un côté il y a une sorte de piston qui est resté enfoncé vers l'arrière. Je prends une pince, je le débloque et il reprend tout seul sa position normale qui est celle-ci ⬇</p>
<center><img src="media/d4951873.1708763983-PXL_20240224_080730785.webp" data-original-source="http://www.warriordudimanche.net/data/medias/images/Peugeot1007etportesssamequirefusentdesefermer-24-02-2024-09h18/1708763983-PXL_20240224_080730785.webp" alt="PXL 20240224 080730785.webp"/></center>
<p>La poignée est bien redevenue dure. Je referme la porte à la main et appuie d'un coup d'épaule pour la pousser contre la voiture et provoquer la fermeture... un bruit de moteur électrique verrouillant la porte me récompense immédiatement.</p>
<p>Quand j'appuie sur le bouton d'ouverture, la portière s'ouvre et se ferme normalement.</p>
<h1>Conclusion<u>S</u></h1>
<ol>
<li>les peugeot 1007 ont des portières de merde</li>
<li>mettre de la technologie et de l'électronique là où elle n'est pas indispensable s'avère contre-productif et fragile</li>
<li>si vous avez le problème, vérifiez la dureté des poignées avant d'aller plus loin, vous gagnerez du temps</li>
<li>utilisez les boutons et pas les poignées pour ouvrir et fermer les portières</li>
<li>essayez de ne pas vous retrouver enfermé dedans avec les portières qui merdent.</li>
</ol>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1957/peugeot-1007-et-portes-sesame-qui-refusent-de-se-fermer#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1959/planet-crafter-early-access-pourquoi-cest-bien
title: Planet Crafter [early access] : pourquoi c'est bien
uri: Planet-Crafter-early-access-pourquoi-c-est-bien
url: https://store.steampowered.com/app/1284190/The_Planet_Crafter/?l=french
content:
<img src="media/3e114657.cbeau.webp" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/cbeau.webp" style="width:100%;height:auto"/><p>J'ai pris du temps pour jouer un peu à planet crafter et je dois avouer que passé la première impression de béta version mal finie - essentiellement à cause de quelques bugs de collision (non bloquants) et d'un aspect graphique un peu daté et peu élaboré de prime abord - j'ai vraiment apprécié d'y jouer...</p>
<center><img src="media/3ee7c82d.37f5dd9e78e8d2fcae9198664a1f7a150ddd244b.jpg" data-original-source="https://comic.warriordudimanche.net/data/pics/37f5dd9e78e8d2fcae9198664a1f7a150ddd244b.jpg" alt="Et c'était pas gagné parce que  en dehors des Elder Scrolls,   les jeux vidéos m'ennuient  de plus en plus..."/></center>
<h1>Du coup, pourquoi ?</h1>
<h2>1. c'est un monde ouvert à la première personne</h2>
<p>Il y a un côté immersif indéniable... on se promène dans les limites de sa réserve d'O2, on découvre de nouveaux biomes dont la plupart ne sont pas bloqués. Certaines zones sont inaccessibles à cause de la glace qui doit fondre, mais globalement, pas de blocages artificiels des zones... Si tu te casses en mode full bûchette pour l'O2, tu peux aller loin assez vite.</p>
<p>J'ai trouvé certaines idées plutôt bonnes, comme le fait de n'obtenir une carte que lorsque tu es en mesure d'expédier des satellites GPS en orbite. Bonne trouvaille !</p>
<h2>2. la difficulté est bien dosée</h2>
<p>Contrairement à Breathedge où l'on stresse beaucoup et où le level design te pousse à retourner à un point d'o2 à la dernière seconde, on ne stresse pas vraiment dans Planet Crafter: pas d'urgences, pas de moments où on doit se mettre vraiment en danger pour obtenir une ressource... si on meurt, c'est vraiment qu'on a mal dosé... C'est un jeu qui détend vraiment.</p>
<h2>3. c'est non violent</h2>
<p>comme subnautica, pas de tchac tchac poum poum au menu... Normal puisque le but est de terraformer la planète, donc, niveau monstres à buter, c'est plutôt calme, faut reconnaître.</p>
<p>Donc, on fait son petit bonhomme de chemin avec un arbre technologique simple mais satisfaisant.</p>
<h2>4. c'est écolo</h2>
<p>Là où satisfactory te conduit à pourrir la planète à tour de bras et te récompense pour ça, Planet crafter se place résolument aux antipodes... Tu pars d'un monde hostile à la vie et tu dois y augmenter la température et la pression progressivement, créer une atmosphère, parvenir à y développer des formes de vie simple, puis de la végétation, des insectes et enfin des poissons et batraciens. </p>
<p>Au lieu de devenir de plus en plus laid à force d'industrialisation outrancière, grâce à toi, un monde de roche inerte prend peu à peu vie et s'embellit progressivement.</p>
<h2>5. Ce n'est pas compliqué (ni même complexe)</h2>
<p>La courbe d'apprentissage du jeu est très douce: l'interface est simple, les outils sont faciles à comprendre et même l'arbre technologique est linéaire... pas de prise de tête à mettre en place une stratégie de développement vu que les items se débloquent tout seuls à certains paliers de terraformation. Pour un gars sommaire et lent à piger comme moi, c'est le top... Par contre, si tu aimes le challenge et l'organisation dantesque à la rimworld... </p>
<p>Peu de surprises dans ce jeu: on retrouve les choses qu'on aime et on attend avec impatience de les obtenir (coucou le jet pack <img class="smile normal" src="media/96bbb317.satisfait.png" data-original-source="http://www.warriordudimanche.net/plugins/WDD_replace/img/normal/satisfait.png"/>)</p>
<p>Le plaisir immédiat y gagne ce que l'originalité y perd. On s'amuse très vite.</p>
<h2>6.  on peut automatiser</h2>
<p>À partir d'un certain niveau de développement, on obtient des outils d'automatisation: un autocrafter et des drones... Et ça donne un nouveau souffle au jeu en ajoutant une petite dimension satisfactory pile au moment où on commençait à en avoir marre du combo répétitif farm de ressources/craft... ça relance vraiment l'intérêt sans compliquer le jeu... et de façon assez naturelle...</p>
<h1>Conclusion</h1>
<p>Je suis parvenu à l'étape où l'on attend l'apparition des mammifères et on voit clairement qu'ils ne sont pas implémentés car la progression est devenue très très lente... C'est donc à regrets que je quitte un monde dans lequel je n'ai plus grand chose d'autre à faire que de planter des arbres...</p>
<p>Si tu veux un jeu calme pour te détendre et débrancher ton esprit des emmerdes quotidiennes sans t'ajouter de la charge mentale inutile, si tu as aimé subnautica et satisfactory, si tu as peu de temps devant toi pour tes sessions de jeu... alors, planet crafter est pour toi...</p>
<center> <img class="smile xbig" src="media/34677495.bisou.jpg" data-original-source="http://www.warriordudimanche.net/plugins/WDD_replace/img/xbig/bisou.jpg"/> </center>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1959/planet-crafter-early-access-pourquoi-cest-bien#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1960/des-labels-flottants-en-css-pur-codingpartyathome
title: Des labels flottants en CSS pur #CodingPartyAtHome 💕🤣🤜🤛😎
uri: 2024-03-17-
content:
<img src="media/7b651e3e.bump.webp" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/bump.webp" style="width:100%;height:auto"/><p>Depuis que mon grand est en fac d'info, on a un nouveau sujet de conversation et j'ai ENFIN un interlocuteur dans le domaine à la maison !</p>
<p>Du coup, il arrive le weekend avec les TP qu'il a eus pendant la semaine et me pose des questions sur les difficultés qu'il a. </p>
<p>En ce moment, il commence PHP et CSS/HTML...</p>
<center><img src="media/94e05be8.522f6f8260ceda02721559ae9b58e02e2091d5a9.jpg" data-original-source="https://comic.warriordudimanche.net/data/pics/522f6f8260ceda02721559ae9b58e02e2091d5a9.jpg" alt="On me   nomme ?"/></center>
<p>Du coup, aujourd'hui, il travaillait sur la page de login pour le projet final, une todolist en PHP+HTML+CSS sans JS.</p>
<p>Il voulait faire des labels flottants parce qu'il avait vu que c'était joli... Comme il découvre le monde merveilleux du frontend, on s'y est mis à deux et on a improvisé un petit cours.</p>
<p>Il a appris les subtilités du ciblage, les pseudo éléments, l'usage de :not() et :has()...</p>
<center><img src="media/c1409ce1.10683685-Car_OUI__on_a_russi_des_labels_flottants_en_pur_CSS.png" data-original-source="http://www.warriordudimanche.net/data/medias/images//1710683685-Car_OUI__on_a_réussi_des_labels_flottants_en_pur_CSS.png" alt="Car OUI  on a réussi des labels flottants en pur CSS.png"/></center>
<h1>TLDR;</h1>
<p>Pour la page de démo: <a href="http://test.warriordudimanche.net/demofloatinglabels/">c'est par là</a>.</p>
<p>Pour le code : <a href="https://snippetvamp.warriordudimanche.net/index.php?snippet=D49F26C7-C511-4262-B8B2-52C3E846E402">c'est sur snippetvamp</a>.</p>
<h1>Petit résumé du problème</h1>
<p>En gros, on veut que le label soit dans l'input, comme un placeholder, lorsque il est vide mais que le label reprenne une place normale lorsque l'utilisateur clique dans l'input pour le remplir.</p>
<center>
<img src="http://www.warriordudimanche.net/data/medias/images/DeslabelsflottantsenCSSpurCodingPartyAtHome-17-03-2024-14h40/1710685025-Capture du 2024-03-17 15-15-33.png" alt="Capture du 2024-03-17 15-15-33.png"/>
<img src="http://www.warriordudimanche.net/data/medias/images/DeslabelsflottantsenCSSpurCodingPartyAtHome-17-03-2024-14h40/1710685025-Capture du 2024-03-17 15-15-57.png" alt="Capture du 2024-03-17 15-15-57.png"/>
</center>
Pour ça, j'ai créé un label contenant un span avec le texte et l'input correspondant:
<pre><code>&lt;label&gt;&lt;span&gt;Username&lt;/span&gt;
    &lt;input type="text" name="login" value="" placeholder=" " &gt;
&lt;/label&gt;</code></pre>
<p>Ensuite, je déplace le span vers l'intérieur de l'input:</p>
<pre><code>label span{
    position: relative;
    top:2em;
    left:24px;
    transition:all 500ms;/* et on fait une transition douce, merci*/
}</code></pre>
<p>Puis on utilise  :has() pour cibler le span du label contenant un input ayant le focus.</p>
<pre><code>label:has(input:focus) span
{
    color:grey;
    top:0;
    left:0;
    transition:all 500ms;
}</code></pre>
<p>À ce stade, quand l'utilisateur clique dans l'input, le label glisse vers le haut pour sortir de l'input.</p>
<p>Toutefois, le problème c'est que lorsque l'input perd le focus, le label revient à l'intérieur même si l'input a été complété... et les deux textes se chevauchent hideusement...</p>
<center><img src="media/85d28f10.74af75d14909ad51157d11bad3555cb43a1b91fb.jpg" data-original-source="https://comic.warriordudimanche.net/data/pics/74af75d14909ad51157d11bad3555cb43a1b91fb.jpg" alt="Et la,   c'est le drame"/></center>
<p>La logique voudrait qu'on cible alors le span du label contenant un input vide, genre avec input[value=""] ... sauf que ça ne marche pas car <strong><em>le fait de remplir un input ne modifie pas l'attribut value de la balise input</em></strong>...</p>
<center><img src="media/601515e7.ae7faea03edca9dc0be1ab16f9bc5e33ab6df0c5.jpg" data-original-source="https://comic.warriordudimanche.net/data/pics/ae7faea03edca9dc0be1ab16f9bc5e33ab6df0c5.jpg" alt="Zut flute et   cacaboudin"/></center>
<h1>Heureusement, on peut gruger...</h1>
<p>Puisqu'on ne peut pas cibler un changement de l'attribut value, on peut cibler... le placeholder ! Enfin... styler en fonction de la <strong><em>visibilité</em></strong> du placeholder...</p>
<p>Ainsi, en utilisant <code>:placeholder-shown</code>, on peut ajouter une règle de ciblage au CSS précédent:</p>
<pre><code>label:has(input:focus) span,
label:has(input:not(:placeholder-shown)) span
{
    color:grey;
    top:0;
    left:0;
    transition:all 500ms;
}</code></pre>
<p>Et là, les plus observateurs d'entre-vous - qui se demandaient avec une angoisse et un mépris non dissimulés pourquoi j'avais collé un <code>placeholder=" "</code> dans mon HTML - comprennent l'astuce: si le placeholder est visible, c'est que l'input est vide...</p>
<p>Et ça marche, tout est supporté dans la plupart des navigateurs. En plus, c'est léger, ne demande pas une structure HTML alambiquée ou des règles CSS à la mords-moi le zboub...</p>
<p>Si ça peut servir, c'est cadeau <img class="smile normal" src="media/96bbb317.satisfait.png" data-original-source="http://www.warriordudimanche.net/plugins/WDD_replace/img/normal/satisfait.png"/></p>
<img class="smile xbig" src="media/34677495.bisou.jpg" data-original-source="http://www.warriordudimanche.net/plugins/WDD_replace/img/xbig/bisou.jpg"/>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1960/des-labels-flottants-en-css-pur-codingpartyathome#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1961/65f869f65e4c7
title: Marion Montaigne : Nos mondes perdus - Chez Sammy
uri: Marion-Montaigne-Nos-mondes-perdus-Chez-Sammy
url: https://www.sammyfisherjr.net/blog/spip.php?article454&var_mode=calcul
content:
<img src="media/1f5c610e.culture.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/culture.jpg" style="width:100%;height:auto"/><p>Je plussoie vigoureusement et avec enthousiasme ! J'ai beaucoup aimé cette BD où on retrouve un peu du professeur moustache mais beaucoup de Marion... avec des vrais morceaux de jurassic park dedans... (dans la BD, hein...)</p>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1961/65f869f65e4c7#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1962/65f9acdae078d
title: Installer Nextcloud sur un Raspberry Pi facilement - YouTube
uri: Installer-Nextcloud-sur-un-Raspberry-Pi-facilement-YouTube
url: https://www.youtube.com/watch?v=FRRZF01rtmY
content:
<img src="media/4613a73d.xtcloud-sur-un-raspberry-pi-facilement-youtube-maxresdefault.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/_WEBLINKS/installer-nextcloud-sur-un-raspberry-pi-facilement-youtube-maxresdefault.jpg" style="width:100%;height:auto"/><p>Note pour quand j'aurai le temps de réfléchir à ça...</p>
<p><br/><br/><div class="img_source"><a href="media/9a2a2425.maxresdefault.jpg" data-original-source="https://img.youtube.com/vi/FRRZF01rtmY/maxresdefault.jpg">Source image</a></div></p>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1962/65f9acdae078d#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1963/65fd3b7677f92
uri: Soupçonnée-d-être-grossièrement-retouchée-la-photo-d-Emmanue
title:
Soupçonnée d’être grossièrement retouchée, la photo d’Emmanuel Macron faisant de la boxe provoque l’hilarité de la Toile

url:
https://www.20minutes.fr/arts-stars/people/4082604-20240321-soupconnee-etre-grossierement-retouchee-photo-emmanuel-macron-faisant-boxe-provoque-hilarite-toile

content:
<img src="media/c625a575.serieusement.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/serieusement.jpg" style="width:100%;height:auto"/><p>Quand j'ai vu passer ça, j'ai cru à une blague... un peu comme la photo du pape en doudoune, voyez?...</p>
<p>Mais il semblerait que ce ne soit pas le cas...</p>
<p>Outre le fait que c'est pathétique et pitoyable, ça me rappelle quelqu'un... mais qui?!</p>
<p>Ha, oui, ça-y-est...<center></p>
<p><img src="media/022b0554.664-h374-q700m_50113_RUS190214putinjudoreuters_1550311050058.JPG" data-original-source="https://warriordudimanche.net/data/medias/https-cdn-i-pr-trt-com-tr-trtworld-w664-h374-q700m_50113_RUS190214putinjudoreuters_1550311050058.JPG" alt="poutine fait du judo" /></p>
<p><img src="media/0c07f360.gdb-rferl-org23ED2B64-E7BF-4833-B3D2-E6781E48AC49_w1227_s_d2.jpg" data-original-source="https://warriordudimanche.net/data/medias/https-gdb-rferl-org23ED2B64-E7BF-4833-B3D2-E6781E48AC49_w1227_s_d2.jpg" alt="poutine fait du cheval" /></p>
</center>
<p>Pauvre con.</p>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1963/65fd3b7677f92#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1964/6600321247a90
title: Trois générateurs d'image IA sans login ou inscription
uri: Trois-générateurs-d-image-IA-sans-login-ou-inscription
content:
<img src="media/cb9e6408.sans-titre.jpeg" data-original-source="http://www.warriordudimanche.net/data/medias/sans-titre.jpeg" style="width:100%;height:auto"/><p>Des générateurs d'image à base d'IA mais sans inscription...</p>
<ul>
<li><a href="https://perchance.org/ai-text-to-image-generator">https://perchance.org/ai-text-to-image-generator</a> : très complet avec des dizaines de type de rendus. Rapide. 😎👍</li>
<li><a href="https://www.artbreeder.com/">https://www.artbreeder.com/</a> permet de mélanger des images, des prompts etc et d'appliquer des modifs en manipulant des curseurs...</li>
<li><a href="https://deepai.org/machine-learning-model/text2img">https://deepai.org/machine-learning-model/text2img</a> permet de générer à partir de prompt mais aussi en choisissant le sujet attendu (par exemple: a cute animal)</li>
</ul>
<p>source: <a href="https://mspoweruser.com/best-free-ai-art-generator-without-login/">https://mspoweruser.com/best-free-ai-art-generator-without-login/</a></p>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1964/6600321247a90#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1966/6603b8d70f696
uri: Séminaire-gouvernemental-Attal-réunit-ses-ministres-pour-parler-d
title:
Séminaire gouvernemental : Attal réunit ses ministres pour parler du travail avec dans le viseur l’assurance-chômage

url:
https://www.20minutes.fr/politique/4083494-20240327-seminaire-gouvernemental-attal-reunit-ministres-parler-travail-viseur-assurance-chomage

content:
<img src="media/abf23605.aux_armes.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/aux_armes.jpg" style="width:100%;height:auto"/><h1>1- politique de réarmement de la natalité</h1>
<h1>2- Service National Universel</h1>
<h1>3- attaque de l'assurance chômage pour remettre les français au boulot.</h1>
<p>Ça me rappelle quelque chose... Mais quoi ?!</p>
<p>Ha oui...</p>
<p><img src="media/bb10a170.telechargement.jpeg" data-original-source="https://warriordudimanche.net/data/medias/telechargement.jpeg" alt="travail famille patrie sous vichy" /></p>
<p>Rappelons-nous du Macron réhabilitant Pétain...  <a href="http://www.francetvinfo.fr/societe/guerre-de-14-18/11-novembre/hommage-a-philippe-petain-ce-n-est-pas-une-rehabilitation-il-aurait-ete-delicat-de-l-oublier-pour-commemorer-1918_3022573">http://www.francetvinfo.fr/societe/guerre-de-14-18/11-novembre/hommage-a-philippe-petain-ce-n-est-pas-une-rehabilitation-il-aurait-ete-delicat-de-l-oublier-pour-commemorer-1918_3022573</a></p>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1966/6603b8d70f696#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1968/660445e0736a4
title: Petits voyages à la fin du monde - Chez Sammy
uri: Petits-voyages-à-la-fin-du-monde-Chez-Sammy
url: https://www.sammyfisherjr.net/spip.php?article458
content:
<img src="media/1f5c610e.culture.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/culture.jpg" style="width:100%;height:auto"/><p>Et allez... Encore des ouvrages que j'ai envie de lire...</p>
<p>Mais quand !? </p>
<p>Merci pour le partage copain !</p>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1968/660445e0736a4#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1969/660668c05f48d
uri: Suppression-de-l-élection-du-président-au-suffrage-universel-direct
title:
Suppression de l'élection du président au suffrage universel direct : la proposition choc d'un député MoDem [Erwan Balanant]

url:
https://www.lejdd.fr/politique/suppression-de-lelection-au-suffrage-universel-direct-la-proposition-choc-dun-depute-modem-143529

content:
<img src="media/b6909b61.clowns.webp" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/clowns.webp" style="width:100%;height:auto"/><blockquote>
<p>Son amendement, finalement rejeté, appelait à ce que le chef de l’État soit élu « pour sept ans par un collège électoral », remettant ainsi en cause l’article 6 de la Constitution de la Ve République qui prévoit que le président de la République est élu pour « cinq ans au suffrage universel direct ». Pas vraiment convaincu lui-même de sa proposition, le vice président de la Commission des lois constitutionnelles, de la législation et de l'administration générale de la République souhaitait surtout « ouvrir un débat sur la forte présidentialisation de la Ve République et ses conséquences ».</p>
</blockquote>
<p>Ou alors il élargit la fenêtre d'Overton... </p>
<p><img src="media/f962dc81.fancytation" data-original-source="https://api.warriordudimanche.net/fancytation/" alt="Les hommes politiques, j&#039;vais vous faire un aveu, ne sont pas bêtes. Vous vous rendez compte de la gravité ? Ils sont intelligents. Ça veut dire que tout ce qu&#039;ils font, ils le font exprès. Ils y réfléchissent, ils y pensent." /></p>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1969/660668c05f48d#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1970/66067556927a9
uri: RIDITLETEUR-La-semaine-en-4-jours-et-36-heures-de-Gabriel-Attal-u
title:
RIDITLETEUR-La semaine en 4 jours et 36 heures de Gabriel Attal, « une fausse bonne idée », tacle Pierre Larrouturou

url:
https://www.20minutes.fr/societe/4083815-20240328-semaine-4-jours-36-heures-gabriel-attal-fausse-bonne-idee-tacle-pierre-larrouturou

content:
<img src="media/abf23605.aux_armes.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/aux_armes.jpg" style="width:100%;height:auto"/><center> <img class="smile xbig" src="media/a3a4715f.wrong.jpg" data-original-source="http://www.warriordudimanche.net/plugins/WDD_replace/img/xbig/wrong.jpg"/> </center>
<center><img src="media/80d818da.44cfa82f1ffeb85d81e422152325175659995a1a.jpg" data-original-source="https://comic.warriordudimanche.net/data/pics/44cfa82f1ffeb85d81e422152325175659995a1a.jpg" alt="On avait dit   «la semaine DE 4 jours»  Pas   «la semaine EN 4 jours...»"/></center>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1970/66067556927a9#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1972/660ab47195060
uri: Résolu-HP-pavilion-g6-2317-écran-noir-pas-de-démarrage-deux
url: https://support.hp.com/ca-fr/document/ish_2759561-2540179-16
title:
[Résolu] - HP pavilion g6 2317 - écran noir, pas de démarrage, deux clignotements de la led Verr.Maj.

content:
<img src="media/84643254.tuto.webp" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/tuto.webp" style="width:100%;height:auto"/><p>Vu le nombre d'ordis qui traînent à la maison, je commence à me dire que leboncoin pourrait permettre un win-win: je me défais de quelques-uns et ils ne vont pas à la casse.</p>
<center><img src="media/c37630cf.1711979419-PXL_20240401_070528124.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images//1711979419-PXL_20240401_070528124.jpg" alt="PXL 20240401 070528124.jpg"/>
<span class="xs">je crois que j'ai un problème...</span>
</center>
<p>Dans le lot, il y a mon ancien ordinateur, un pavilion g6 acheté à carrefour il y a une dizaine d'années. Je l'avais passé à ma fille puis il s'est mis à démarrer aléatoirement. Quand je l'ai testé, l'aléatoirement est devenu systématiquement.</p>
<h1>Les symptômes</h1>
<p>L'ordinateur ne démarre pas,  le ventilo tourne, l'écran reste noir. </p>
<p>Pas d'affichage de bios du tout et la led de la touche verrmaj clignote deux fois.</p>
<h1>Après recherche sur le site HP</h1>
<p>Ce serait le BIOS qui serait corrompu. .. J.O.I.E.</p>
<p>Alors, pour la faire courte, voici la procédure à suivre débarrassée des divers tâtonnements et échecs qui ont jalonné ma dernière heure...</p>
<h2>1. récupérer le fichier de création de fichiers BIOS</h2>
<p>Vous le trouverez sur la page d'hp qui va bien (<a href="https://support.hp.com/ca-fr/drivers/hp-pavilion-g6-2000-notebook-pc-series/5226244">https://support.hp.com/ca-fr/drivers/hp-pavilion-g6-2000-notebook-pc-series/5226244</a>), mais <a href="http://www.warriordudimanche.net/data/medias/images//1711978099-sp77532.exe" alt="sp77532.exe">je vous mets le fichier ici, au cas où...</a></p>
<p>On télécharge et on lance l'exe sur un win qui marche.</p>
<h2>2. Copier les fichiers sur une clé USB</h2>
<p>Attention, il faut copier ces fichiers sur une clé USB BOOTABLE ! Pas n'importe quelle clé... Heureusement, j'ai ma bonne vieille corsair flash voyager parce que les prémières m'ont bien fait caguer. <img class="smile normal" src="media/7107de93.shit.png" data-original-source="http://www.warriordudimanche.net/plugins/WDD_replace/img/normal/shit.png"/></p>
<p>Vous lancez l'exe, vous suivez les directives et vous copiez avec l'option create recovery...</p>
<center><img src="media/f9dcfe78.8436-ss-bios-update-utility-create-bios-recovery-flash-drive.gif" data-original-source="http://www.warriordudimanche.net/data/medias/images//1711978436-ss-bios-update-utility-create-bios-recovery-flash-drive.gif" alt="ss-bios-update-utility-create-bios-recovery-flash-drive.gif"/></center>
<h2>3 - Démarrer le Pavilion g6 avec la clé USB</h2>
<p>Ordi éteint:</p>
<ul>
<li>On insère la clé USB</li>
<li>on appuie et on maintient les touches <key>windows</key> et <key>B</key> appuyées</li>
<li>on démarre l'ordi en appuyant sur le bouton ON pendant 2-3 secondes sans lâcher <key>win + B</key></li>
<li>on maintient les touches <key>windows</key> et <key>B</key> appuyées <span class="red">tant que rien ne s'affiche</span> normalement, si votre clé a une led, vous devriez la voir s'agiter <img class="smile normal" src="media/96bbb317.satisfait.png" data-original-source="http://www.warriordudimanche.net/plugins/WDD_replace/img/normal/satisfait.png"/></li>
<li>au bout d'un moment, l'écran de flashage du BIOS devrait apparaître, suivez es instructions.</li>
<li>l'ordi remédarrera plusieurs fois, pas d'inquiétude.</li>
<li>à la fin, il faudra appuyer sur <key>entrée</key> pour continuer.</li>
</ul>
<center> <img class="smile xbig" src="media/34677495.bisou.jpg" data-original-source="http://www.warriordudimanche.net/plugins/WDD_replace/img/xbig/bisou.jpg"/> </center>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1972/660ab47195060#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1973/660e5ef25b1a8
title: CNews désinforme et le sait : la preuve par Crépol | Mediapart - Le bazar de mydjey
uri: CNews-désinforme-et-le-sait-la-preuve-par-Crépol-Mediapart-L
url: https://shaarli.mydjey.eu/shaare/hx1TdQ
content:
<img src="media/b6909b61.clowns.webp" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/clowns.webp" style="width:100%;height:auto"/><p><img src="media/f962dc81.fancytation" data-original-source="https://api.warriordudimanche.net/fancytation/" alt="«Les journalistes ne croient pas les mensonges des hommes politiques... mais ils les répètent... toute la journée, à la télé, dans les journaux...»
Coluche" /></p>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1973/660e5ef25b1a8#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1974/66126f22757be
title: Un microservice pour générer des QR codes
uri: Un-microservice-pour-générer-des-QR-codes
url: https://developpeur-freelance.io/microservice-qrcode/
content:
<img src="media/a2e971d4.GRATOS.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/GRATOS.jpg" style="width:100%;height:auto"/><p>Heu, sinon j'avais fait ce truc là il y a un moment... <a href="https://api.warriordudimanche.net/qr/">https://api.warriordudimanche.net/qr/</a></p>
<p>On peut lui passer une chaîne de caractères et il génère le Qr code, il y a un frontend (minimaliste) et il permet de faire un bookmarklet... ça utilise <a href="http://phpqrcode.sourceforge.net">http://phpqrcode.sourceforge.net</a>.</p>
<p>C'est en PHP, c'est auto hébergeable sans docker  <img class="smile medium" src="media/70bdd6aa.lol.png" data-original-source="http://www.warriordudimanche.net/plugins/WDD_replace/img/medium/lol.png"/>  <img class="smile big" src="media/835b585c.troll.png" data-original-source="http://www.warriordudimanche.net/plugins/WDD_replace/img/big/troll.png"/> </p>
<p>Si ça intéresse quelqu'un, pour le zip, c'est par là, c'est cadeau : <a href="https://api.warriordudimanche.net/qr/?download">https://api.warriordudimanche.net/qr/?download</a></p>
<p>Je colle ici la mini doc que j'avais faite:</p>
<pre><code>returns a qrcode png image
txt: the qrcode content
version: displays this api's version
download: downloads the php api file
this: returns a qrcode of the referer url
example: api.warriordudimanche.net/qr/?txt=loremipsum
uses: http://phpqrcode.sourceforge.net</code></pre>
<div class="via"><span title="Source du lien">Via https://shaarli.home.monsiteinternet.org/shaare/jMSIxg</span></div>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1974/66126f22757be#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1976/661564de2e15b
title: API - Badgit - I'm baaaad, I'm baaaad...
uri: API-Badgit-I-m-baaaad-I-m-baaaad
url: https://api.warriordudimanche.net/badgit/
content:
<img src="https://api.warriordudimanche.net/badgit/?txt=bad|git&backcolor=red|blue&font=montserrat.ttf&fontsize=256" style="width:100%;height:auto"/><p>Histoire de bosser un peu sur l'utilisation d'Imagick (pour lequel je m'étais fait des notes ici <a href="http://warriordudimanche.net/article1896/php-notes-perso-sur-imagick">1</a><a href="http://warriordudimanche.net/article1897/65058a53dbf73">2</a>) j'ai essayé de faire une petite «api» de génération de badges simple.</p>
<h1>Objectifs</h1>
<ul>
<li>Un script qui permet de faire des badges à une ou plusieurs parties,  </li>
<li>gestion de la taille de police et de la police,</li>
<li>gestion des couleurs,</li>
<li>gestion d'icônes</li>
</ul>
<h1>Résultat</h1>
<p>On peut appeler l'api directement en précisant les variables suivantes:</p>
<ul>
<li>txt: le texte; s'il y a plusieurs parties, on les sépare par un |. exemple <code>?txt=trop beau|pas vrai</code></li>
<li>backcolor: la couleur de fond; on peut préciser la couleur de chaque partie en les séparant par | aussi. La notation se fait comme en css (sauf pour le # qu'il faut omettre) ```F00|red|rgba(255,0,0,0.5)</li>
<li>textcolor: pareil pour le texte. Par défaut, badgit va choisir le blanc ou le noir afin de maintenir le meilleur contraste.</li>
<li>fontsize: la taille de police</li>
<li>font: une des fontes installées. Je n'en ai mis que deux pour le moment mais on peut utiliser «courier» par exemple.</li>
<li>icon: le nom d'une icône de <a href="https://warriordudimanche.net/article1394/code-dimanche-iconeleon">iconeleon</a> (j'ai d'ailleurs ajouté une option pour copier le nom en question depuis l'api d'icônes.)</li>
</ul>
<h1>Exemples</h1>
<p><code>api.warriordudimanche.net/badgit/?txt=Mon%20super%20badge&amp;backcolor=red&amp;txtcolor=&amp;icon=&amp;font=montserrat.ttf&amp;fontsize=16</code></p>
<img src="https://api.warriordudimanche.net/badgit/?txt=Mon%20super%20badge&backcolor=red&txtcolor=&icon=&font=montserrat.ttf&fontsize=16"/>
<p><code>api.warriordudimanche.net/badgit/?txt=Mon%20super|badge&amp;backcolor=red|pink&amp;txtcolor=pink|red&amp;icon=&amp;font=montserrat.ttf&amp;fontsize=16</code></p>
<img src="https://api.warriordudimanche.net/badgit/?txt=Mon%20super|badge&backcolor=red|pink&txtcolor=pink|red&icon=&font=montserrat.ttf&fontsize=16"/>
<p><code>api.warriordudimanche.net/badgit/?txt=Mon%20super|badge|de%20ouf&amp;backcolor=red|pink|maroon&amp;txtcolor=pink|red&amp;icon=&amp;font=montserrat.ttf&amp;fontsize=16</code></p>
<img src="https://api.warriordudimanche.net/badgit/?txt=Mon%20super|badge|de%20ouf&backcolor=red|pink|maroon&txtcolor=pink|red&icon=&font=montserrat.ttf&fontsize=16"/>
<p><code>api.warriordudimanche.net/badgit/?txt=Mon%20super|badge%20|de%20ouf%20&amp;backcolor=red|pink|maroon&amp;txtcolor=pink|red&amp;icon=|fontawesome_solid/smile-beam.svg|fontawesome_solid/hand-back-fist.svg&amp;font=montserrat.ttf&amp;fontsize=16</code> </p>
<img src="https://api.warriordudimanche.net/badgit/?txt=Mon%20super|badge%20|de%20ouf%20&backcolor=red|pink|maroon&txtcolor=pink|red&icon=|fontawesome_solid/smile-beam.svg|fontawesome_solid/hand-back-fist.svg&font=montserrat.ttf&fontsize=16"/>
<h1>Frontend</h1>
<p>J'ai goupillé aussi un petit front basique, histoire de ne pas se taper tout au clavier.</p>
<img src="http://www.warriordudimanche.net/data/medias/images//1712690396-FireShot Capture 026 - Badgit - api.warriordudimanche.net.png" alt="FireShot Capture 026 - Badgit - api.warriordudimanche.net.png"/>
<h1>Conclusion</h1>
<p>Ça ne servira sans doute à personne mais bon, sait-on jamais <img class="smile normal" src="media/96bbb317.satisfait.png" data-original-source="http://www.warriordudimanche.net/plugins/WDD_replace/img/normal/satisfait.png"/></p>
<p>Ceci dit, il y a une classe badge qui peut faire l'affaire quelque part...</p>
<p>Le code est là : <a href="https://api.warriordudimanche.net/badgit/?download">https://api.warriordudimanche.net/badgit/?download</a></p>
<center>
<img src="https://api.warriordudimanche.net/badgit/?txt=made%20with%20|and%20PHP%20&backcolor=violet|purple&txtcolor=purple|violet&icon=lineicons/heart-filled.svg|fontawesome_brands/php.svg&font=montserrat.ttf&fontsize=32"/></center>
<img class="smile xbig" src="media/34677495.bisou.jpg" data-original-source="http://www.warriordudimanche.net/plugins/WDD_replace/img/xbig/bisou.jpg"/>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1976/661564de2e15b#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1977/enquete-talis-on-se-moque-de-qui
title: Enquête Talis : on se moque de qui ?
uri: Enquête-Talis-on-se-moque-de-qui
content:
<img src="media/3a1e6fb5.blasting.webp" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/blasting.webp" style="width:100%;height:auto"/><p>Mon établissement a eu «l'honneur» d'être sélectionné pour participer à l'enquête Talis... cf <a href="https://www.education.gouv.fr/talis-enquete-internationale-sur-l-enseignement-et-l-apprentissage-9815">https://www.education.gouv.fr/talis-enquete-internationale-sur-l-enseignement-et-l-apprentissage-9815</a></p>
<blockquote>
<p>Talis (Teaching and learning international survey) est une enquête internationale permettant de comparer dans le temps et dans l’espace les systèmes éducatifs des pays participants en donnant la parole aux enseignants, chefs d'établissement et directeurs d’école. Lancée en 2008 par l’OCDE, elle est mise en œuvre en France depuis 2013 par la Direction de l’évaluation, de la prospective et de la performance (DEPP). </p>
</blockquote>
<p>J'ai eu un premier mail et un courrier personnel à mon nom - pour une enquête anonyme, c'est cocasse - et je ne me suis pas connecté pour y répondre.</p>
<p>J'ai donc eu un second mail, toujours à mon nom, puis un troisième, puis une second courrier dans mon casier et enfin un ou deux autres mails pour rappeler que les délais étaient prolongés...</p>
<p>Comme je n'ai aucune intention de répondre à cette enquête - qui dure plus d'une heure - et que j'en ai marre du harcèlement qui me somme de le faire, j'ai fait une petite réponse que je partage ici et que je donne à qui veut l'utiliser aussi.</p>
<blockquote>
Messieurs,
<p>voici donc le quatrième mail de relance, qu'il faut ajouter aux deux courriers papiers reçus, afin de me faire participer à votre enquête nationale. Or, je n'y participerai pas, quel que soit le harcèlement dont je ferai l'objet.</p>
<p>En effet, </p>
<p>pourquoi perdrais-je plus d'une heure de mon temps à répondre à des questions orientées ou hors de propos ?</p>
<p>pourquoi ferais-je don de mon temps gratuitement alors que mon salaire est gelé depuis si longtemps que j'ai perdu un cinquième de mon pouvoir d'achat ?</p>
<p>pourquoi irais-je répondre à des questions posées par un état qui ne m'a jamais écouté et qui m'écoute moins encore aujourd'hui ?</p>
<p>pourquoi répondrais-je à un gouvernement qui me méprise, méprise l'éducation nationale et lui préfère ouvertement l'enseignement privé ?</p>
<p>pourquoi me plierais-je aux desiderata d'un ministère soucieux uniquement de détruire le  service public et le statut de fonctionnaire destiné à protéger ce même service public ?</p>
<p>pourquoi accepterais-je de servir l'énième lubie d'un gouvernement qui ne cherchera qu'à appliquer sa vision mercantile du monde pour faire des économies aux dépend des acquis et des services sociaux en continuant à dilapider vingt fois cette somme en cadeaux aux entreprises ou aux plus riches des français ?</p>
<p>pourquoi enfin tolérerais-je qu'on me répète encore et encore de participer quand le ministre de l'éducation lui-même reste sourd aux demandes de retrait de sa réforme inepte par l'ensemble de la communauté éducative y compris - et c'est un fait exceptionnel - par les chefs d'établissements et nombre d'inspecteurs eux-mêmes...</p>
<p>Non, je ne participerai pas à cette enquête, veuillez cesser définitivement de me le demander.</p>
</blockquote>
<img src="media/f962dc81.fancytation" data-original-source="https://api.warriordudimanche.net/fancytation/" alt="Écrivez-nous de quoi vous avez besoin, on vous expliquera comment vous en passer. Coluche"/>
<center><img src="media/eed336f5.040a44d0c4a4ed38950ca5c4c81b8e11f79ee158.jpg" data-original-source="https://comic.warriordudimanche.net/data/pics/040a44d0c4a4ed38950ca5c4c81b8e11f79ee158.jpg" alt="allez vous faire  cuire le cul"/></center>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1977/enquete-talis-on-se-moque-de-qui#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1978/riditleteur-grafikart-la-securite
title: Riditleteur - grafikart - la sécurité
uri: Riditleteur-grafikart-la-sécurité
content:
<img src="media/0588b704.riditleteur.jpeg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/riditleteur.jpeg" style="width:100%;height:auto"/><p>Bon, l'avantage de la video, c'est que je peux l'écouter en faisant la cuisine... ou le ménage... ou les courses... et merde.</p>
<ul>
<li><a href="https://grafikart.fr/tutoriels/securite-injections-sql-59">https://grafikart.fr/tutoriels/securite-injections-sql-59</a></li>
<li><a href="https://grafikart.fr/tutoriels/hashing-security-2212">https://grafikart.fr/tutoriels/hashing-security-2212</a></li>
<li><a href="https://grafikart.fr/tutoriels/secure-donnee-site-web-2209">https://grafikart.fr/tutoriels/secure-donnee-site-web-2209</a></li>
</ul>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1978/riditleteur-grafikart-la-securite#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1980/66216da1b19af
title: Gaza : des drones tueurs diffusent des pleurs de bébés pour piéger leurs victimes - Contre Attaque
uri: Gaza-des-drones-tueurs-diffusent-des-pleurs-de-bébés-pour-piéger
url:
https://contre-attaque.net/2024/04/18/gaza-des-drones-tueurs-diffusent-des-pleurs-de-bebes-pour-pieger-leurs-victimes/

content:
<img src="media/b505e743.mondedemerde.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/mondedemerde.jpg" style="width:100%;height:auto"/><p>Quelle obscène horreur...</p>
<p>Une méthode digne des nazis littéralement...</p>
<p>En plus, qu'ils ne viennent pas raconter ensuite qu'ils luttent contre les horribles terroristes... Là, ils appâtent ceux qui font preuve d'humanité et de solidarité... </p>
<p>Si ces derniers sont leurs ennemis, ça en dit long sur les Israéliens ayant eu et appliquant ces épouvantable idée...</p>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1980/66216da1b19af#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1979/matos-en-trop
title: 3615 quinenveut : Matos ancien
uri: 3615-quinenveut-Matos-ancien
content:
<img src="media/fd9a9618.3615ml.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/3615ml.jpg" style="width:100%;height:auto"/><p>Comme je le disais il y a peu, je commence à crouler sous les pc portables dont je ne me sers plus alors que j'aurais bien l'utilité d'un ou deux RPI5 <img class="smile normal" src="media/96bbb317.satisfait.png" data-original-source="http://www.warriordudimanche.net/plugins/WDD_replace/img/normal/satisfait.png"/> contre lequel j'échangerais sans hésitation... </p>
<p>Donc, si ça peu faire l'affaire, contactez-moi via</p>
<ul>
<li>la page contact <a href="http://warriordudimanche.net/contact">http://warriordudimanche.net/contact</a></li>
<li>masto : <a href="https://framapiaf.org/@bronco">https://framapiaf.org/@bronco</a></li>
</ul>
<h1>petit packard bell</h1>
<h2>cadeau pour toute personne payant les frais de port 😅</h2>
<ul>
<li>Ram 1Go</li>
<li>processeur intel atom 1.60ghz</li>
<li>disque dur : 160 Go</li>
<li>🔴 batterie hs </li>
</ul>
<p>c'est un modèle très ancien et plutôt destiné à la bidouille vu qu'il à peu près impossible de bosser aujourd'hui avec aussi peu de ram. Toutefois, il fonctionne sans problème.</p>
<center><img src="media/895a3438.1713434673-68f3539b73e984ed6ec462fc9c46c7b84ae5a683.webp" data-original-source="http://www.warriordudimanche.net/data/medias/images/Matosentrop-18-04-2024-11h56/1713434673-68f3539b73e984ed6ec462fc9c46c7b84ae5a683.webp" alt="68f3539b73e984ed6ec462fc9c46c7b84ae5a683.webp"/>
<img src="media/431a82e1.1713434673-235c920f9294d94c803af868693a5847dbc4c78e.webp" data-original-source="http://www.warriordudimanche.net/data/medias/images/Matosentrop-18-04-2024-11h56/1713434673-235c920f9294d94c803af868693a5847dbc4c78e.webp" alt="235c920f9294d94c803af868693a5847dbc4c78e.webp"/>
<img src="media/c766ec03.1713434673-214123e44fd8a986ac7ba02f55b6621b48afc86c.webp" data-original-source="http://www.warriordudimanche.net/data/medias/images/Matosentrop-18-04-2024-11h56/1713434673-214123e44fd8a986ac7ba02f55b6621b48afc86c.webp" alt="214123e44fd8a986ac7ba02f55b6621b48afc86c.webp"/></center>
<h1>Acer eMachines G443-E352G32Mn,</h1>
<h2>Faire proposition (ou échange contre un Raspbery Pi 5)</h2>
<ul>
<li>écran 17.3 pouces</li>
<li>AMD Dual Core E-350 - 4 Go </li>
<li>320 Go</li>
<li>AMD Radeon HD 6310</li>
<li>🟠 clavier dont certaines touches sont un peu «endormies» parce que la machine est restée dans un placard plusieurs années: elles marchent quand on appuie plus fort ou plusieurs fois et le phénomène semble s'atténuer au fur et à mesure de l'utilisation.</li>
<li>🟠 batterie pas à 100% (faudrait que je check)</li>
<li>🟢 Bon état général, pas abîmé. </li>
</ul>
<center><img src="media/0dda48f1.1713529816-PXL_20240419_122634832.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/Matosancienentrop-18-04-2024-11h56/1713529816-PXL_20240419_122634832.jpg" alt="PXL 20240419 122634832.jpg"/>
<img src="media/4f01153c.1713529816-PXL_20240328_145510064.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/Matosancienentrop-18-04-2024-11h56/1713529816-PXL_20240328_145510064.jpg" alt="PXL 20240328 145510064.jpg"/></center>
<h1>Acer Aspire 8943g 19 pouces</h1>
<h2>Faire proposition (ou échange contre un Raspbery Pi 5)</h2>
<ul>
<li>Disque dur actuel 128 Go (je peux remplacer par un 320 Go)</li>
<li>Ram 6Go</li>
<li>Processeur Intel core i3 2.13Ghz</li>
<li>écran 19 Pouces</li>
<li>Système: Linux Mint 20.3</li>
<li>🟢 bon état général</li>
<li>🟠 un poc en haut de l'écran</li>
<li>🔴 batterie hs</li>
</ul>
<center><img src="media/c96953f8.1713435021-c8843744c184fc65e0e214d689d2bca8ec9806a4.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/Matosentrop-18-04-2024-11h56/1713435021-c8843744c184fc65e0e214d689d2bca8ec9806a4.jpg" alt="c8843744c184fc65e0e214d689d2bca8ec9806a4.jpg"/>
<img src="media/0ee02c8a.1713435021-eb25b58de808984f55ee4e8b8ced0b0e28feb806.webp" data-original-source="http://www.warriordudimanche.net/data/medias/images/Matosentrop-18-04-2024-11h56/1713435021-eb25b58de808984f55ee4e8b8ced0b0e28feb806.webp" alt="eb25b58de808984f55ee4e8b8ced0b0e28feb806.webp"/>
<img src="media/59a3d752.1713435021-b2caa9abeff8f5f710392ee62615286e67180c7e.webp" data-original-source="http://www.warriordudimanche.net/data/medias/images/Matosentrop-18-04-2024-11h56/1713435021-b2caa9abeff8f5f710392ee62615286e67180c7e.webp" alt="b2caa9abeff8f5f710392ee62615286e67180c7e.webp"/>
<img src="media/127ead4d.1713435021-8c5bc75fd7dde15e0759cf69ad72d768f0d51708.webp" data-original-source="http://www.warriordudimanche.net/data/medias/images/Matosentrop-18-04-2024-11h56/1713435021-8c5bc75fd7dde15e0759cf69ad72d768f0d51708.webp" alt="8c5bc75fd7dde15e0759cf69ad72d768f0d51708.webp"/></center>
<p>Si vous avez des questions, contactez-moi...</p>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1979/matos-en-trop#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1981/662a59011acd5
uri: CSS-Compatibility-Checker-Votre-allié-pour-un-code-parfaitement-c
title:
CSS Compatibility Checker – Votre allié pour un code parfaitement compatible avec tous les navigateurs

url:
https://korben.info/extension-css-compatibility-checker-vscode-outil-indispensable-developpeurs-frontend-compatibilite-navigateurs.html

content:
<img src="media/b28b8dd0.codeetdev.jpeg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/codeetdev.jpeg" style="width:100%;height:auto"/><p>sympa, on gagne du temps...
ou alors il suffit de s'en foutre en mode ça marche sur mon ordi...</p>
<p><img src="media/6de1537c.https-korben-info-app-uploads-2024-03demo-1.gif" data-original-source="https://warriordudimanche.net/data/medias/https-korben-info-app-uploads-2024-03demo-1.gif" alt="" /></p>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1981/662a59011acd5#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


title: [HELP] HP Envy ignore GRUB et continue de booter sur windaube
uri: HELP-HP-Envy-ignore-GRUB-et-continue-de-booter-sur-windaube
feed_id:
http://www.warriordudimanche.net/article1983/help-hp-envy-ignore-grub-et-continue-de-booter-sur-windaube

content:
./plugins//WDDWebLinks/default_image.jpg<h1>Le problème</h1>
<p>Il s'agit d'un problème bien connu avec HP: malgré l'install de linux, c'est windaube qui est chargé en premier, m'obligeant à appuyer sur F9 au démarrage pour choisir linux... à chaque fois.</p>
<h1>Les solutions proposées sur le net</h1>
<h2>🟥 N°1 - efibootmgr</h2>
<p>En gros, sous linux, on force l'ordre de démarrage grâce à efibootmgr dans un terminal (j'en avais parlé là : <a href="https://warriordudimanche.net/article1108/5da7ebb8b45e3">https://warriordudimanche.net/article1108/5da7ebb8b45e3</a> )</p>
<center><img src="media/971c1acf.1714211750-efibootmgr.png" data-original-source="http://www.warriordudimanche.net/data/medias/images//1714211750-efibootmgr.png" alt="efibootmgr.png"/></center>
<p>Cette solution ne fonctionne pas car le PC semble ignorer le boot manager... Non seulement il l'ignore mais en plus, l'ancien ordre de démarrage est rétabli au reboot...</p>
<p>J'ai pourtant essayé sans secureboot et avec.</p>
<h2>🟥 N°2 - modifier le fichier efi</h2>
<p>Vu que GRUB semble ignoré, certains proposent de modifier le fichier efi chargé au démarrage. 
Ça se fait sous win avec un CMD en mode admin:</p>
<p><code>bcdedit /set {bootmgr} path \EFI\ubuntu\mmx64.efi</code></p>
<p>Pour info, le chemin vers le fichier efi, je l'ai trouvé dans le menu de GRUB quand je force le bootorder avec F9</p>
<center>
<img src="media/b5d7c8fc.1714212608-PXL_20240427_092742656.MP.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images//1714212608-PXL_20240427_092742656.MP.jpg" alt="PXL 20240427 092742656.MP.jpg"/></center>
<p>Au reboot, rien n'a changé, toujours win qui démarre...</p>
<h2>🟥 N°3 - ruser avec efibootmgr</h2>
<p>A force de cherche, on trouve des «solutions» du genre <a href="https://forums.linuxmint.com/viewtopic.php?t=188796">https://forums.linuxmint.com/viewtopic.php?t=188796</a></p>
<p><code>sudo efibootmgr -n 0000</code> </p>
<p>En gros, le mec arrive à changer le boot order mais seulement pour le démarrage suivant (option -n)... ce qui marche.</p>
<p>Il automatise donc la commande à chaque démarrage en l'ajoutant au fichier  /etc/rc.local... qui a disparu depuis (post de 2015...)</p>
<p>Je cherche encore et je tombe sur <a href="https://doc.ycharbi.fr/index.php/Rc.local">https://doc.ycharbi.fr/index.php/Rc.local</a> qui explique une façon de restaurer ce fichier par une astuce... à ce stade on est à des astuces gigognes, ça commence à me déplaire. De toutes façons, même avec sudo, il me refuse la permission d'écrire un fichier etc/rc.local...</p>
<center><img src="media/c2d54229.1714214152-binbash.png" data-original-source="http://www.warriordudimanche.net/data/medias/images//1714214152-binbash.png" alt="binbash.png"/></center>
<p>Je rerecherche et j'arrive sur des solutions pour lancer une commande en sudo au démarrage : <a href="https://www.malekal.com/linux-executer-script-commande-demarrage/">https://www.malekal.com/linux-executer-script-commande-demarrage/</a></p>
<p>On y confirme la disparition de rc.local depuis l'arrivée de SystemD. D'autres solutions sont proposées:</p>
<ul>
<li>passer par /etc/init.d pour déclarer un service... </li>
<li>créer un service systemD ... </li>
</ul>
<p>pitin, ya pas plus simple ?!</p>
<h2>🟥 N°4 - remodifier le fichier efi</h2>
<p>En cherchant, j'ai trouvé ça <a href="https://www.malekal.com/comment-linux-demarre-pc-uefi-sequence-etape-complete/#La_sequence_complete_du_demarrage_d8217un_PC_UEFI_sur_Linux">https://www.malekal.com/comment-linux-demarre-pc-uefi-sequence-etape-complete/#La_sequence_complete_du_demarrage_d8217un_PC_UEFI_sur_Linux</a> : on y explique la séquence de démarrage et on y explique les fichiers EFI... dont aucun nom ne correspond à ceux que j'ai...
Un autre lien ( <a href="https://forums.cnetfrance.fr/macos-linux-et-autres-systemes/6808392-linux-mint-en-dual-boot-ne-demarre-pas-automatiquement?p=6808429#post6808429">https://forums.cnetfrance.fr/macos-linux-et-autres-systemes/6808392-linux-mint-en-dual-boot-ne-demarre-pas-automatiquement?p=6808429#post6808429</a> ) propose les commandes avec les noms de fichiers efi «corrects» selon si le bios est en mode legacy ou pas.</p>
<blockquote>
​​​​​​A taper sous Windows :
<p><code>bcdedit /set {bootmgr} path \EFI\ubuntu\grubx64.efi</code>
(sans secure-boot)</p>
<p><code>bcdedit /set {bootmgr} path \EFI\ubuntu\shimx64.efi</code>
(avec secure-boot activé) </p>
</blockquote>
<p>Je redémarre donc, passe par le bios pour vérifier puis sous win pour la commande.</p>
<p>Comme le mode legacy et secureboot est disabled, je tape</p>
<p><code>bcdedit /set {bootmgr} path \EFI\ubuntu\grubx64.efi</code> </p>
<p>et j'obtiens un  " l'opération a réussi" mais une fois rebooté, l'ordi démarre toujours sur win...</p>
<p>Je me dis, retente avec secure boot... mais l'option reste désactivée et grisée...  Ha oui, c'est vrai, il faut mettre un mot de passe BIOS pour avoir le droit de changer ça...</p>
<p>Une fois un mot de passe ajouté: rien n'y fait l'option reste grisée que ce soit en mode legacy ou pas...</p>
<center><img style='max-width:320px;border-radius:5px' src="media/54211ebe.fetchit" data-original-source="https://api.warriordudimanche.net/fetchit/" alt='image récupérée par fetchit'/>
<p><small>ceci est un chou blanc</small></center></p>
<p>J'essaie quand même shimx64.efi par acquit de conscience, mais toujours rien...</p>
<h2>🟥 N°5 - passer par bootrepair</h2>
<center><img src="media/f30033b6.1714222359-bootrepair.png" data-original-source="http://www.warriordudimanche.net/data/medias/images//1714222359-bootrepair.png" alt="bootrepair.png"/></center>
<p>Je lance bootrepair et lui fais générer un boot info que je vous mets ici : <a href="https://zerobin.warriordudimanche.net/?29a1feb91a7a14f2#7eDpNtQ8YNRr3F5fEF23B49uoqBUvwDopukkpvnh5LGU">https://zerobin.warriordudimanche.net/?29a1feb91a7a14f2#7eDpNtQ8YNRr3F5fEF23B49uoqBUvwDopukkpvnh5LGU</a></p>
<p>Puis j'essaie sans conviction l'option de base... avant d'éplucher <a href="https://linuxhint.com/ubuntu_boot_repair_tutorial/">https://linuxhint.com/ubuntu_boot_repair_tutorial/</a> pour voir ce que je peux faire de plus sans tout péter (car, contre toute attente, je n'ai encore rien pété à ce stade...)</p>
<p>Bon, bien entendu, boot repair n'acceptera de bosser que depuis une clé USB, pas mon linux de base...</p>
<p>Je récupère l'iso et je reboote. Après «réparation» toujours pas de changement.</p>
<h1>J'en suis là pour le moment...</h1>
<p>Comme je commence à voir des phosphènes danser devant mes yeux, je lâche l'affaire pour le moment... Mais franchement, HP... tu fais chier.</p>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1983/help-hp-envy-ignore-grub-et-continue-de-booter-sur-windaube#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


feed_id: http://www.warriordudimanche.net/article1984/a-quel-point-es-tu-poissard-oui
title: - A quel point es-tu poissard ? - oui
uri: A-quel-point-es-tu-poissard-oui
content:
<img src="media/b9423c98.corbeau.jpg" data-original-source="http://www.warriordudimanche.net/data/medias/images/titres/corbeau.jpg" style="width:100%;height:auto"/><p>Après des heures passées à faire démarrer mon portable sous linux en premier (voir <a href="https://warriordudimanche.net/article1983/help-hp-envy-ignore-grub-et-continue-de-booter-sur-windaube">https://warriordudimanche.net/article1983/help-hp-envy-ignore-grub-et-continue-de-booter-sur-windaube</a> merci encore à tous) et quelques minutes après avoir réussi, voilà ce que mon HP me montre...</p>
<center>
<img src="media/425806d0.1714312508-PXL_20240428_134751554.webp" data-original-source="http://www.warriordudimanche.net/data/medias/images//1714312508-PXL_20240428_134751554.webp" alt="PXL 20240428 134751554.webp"/></center>
<center>
<img src="http://www.warriordudimanche.net/data/medias/images//1714312691-Vous apprecierez le timing particulierement ironique.png" alt="Vous apprecierez le timing particulierement ironique.png"/></center>
<p>Donc là, ça sent le sapin pour mon écran... mon seul espoir réside dans le fait que ce soit un faux contact... 
faudra ouvrir pour savoir...</p>
<center><img src="media/04934fee.2a2f8ca1bbfb9aae3e430714dfbb3fe435881b6f.jpg" data-original-source="https://comic.warriordudimanche.net/data/pics/2a2f8ca1bbfb9aae3e430714dfbb3fe435881b6f.jpg" alt="Bronco, ceinture noire   huitieme dan de la   scoumoune informatique.  "/></center>
				<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/style.css"/>
					<link rel="stylesheet" href="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/>
					<script src="http://www.warriordudimanche.net/./plugins/Galart/assets/lightbox.js"></script>
					<script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});</script><br/><hr/><a href="http://www.warriordudimanche.net/article1984/a-quel-point-es-tu-poissard-oui#comments" title="commenter ou voir les commentaires sur ce lien"><small>&#9658; Commentaires</small></a>


