Je pose une copie ici, c'est beaucoup trop drôle... (en particulier le moment où il prend conscience de ce qu'il dit et ne discerne aucun moyen de s'en sortir...)

Du coup, j'en ai fait un meme, servez-vous: le dupont moretti format !

Hé, Dupont&dupond moretti, si t'as besoin de réviser les bases, soit tu viens en groupe de niveau faible avec nous soit tu regardes une petite «capsule» video: https://www.youtube.com/watch?v=Ekli0Hf6Ad4

Baltringue...

<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

1. Culte obsessionnel d'un symbole vantant la compétition et la supériorité d'un individu
2. Obsession pour des jeux basés sur cette supériorité avec tout le symbolisme nauséabond sous-jacent
3. Volonté de cacher, invisibiliser ou chasser tous ceux qui ne correspondent pas à ce modèle donc inférieurs
4. Usage de termes allant dans ce sens, comme "premier de cordée" ou "ceux qui ne sont rien" par exemple
5. Amalgames, généralisation de cas particuliers, victimisation et utilisation de la peur pour écarter ce qui est perçu comme le non soi
6. Désignation officielle d'un ennemi commun
7. Utilisation, que dis-je, instrumentalisation de la violence policière pour empêcher la contestation
8. Refus systématique d'écouter la voix du peuple, même quand on lui a demandé son avis.
9. Infantilisation du peuple et paternalisme.
10. instauration d'une surveillance permanente de tout le monde en légitimant cette «nécessité» grâce à la peur instaurée au point 5
11. recours à l'état d'urgence pour institutionnaliser ces mesures de surveillance
12. grande sévérité avec les opposants politiques - même pacifiques - et grande tolérance vis-à-vis des «militants» proche de son camp - même violents ou menaçants (néonazis marchant en ordre serré dans la rue ou groupes policiers menaçant d'un coup d'état par exemple)
13. détournement des institutions afin de contourner les outils de la démocratie et faire passer des lois dont personne ne veut (49.3 par exemple)
14. chef d'état à l'ego démesuré qui empiète sur toutes les décisions à tous les niveaux

(Liste non exhaustive...)

Ça me rappelle quelque chose... Mais quoi?!

<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

Les slashpages sont les pages normalisées qu'on trouve sur les blogs... /about, /contact etc.

J'en connaissais quelques unes mais y'en a plein !

<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

En bossant sur l'appli que j'utilise pour mes cours, j'ai voulu ajouter un accès rapide à un document en tapant le début du nom de dossier dans un input alimenté par une datalist.

Bien entendu, je veux éviter de devoir passer du clavier à la souris plusieurs fois : tape un bout du nom, clique pour sélectionner, appuie sur entrée pour valider...

Donc, il faudrait que la sélection et l'ouverture du document se fasse:

• quand je tape un bout de nom et que j'appuie sur entrée (il ira chercher le premier de la liste)
• quand je tape le début, que j'utilise les flèches pour aller chercher celui que je veux et que j'appuie sur entrée,
• quand je tape le début et que je clique sur le nom du document qui m'intéresse.

Et là, c'est le drame

En effet, autant on peut capturer un évènement sur un input, autant ce n'est pas possible sur les option ou le datalist

Donc, il faut gruger et agissant sur les events de l'input.

Je mets ici ma solution actuelle (c'est le code que j'utilise avec mon framework js perso parce que j'ai la flemme de changer ):

<input type="text" placeholder="accès rapide à un document" list="docs_list" id="input_docs_list">
<datalist id="docs_list">
    \\ici les option qui vont bien
</datalist>

<script type="text/javascript">
    on('keydown','#input_docs_list',function(e){ // ça, c'est mon VanillaJS
        if(e.keyCode==13||!e.key){ 
            // si on a appuyé sur entrée ou que l'évènement n'est pas déclenché par une touche (donc, c'est la souris)
            window.location.replace("?"+e.target.value);
        }
    });

    on('input','#input_docs_list',function(e){
        // celui-ci est pour firefox
        if(e.inputType=='insertReplacementText'){
            window.location.replace("?"+e.data);
        }
    })
</script>

J'ai testé sous Firefox, Chromium et Edge...

<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

Après avoir commis BadGit, j'ai récidivé cet aprème avec Avatrine... qui génère un avatar sous forme de lettrine à fond de couleur.

Mais pourquoi me direz-vous ?

Parce que :

1. j'ai trouvé ça joli quand je l'ai vu je ne sais plus où
2. j'aime bien faire joujou avec Imagick
3. je fais ce que je veux

Les paramètres

• str: la chaîne
• [color]: la couleur de fond (calculée par défaut avec un hash de la chaîne)
• [sz]: la taille, 128 par défaut

Pour faire simple

En gros, vous lui passez une chaîne de caractères, genre un pseudo par exemple, et il crée une image avec la première lettre du pseudo sur un fond dont la couleur dépend de la chaîne. Et il fait une rotation de 30° (valeur totalement empirique trouvée au doigt mouillé) sur la lettre pour que ce soit plus joli.

Des exemples

?str=Bronco

?str=Bronco&color=red

?str=Bronco&color=blue&sz=256

?str=Jerrywham&sz=256

?str=Sammyfisher&sz=256

Conclusion

Je sais que j'ai déjà fait des générateurs d'avatars... ( voir sur la page d'API https://api.warriordudimanche.net ROR et Avatomic )

avatar (Ror)

avatomic et que celui-ci ne servira probablement pas plus que les autres mais bon... c'est cadeau quand même ! <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