PROJET AUTOBLOG

Warrior du Dimanche

Site original : Warrior du Dimanche

⇐ retour index

Mes lectures préférés de 2024 - Chez Sammy

mardi 21 janvier 2025 09:50

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 !)

Via https://www.sammyfisherjr.net/Shaarli/
ans <link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});
► Commentaires

La technique qui a révolutionné Tetris. - YouTube

mardi 21 janvier 2025 09:38

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



Source image
<link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});
► Commentaires

sebsauvage: Dietpi et nextcloud

mercredi 18 décembre 2024 16:15

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

<link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});
► Commentaires

Email obfuscation: What works in 2024?

lundi 9 décembre 2024 09:12
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="http://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

<link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});
► Commentaires

Comment dompter la hauteur de ligne en CSS - Grafikart

jeudi 5 décembre 2024 12:37

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



Source image

<link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/style.css"/> <link rel="stylesheet" href="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.css"/> <script src="http://warriordudimanche.net/./plugins/Galart/assets/lightbox.js"> <script>[].forEach.call(document.querySelectorAll("[lightbox]"), function(el) { el.lightbox = new Lightbox(el);});
► Commentaires