TLDR; 24-05-25 ➜ Carte-mère retournée au fournisseur. En attente de remboursement... un jour

26-05 ➜ nouvelle CM reçue, tout semble fonctionner: c'était donc bien la CM qui était défectueuse. Reste à attendre la fin de la procédure de retour de la précédente 🤞

Lassé du mode patate pour tous les jeux, j'ai décidé de franchir le pas et de troquer mon pc acheté d'occase en 2017 contre du matériel récent avec pour objectif de rester en dessous de 1800€, somme déjà très conséquente à mes yeux. (trop)

La config achetée

J'ai utilisé le configurateur de LDLC pour me faire une idée et je suis arrivé à la config suivante après quelques errements :

• Cartre-mère: ASUS TUF gaming B760 plus wifi
• Proc: intel i7 14700k
• Ram: Kingston FURY Beast Black 64GB 6000MT/s DDR5 CL30 (2x32)
• Carte graphique: Gigabyte GeForce RTX 5070 WINDFORCE SFF
• Alim: be quiet! Pure Power 12 1000W Alimentation, Certification 80 Plus® Gold, Alimentation ATX 3.1
• Boîtier : MUSETEX Boitier PC ATX
• watercooling : ARCTIC Liquid Freezer III Pro 360

Montage et résultat

Un montage aux petits oignons, un câble managing digne de la NASA... malgré quelques difficultés à trouver le câble d'alim 4 pins du CPU (connecteurs 8 + 4) , j'ai fini par me rendre compte que les prises 8 pins de l'alim se séparaient en deux ... (wink @liandri)

Donc, une fois tout monté et branché - ce n'est pas le premier PC que je monte - le watercooling posé, la pâte thermique mise, le CPU placé délicatement dans le bon sens toussa...

Rien. Les ventilos tournent mais rien sur le moniteur... pas de démarrage effectif... «No signal»

Bilan des indices visibles TLDR;

• La carte mère est alimentée,
• les ventilos tournent (sauf celui à l'arrière qui bouge puis s'arrête),
• la pompe et les ventilos du water cooling fonctionnent,
• la lumière de la CM est allumée
• les leds de diagnostic ne s'allument pas, même quand je retire complètement la RAM
• les leds de la prise RJ45 sont allumées / clignotent quand je branche un câble réseau
• l'alimentation semble bonne car testée sur l'ancien PC
• impossible de mettre à jour le BIOS car les clés USB - bien qu'alimentées - ne sont pas lues à l'allumage
• quand je branche un clavier (avant la mise sous tension de l'alim) et que j'allume le PC, pas d'allumage des leds du clavier et pas de réactions même avec capslock (comme si le clavier n'était pas alimenté) (merci à Antichesse pour l'idée https://cakeozolives.com/shaarli-antichesse/?HPkEoA )
• meme sans le CPU, pas de led de diagnostic
• meme retirée du boitier et posée sur un isolant, la CM ne produit toujours aucune sortie écran. (pas de fuite de courant)
• port du CPU regardé à la loupe et aucune patte pliée...

Tests divers

La carte-mère est la suivante : https://www.asus.com/fr/motherboards-components/motherboards/tuf-gaming/tuf-gaming-b760-plus-wifi/techspec/

Cliquer pour voir les spécs de la carte

Habitué aux emmerdements informatiques, j'ai essayé plusieurs choses:

• sans la carte graphique et utilisant la sortie moniteur de la carte-mère ... 🟥 RIEN
• en déplaçant les barrettes de RAM ; emplacements gris, emplacements noirs...comme expliqué dans la doc de la CM ... 🟥 RIEN
• en ne laissant qu'une barrette de RAM : 🟥 RIEN
• en débranchant tous les périphériques et connecteurs inutiles ... 🟥 RIEN

Vérifications effectuées

• le CPU i7 14700k est dans la liste des compatibilités de la carte mère sur le site ASUS même si la doc ne le mentionne pas

Pistes à tester

Premier souci, pas de buzzer sur la CM, donc pas de warning bips... j'ai essayé de connecter en mode barbu un vieux buzzer qui traînait en lui collant les connecteurs idoines... sans succès.

En écrivant ce billet, je me suis avisé qu'à défaut de buzzer, la CM a des leds de diagnostic que je n'avais pas vues: je ne suis pas chez moi à cette heure, mais dès ce soir, je regarderai attentivement !

Ne disposant pas de matos surnuméraire pour tester chaque pièce à part, je vais voir avec mon ancien PC:

• ~~si l'alim est compatible : tester avec l'ancienne alim ~~
• si - par miracle - le proc de l'ancien était compatible: tester le proc (mais je ne pense pas qu'il le soit, je ne me rappelle plus et il faut que je regarde)
• essayer de connaître le numéro de version du BIOS de la CM pour vérifier qu'il prend bien en charge le CPU en question: pas simple sans parvenir à démarrer...
• brancher un clavier
• tester la CM hors de son boîtier au cas où une fuite de courant serait à l'origine du phénomène ( https://techhub.social/@thornax/114555424137169322 )
• tester la CM sans processeur afin de voir si la led de diagnostic CPU s'allume
• vérifier à la loupe si les pattes de l'emplacement CPU de la CM ne sont pas abîmées (la première inspection à l'oeil nu n'avait rien révélé)

NOUVEAU 22-05-18:00

• Les leds de la carte-mère restent éteintes... Même si je retire toutes les barrettes de RAM, alors qu'elles devraient s'allumer.
• testée sur mon ancien pc, l'alim fonctionne...
• Les leds de la prise RJ45 s'allument (orange fixe / verte clignotante)

Appel aux galériens, spécialistes, professionnels et amateurs éclairés...

Je suis déjà d'un naturel anxieux mais là, je dois avouer que je me fous dans un état qui me vaudra sans doute un cancer du cul dans les prochains mois...

Si quelqu'un a une idée... Je prends...

En un mot: au secours...

Merde, ça fait deux mots.

(...)

La détresse psychique des jeunes est une réalité alarmante, largement documentée par les enquêtes de terrain et relayées par les professionnels : troubles anxieux, symptômes dépressifs, pensées suicidaires. Réduire ce mal-être aux seuls effets des écrans est non seulement une erreur d’analyse, mais une défaillance politique.

Les jeunes ne vont pas mal à cause du numérique : ils habitent un monde saturé de crises (climatiques, sociales, scolaires, familiales, institutionnelles, politiques, économiques etc.) face auxquelles les écrans sont parfois un refuge [...]

En effet et j'ajouterais que le lycée en particulier est anxiogène de façon permanente (surcharge parfois délirante de travail, culpabilisation des élèves etc) Il suffit de voir le nombre de lycéens dépressifs et/ou médicalisés.

Instrumentaliser la santé mentale des adolescents pour justifier des mesures répressives est un paradoxe inquiétant : cela renforce le mal-être qu’on prétend combattre [...] Plutôt qu’un « couvre-feu numérique » dicté par l’angoisse, nous avons besoin d’une politique publique du numérique fondée sur la confiance, l’éducation et la participation.

Exactement: éduquer, discuter, montrer l'exemple, proposer d'autres choses plus constructives sur le plan personnel, aussi anodines que les vidéos de chat mais plus saines...

Régulièrement qualifiés de laxistes ou dépassés, les parents doivent affronter un univers d’injonctions contradictoires et des inégalités qui tiennent autant à des facteurs culturels qu’à l’accès aux technologies

Ben oui, culpabiliser ne sert jamais à personne. D'autant que le monde stressant dans lequel les enfants vivent est le même que celui de leurs parents qui ont en plus la responsabilité de l'adulte et les angoisses pour leur progéniture... les parents aussi ont besoin de breaks et ils le trouvent de plus en plus souvent dans les écrans également. (au passage, à mes yeux: portable et télé même combat...)

C’est le cas des établissements scolaires qui vivent une numérisation rapide qui se fait souvent sans concertation ni prise en compte des besoins des élèves et des équipes, accentuant des tensions existantes plutôt que de les résoudre [...] les outils numériques peuvent soutenir l’accompagnement, leur utilisation exige des compétences spécifiques, un cadre éthique clair et du temps — des ressources aujourd’hui trop souvent insuffisantes.

Amen. Numérisation rapide ET souvent en dépit du bon sens.

Les plateformes, de leur côté, doivent être tenues responsables de leurs effets systémiques. Leur rôle dans la structuration des sociabilités adolescentes n’est plus à démontrer. Il est temps d’imposer des cadres démocratiques clairs : protection des données, contrôle des algorithmes, encadrement des modèles économiques fondés sur l’attention.

AMEN DERECHEF.

Ces approches ne sont pas technophobes : elles appellent à repolitiser la technique, à en faire un enjeu culturel, éducatif et démocratique, plutôt qu’un simple outil à surveiller ou interdire.

C'est la différence entre une bonne et une mauvaise utilisation d'un outil: s'il REMPLACE la réflexion et le travail, il conduit immanquablement à un appauvrissement de l'utilisateur qui ne réfléchit plus pour résoudre ses problèmes et donc, n'apprend rien de ses erreurs, errements et prises de tête...

Apprendre c'est échouer... encore et encore... se demander pourquoi... et, finalement, comme une récompense sublime, comprendre.

Mal utilisée, l'IA nous prive de ça et - plus que tout - nous y perdons les fonctions cognitives qui permettent l'apprentissage.

Je pense qu'utiliser intelligemment l'IA n'est pas forcément mauvais:

1. elle sert à vérifier si on n'a rien oublié dans un raisonnement,
2. elle sert à trouver une inspiration, une idée...
3. elle sert à retrouver rapidement une info
4. compléter sa réflexion sur un sujet
5. elle sert à avoir rapidement une explication sur un point précis qu'on n'a pas forcément compris...

En gros, si on s'en sert comme d'une aide dans son cheminement personnel et sa réflexion vers le résultat, ça me semble bénéfique. Si on s'en sert pour obtenir le résultat sans effort, elle nous pousse vers un abîme à la idiocracy.

Reçu aujourd'hui dans ma boîte mail académique : un email de notification afin de m'avertir qu'un email de spam a été bloqué...

Donc, ils m'envoient un mail pour m'annoncer que grâce à eux je ne recevrai pas un mail de spam...

Ç'aurait pu être bien pire, ils auraient pu m'avertir via une photocopie dans mon casier au boulot ou un courrier officiel avec cachet de la poste faisant foi...

Du coup, j'ai fait une nouvelle image de header, juste pour l'occasion

(oui, je sais, c'est pour qu'on puisse vérifier si c'est bien du spam...)

(...)

D'autres ressources IA sans inscription

• Moteur de recherche : https://www.perplexity.ai/ https://you.com/
• Améliorer le son d’un fichier audio : https://podcast.adobe.com/enhance
• Faire une recherche dans les livres : https://books.google.com/talktobooks/
• Inventer des discussions : https://beta.character.ai/
• Détecter un texte généré par l’intelligence artificielle : https://openai-openai-detector.hf.space/
• Générer des formules excel : https://sheetformula.com/
• Traduire du texte : https://www.deepl.com/translator
• Ecrire un texte et le convertir en fichier audio : https://speechgen.io/
• Convertir de l’audio en fichier texte en s’enregistrant (multilingue) : https://dictation.io/speech
• génération texte / code etc : https://www.vondy.com/
• retirer les paroles d'une musique : https://vocalremover.org/fr/
• La liste d’outils IA en écriture (Yann Houry) : https://dynalist.io/d/fa77_qKdjvWTBnXCVcRfpnps

Sources

• https://latelierduformateur.fr/les-outils-de-lia-en-formation-3-3/
• Futurepedia : https://www.futurepedia.io/
• Saas ai tools : https://saasaitools.com/
• Tools for humans : https://www.toolsforhumans.ai/tools-database

Google

• site:url.com
• filetype:pdf OR filetype:doc
• intext:"texte"
• intitle:"title"
• "phrase 1" AND "phrase 2"

Examples:

• intitle:"index of" setting.php : recherche les pages listant un dossier ne contenant pas de page index et contenant un fichier settings.php
• "configmap.yaml" | "config.yaml" | "*-config.yaml" intitle:"index of" : idem avec des pages config
• intitle:"Webcam" inurl:webcam.htm

Recherche à partir d'images

• https://pimeyes.com/en : recherche de visages et d'images par IA
• https://tineye.com/ : recherche de correspondances d'images par IA
• https://jimpl.com : extraire les métadonnées d'une image

OSINT

• https://github.com/Datalux/Osintgram : appli pour faire de l'OSINT sur instagram
• https://www.whatsmyname.app/ : rechercher un nom sur plusieurs réseaux en même temps
• https://epieos.com/ : 🔒 à partir d'un email / numéro de tel [inscription]
• https://hunter.io : 🔒 chercher/vérifier un email
• https://wikimapia.org/ : rechercher une localisation ( conjointement avec google earth / streetview)
• https://haveibeenpwned.com : chercher des infos à partir d'un email sur les données fuitées
• https://dehashed.com : idem avec d'autres données
• https://osintframework.com : énorme base pour l'OSINT

(...)

Petit florilège des trucs passés sur la River ces derniers temps et traînant dans ma riditléteur...

Preloader les font

source https://htmhell.dev/adventcalendar/2024/25/

On peut faire un preload des fontes importantes avec un lien dans le header afin d'avoir un design propre le plus tôt possible:

<link
  rel="preload"
  href="/nova-sans.woff2"
  as="font"
  type="font/woff2"
  crossorigin="anonymous"
>

Transition de height:auto à display:none 🤩 (mais c'est expérimental 🤬 )

quand tu découvres calc-size(), @starting-style, interpolate-size etc... 😅

source https://blog.css-weekly.com/transition-to-height-auto-display-none-using-pure-css

Toggle la visibilité d'un élément simplement

source https://lehollandaisvolant.net/?id=20250125165124

button.addEventListener('click', function(){
element.hidden = !element.hidden;
});

ou avec mon VanillaJS

on("click","button",function(){
    element.hidden = !element.hidden;
});

Lazy loading simplifié avec content-visibility

source https://links.kalvn.net/shaare/fUwLcQ

content-visibility:auto; pour que l'élément soit chargé/visible juste avant d'être dans la fenêtre.

Lier une animation au défilement animation-timeline: scroll();

source https://www.alsacreations.com/article/lire/1935-animations-liees-au-scroll-en-css.html

On utilise animation-timeline qu'on définit à scroll() pour lier au défilement ou à view() pour lier à l'apparition/disparition de la vue.

L'article mérite vraiment d'être lu : il définit clairement tous les paramètres avec lesquels jouer.

Déclencher simplement des animations via JS avec animate()

source https://developer.mozilla.org/fr/docs/Web/API/Element/animate

document.getElementById("tunnel").animate(
  [
    // étapes/keyframes
    { transform: "translateY(0px)" },
    { transform: "translateY(-300px)" },
  ],
  {
    // temporisation
    duration: 1000,
    iterations: Infinity,
  },
);

On utilise animate(keyframes, delay);

Placer des éléments avec anchor positionning

source https://css-tricks.com/fancy-menu-navigation-using-anchor-positioning/

pour le moment, que sur chrome/opera 🤬

L'exemple propose un menu avec cette méthode, mais la page dont on trouve le lien en début d'article parle d'un autre cas d'école requérant des prises de tête habituellement: un tooltip bien placé... (https://css-tricks.com/css-anchor-positioning-guide/)

TLDR;

En gros, anchor-positionning permet de placer un élément relativement à un autre:

• l'objet Anchor sera utilisé comme référence
• l'objet Target sera placé en absolute en utilisant la position d'Anchor .

On utilisera les propriétés anchor-name et position-anchor comme suit:

.anchor {
  anchor-name: --my-anchor;
}
.target {
  position: absolute;
  position-anchor: --my-anchor;
}

Le choix du positionnement se fera ensuite grâce à position-area, position-visibility.

En savoir plus...

Utiliser currentColor pour avoir la couleur en cours

source https://www.alsacreations.com/tuto/lire/1944-appliquer-des-styles-css-a-svg.html

Particulièrement intéressant pour les SVG inline (pas dans une balise img): on peut, pour des icônes par exemple, utiliser currentColor afin que le SVG prenne la couleur du texte... 🤩

Les unités lvh, svh et dvh

source https://www.zendevs.xyz/css-unites-lvh-svh-dvh/

Une alternative aux unités de viewport vh et vw : en gros, elles permettent d'épouser la surface utile de l'écran, pouvant varier (avec/sans barre de navigation ...)

En clair, l’unité SVH intègre la présence des barres du navigateur tandis que la LVH calcule selon la pleine hauteur disponible et la DVH modifie sa valeur en continu, permettant ainsi une adaptation plus fine aux variations dynamiques de l’interface utilisateur.

Il n'y a pas que autofocus et autocomplete !

source https://garrettdimon.com/journal/posts/fine-tuning-text-inputs

• autofocus : mettre le focus dans un input au chargement
• autocomplete: autoriser ou pas la complétion automatique
• spellcheck: true ou false pour autoriser ou pas la vérification orthographique
• autocapitalize:
  • none,
  • sentence pour la première lettre des phrases,
  • words pour la première lettre des mots,
  • characters pour tous les caractères.

Tiens ? une appli desktop pour faire ce qu'on veut sur son android via ADB: Miroir d’écran, Explorateur de fichiers, Gestionnaire d’applications, Moniteur de performances, Shell, Logcat ...

Le tout via USB ou WIFI... à check

Certains se rappellent de la page sur laquelle j'avais listé les liens de téléchargement illégal (https://warriordudimanche.net/article1679/626e415fddc1f)... c'était bien mais vu que les domaines changent de plus en plus rapidement, ça devient un peu chiant à mettre à jour...

Du coup, je me suis penché dessus - en quinze/vingt fois, comme d'habitude - et je vous propose une page spéciale qui regroupera les liens en question...

«mais pourquoi tu fais une page spéciale si ce sont les mêmes liens, dugland ?!»

Excellente question de nos amis du fond de la salle dont nous allons profiter de l'éveil inhabituel pour expliquer à tous les autres.

La différence, c'est que cette page se met à jour comme une grande tous les jours. Elle vérifie toutes les 24 heures s'il y a eu une redirection. Si c'est le cas, elle met à jour sa base et affiche le lien en orange. Dans le cas où un domaine n'est pas redirigé mais que son adresse ne répond plus, le lien apparaît en rouge dans la liste.

Le script est simple et les liens sont stockés dans un fichier json (si ça intéresse quelqu'un, je vous fournirai le zip, passez par la page contact en haut)

Pour télécharger c'est par là : https://warez.warriordudimanche.net/?download

Il suffit de coller les fichiers sur un serveur et voilà.

Donc, désormais, la page de liens du blog ne sera plus mise à jour et vous retrouverez vos liens sur

https://warez.warriordudimanche.net

Donc, ça y est, Oblivion remasterisé avec Unreal 5 est dispo depuis aujourd'hui...

55€ quand même... Ouch.

Ils sont forts chez Bethesda...

Bon, ben faudra surveiller sur https://warez.warriordudimanche.net/#torrents_jeux

[EDIT] ça n'a pas traîné https://igg-games.com/the-elder-scrolls-iv-oblivion-remastered-free-download.html est marqué en uploading

[Edit Jeudi] : Bon, alors, verdict rapide

Après un téléchargement de 130 Go et une installation interminable, je suis averti que mon PC de 2018 n'est vraisemblablement pas fait pour unreal engine 5... (RAM 16go, cg 6 Go, proc 4 coeurs.)

Je clique sur OK quand même, le bouzin calcule des shaders pendant 5 minutes puis c'est parti.

Le jeu se lance bien et même en mode patate - le seul auquel je puisse raisonnablement aspirer sur ma bécane, il est beau... plus beau que skyrim je pense... les personnages sont plutôt réalistes, les textures plus belles etc. Pas [trop] de lag au menu... Si on tente d'améliorer la qualité, le framerate baisse velu.

Après... ben c'est Oblivion, quoi... on sent bien que le jeu a été rafraîchi graphiquement mais l'ensemble reste un jeu de 2006. Le côté désert de la cité impériale par exemple est resté le même, le comportement des habitants est identique avec parfois ce côté un peu autiste, dans les auberges notamment. Puis alors, on est percuté par le syndrome dit de «ha oui, ce passage-là»: quand on a fini le jeu cinq ou six fois depuis vingt ans et que la surprise de la beauté graphique est passée, il ne reste que... oblivion.

Bon, je pense que je vais le rererererefinir, hein... mais bon...