ça me rappelle ça

Donc, en gros, les cadavres de chats s'accumulent dans les tavernes de Dwarf Fortress... Enquête du débugger:

• on a implémenté le service à table dans les tavernes
• ⮕ les Nains jettent les verres par terre parce qu'ils s'en foutent de la propreté,
• ⮕ l'alcool se répand par terre
• ⮕ les chats se baladent dans les tavernes
• ⮕ comme le programmeur a implémenté les tâches de liquide pour les tâches de sang dans les batailles, les chats ont de l'alcool sous leurs papattes
• ⮕ les nains tâchés de sang dans les batailles avaient du sang dans les yeux et ils se les lavaient avec du savon, ce qui était étrange
• ⮕ le programmeur implémente les paupières pour que le nain «se nettoie lui-même»
• ⮕ le programmeur implémente le fait que les chats se nettoient eux-mêmes aussi en se léchant les papattes parce que c'est «si mignon»
• ⮕ les chats des tavernes se nettoient en se léchant les pattes pleines d'alcool
• ⮕ les chats sont bourrés
• ⮕ ils finissent par crever parce que ils lèchent l'équivalent d'un verre d'alcool CE QUI EST FUCKING BEAUCOUP TROP POUR LE VOLUME D'UN CHAT ET QUE C'EST FUCKING PRÉVU DANS LE JEU QUI GÈRE LE TAUX D'ALCOOLÉMIE
• ⮕ ILS MEURENT MÊME DE SYMPTÔMES RÉELS

Via la nouvelle version d'ALT-TAB (à base de shaarli ): https://alt-tab.org/

Mais Sammy, comment tu fais ?! J'arrive pas à suivrheuuuuuu ! Déjà que tu m'as fait reprendre l'intégrale de Joe Abercombrie et que je dois relire Ficciones de Borges que je n'ai pas ouvert depuis 30 ans ...

J'avais adoré L’espace d’un an de Becky Chambers : la SF feel good, l'univers... tout.

Donc, je me note la mer de la tranquillité et station eleven, que je ne rappelle pas d'avoir lu et le déchronologue que, avec ton sens de la formule, tu m'as super bien vendu ! (salaud ! )

[EDIT] Et allez, continue surtout... Mais c'est pas vrai ! T'es pas humain ?! Liste de voitures balai (alors qu'en vrai, c'est moi la voiture balai... loin derrière !)

• https://www.sammyfisherjr.net/blog/spip.php?article459
• https://www.sammyfisherjr.net/blog/spip.php?article495

ans

Je ne savais pas qu'il y avait plusieurs façons de jouer à Tetris et qu'on ne pouvait pas dépasser le niveau 29... jusqu'aux rollers...

La vache, c'est pas humain

C'est pas pour critiquer OpenMediaVault (il a ses mérites), mais je reviens de DietPi: NextCloud c'est UNE case à cocher dans dietpi-software. Et en deux minutes j'ai un NextCloud en toute dernière version qui tourne magnifiquement. L'OS complet + NextCloud chargé (avec MariaDB, nginx, php-fpm, redis et tout le bordel) occupe... 382 Méga-octet de RAM. (Et le système met 5 secondes à démarrer dans la VM.)

ooh mais que ça m'intéresse ça, oooooh !

Liens

• https://sebsauvage.net/wiki/doku.php?id=raspi3:dietpi
• https://dietpi.com/#download

Donc, pour bloquer le harvesting d'adresse email par les bots, il y a des astuces qui foncionnent à 100% - pour le moment...

Notes perso (la page d'origine est très complète)

1. Utiliser un SVG

// Le HTML
<object class="email" width="130" height="24" data="email.svg" type="image/svg+xml"></object>

// Le SVG: email.svg
<svg viewBox="0 0 130 24" xmlns="http://www.w3.org/2000/svg">

// le CSS
<style>
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&amp;display=swap');

text {
    dominant-baseline: middle;
    fill: #000;
    font-family: 'Indie Flower';
    font-size: 16px;
    text-anchor: middle;
}
</style>

<text x="50%" y="50%">email@example.com</text>

</svg>
CSS
object.email {
    height: 2em;
    margin: -1em 0;
    vertical-align: middle;
}

2. cacher une partie de l'email via CSS

L'utilisateur n'accède qu'à l'email alors que le bot récupère le faux email avec la chaîne parasite.

CSS
span.email b {
    display: none;
}

3. utiliser JS pour concaténer les caractères de l'email.

Mais bon, si JS est bloqué: poufcétou

<script>document.write('a'+'i'+'@'+'e'+'m'+'a'+'i'+'l'+'.'+'s'+'p'+'e'+'n'+
'c'+'e'+'r'+'m'+'o'+'r'+'t'+'e'+'n'+'s'+'e'+'n'+'.'+'c'+'o'+'m');</script>

4. Utiliser JS pour effectuer une rotation Rot18

Conseil supplémentaire, effectuer une rotation différente selon le type de caractèe (lettre ou chiffre, voyelle ou consonne ...)

HTML
<head>
    <script src="https://warriordudimanche.net/text-rot18.js" defer></script>
</head>

D'autres méthodes sont efficaces mais cassent l'accessibilité

L'utilisation d'une image, l'utilisation d'un pseudo élément associé à content:"email@domaine.com", l'utilisation de CSS pour renverser le texte, les instructions à l'utilisateur (retirer ou remplacer une partie)...

D'autres pistes

L'auteur marque comme «en test» d'autres méthodes: le chiffrement par AES, la conversion...

via : https://book.knah-tsaeb.org/shaare/18sqjg

Comprendre les polices de caractère, le line-height et pourquoi ça fait chier en CSS...

solutions :

1. text-box-trim 👍 résout le pb - 👎 pas supporté
2. réduire les marges 👍 fonctionne - 👎 pas propre et très empirique
3. marges négatives 👍 résout aussi le pb sans être sale - 👎 nécessite l'utilisation d'une app de calcul

Des transitions entre les pages en une ligne ?!

@view-transition {navigation: auto;}

Pas mal mais pas sur firefox pour le moment... https://caniuse.com/view-transitions

Un fallback que j'avais utilisé, jouer sur onload et l'opacité du body: https://snippetvamp.warriordudimanche.net/index.php?snippet=5EEB0F5F-C4F9-432E-97EE-558E4BA8E4B8

C'est loin d'être parfait mais bon...

/* Dans le Head */
<style type="text/css">body{opacity: 0;transition: opacity 1s}</style>

/* balise body */
<body onload="document.body.style.opacity=1" >

Via https://links.kalvn.net/shaare/65veMA

WUT ?! Le tag HTML A possède un attribut «ping» qui permet de faire une requête POST vers une URL ?!

Mais à quoi ça sert à part fliquer les visiteurs ?!

Un outil d'animation à tester ?

Friction is a powerful and versatile motion graphics application that allows you to create vector and raster animations for web and video platforms with ease.

En ajoutant #:~:text= à la fin d'une URL puis le texte qui apparaît quelque part sur la page, ce dernier sera surligné lorsque vous accèderez au lien, et la position de défilement placera ce texte au milieu.

Une sorte de version boostée aux hormones des classiques ancres qui ciblent les éléments avec un attribut HTML id.

Voici la syntaxe :

https://example.com/page.html#:~:text=[prefix-,]textStart[,textEnd][,-suffix]