Joyeux anniversaire, Wiki

Il y a 16 ans, le 25 (26?) mars 1995, était créé le tout premier système de Wiki, ancètre de Mediawiki et de pas mal d’autres logiciels, par Ward Cunningham.

Joyeux anniversaire au système wiki :)

(source)

Personnalisons Wikipédia : confirmer une action

Ce billet fait partie de la série « Personnalisons Wikipédia ».

La personnalisation du jour vous permettra d’ajouter une demande de confirmation lorsque vous cliquez sur « révoquer » avec quelques lignes de JavaScript. En gros, cette fonction est prévue pour ceux et celles qui cliquent plus sur le bouton par erreur que volontairement :)

Lors d’un clic sur le lien de révocation, la fenêtre suivante apparaitra :

Code à ajouter dans votre monobook.js ou vector.js

Le code est tout simple :

1. récupération de la liste les liens « révoquer » de la page (repérables par leur classe « mw-rollback-link »)
2. ajout d’un appel à la fonction de confirmation à leur évènement « onclick » (=quand l’utilisateur clique)

confirm() est une fonction native de JavaScipt, donc rien de spécial à faire de ce côté là.

si l’utilisateur clique sur « ok », confirm() retourne True et l’action (aller vers la page) est validée, dans le cas contraire elle retourne False et l’action est annulée

function addRevertButtonConfirm() {
   var list_boutons = document.getElementsByClassName("mw-rollback-link")
   for (var a = 0, len = list_boutons.length ; a < len ; a++) {
      list_boutons[a].setAttribute('onclick', 'return confirm("revoquer ?")')
   }
}
addOnloadHook( addRevertButtonConfirm )

Note : le script n’a été testé que sous firefox

Personnalisons Wikipédia : icone de suivi sous Vector

Ce billet fait partie de la série « Personnalisons Wikipédia ».

En suivant un lien depuis le dernier billet de Popo, je suis tombé sur une discussion de bistro remplie de complaintes, dont une partie était au sujet de l’icône « étoile » faisant sous Vector office de raccourci pour ajouter une page à sa liste de suivi.

Wikipédiens, Wikipédiennes, Je Vous Ai Compris™. La personnalisation du jour permettra aux vectorisés d’entre vous  de changer l’icône de ce lien.

Un code similaire a été utilisé dans plusieurs de mes autres billets de personnalisation, donc pas d’explications. Pour cet exemple, je me suis basé sur cette image pour la « mise en suivi » et sur celle ci pour le « retrait de suivi ». N’hésitez pas à les remplacer par quelquechose que vous plait :)

/* icone "mettre en suivi" */
#ca-watch.icon a, #ca-watch.icon a:hover {
   background-image:url("http://upload.wikimedia.org/wikipedia/commons/thumb/3/32/Searchtool_right.svg/15px-Searchtool_right.svg.png");
   background-position:5px 60%; /* cette partie est nécessaire car le mode hover "par défaut" a des valeurs différentes */
}

/* icone "retirer de la liste de suivi" */
#ca-unwatch.icon a, #ca-unwatch.icon a:hover {
   background-image:url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a9/Black_x.svg/15px-Black_x.svg.png");
   background-position:5px 60%;
}

le Board of Trustees affiche complet

Depuis le 5 avril dernier, le 10eme et dernier siège du Board of Trustees de la Wikimedia Foundation est enfin occupé. L’heureuse élue est Bishakha Datta.

Bishakha Datta est une journaliste et réalisatrice indienne. Elle est également à la tête d’une ONG située à Bombay dont le but est de promouvoir le point de vue des femmes dans les médias d’Inde.

Ironie qui ne manquera pas de faire sourire les wikimédiens d’entre vous, cette ONG porte le doux nom de « Point of View » .

Interface de Wikipédia : yes, we can

…yes, change is coming! (ceci est une référence bidon au titre Obamaesque du billet du Wikimedia Technical Blog sur le sujet)

Le 5 avril prochain, l’ensemble des wikis de la Wikimedia Foundation va changer d’habillage, passant de l’actuel « monobook » vers celui développé par la Wikipedia Usability Initiative (dont je parlais dimanche), nommé « vector« .

Cela ne se limitera pas à mettre vector par défaut pour les nouveaux comptes (comme c’est déjà le cas sur quelques wikis), car ils semblent vouloir aussi passer tous les utilisateurs ayant gardé monobook sous vector. Même s’il sera indiqué comment retourner sous monobook, ça fait un peu forcé. J’entends les gens râler d’ici.

Voir aussi (en anglais)

• Wikimedia gets ready for some big changes sur Wikimedia Blog
• Usability Update: Introducing Dialogs aussi sur Wikimedia Blog

Personnalisons Wikipédia : la barre du haut

Ce billet fait partie de la série « Personnalisons Wikipédia ». La personnalisation du jour vous permettra de changer la tronche de la barre en haut à droite.
Je commencerais doucement avec des modifications esthétiques simples  (en CSS), puis ce sera au tour de l’ajout d’icônes (toujours en CSS), pour finir sur la modification du texte des liens et l’ajout d’autres liens dans la barre (en JavaScript).

Histoire d’avoir une base de travail « propre » (mon compte principal étant très customisé), je me servirais ici d’un compte « user:Pelote de laine », donc ne soyez pas surpris du nom affiché dans la barre sur les exemples :)

Au moment ou j’écris ces lignes, la version par défaut de la barre du haut, avec le skin monobook, ressemble à ça :

Jouons un peu avec le CSS (monobook.css ou vector.css)

Pour commencer, voici quelques exemples de changement d’apparence. C’est juste pour vous donner une idée de ce qui peut être fait, donc c’est très hétéroclite ; n’hésitez pas à réutiliser les bouts qui vous plaisent :)  Lors de vos tests, pas besoin de sauvegarder votre monobook, un simple « prévisualiser » suffit pour jauger le résultat.

/* virer le lien "essayer la béta" */
li#pt-optin-try {
   display:none!important;
}

/* lien discussion : espace plus grand entre chaque lettre */
li#pt-mytalk a {
   letter-spacing:2px;
}

/* préférences : en italique */
li#pt-preferences a {
   font-style:italic;
}

/* liste de suivi : en petites majuscules */
li#pt-watchlist a {
   font-variant:small-caps;
}

/* contributions : barré */
li#pt-mycontris a {
   text-decoration:line-through ;
}

/* déconnexion : en rouge et gras */
li#pt-logout a {
   font-weight:bold;
   color:red;
}

Résultat :

Ajouter des icônes (toujours monobook.css ou vector.css)

Repartons de zéro (ou presque, je garde le bout supprimant le lien « essayer la beta »), et ajoutons cette fois des « icônes » à gauche de certains liens.

Chaque icône, étant attachée au node « a » et non au node « li », fait partie intégrante du lien et est donc cliquable.

/* boc de biere à gauche du lien vers ma page de discussions */
li#pt-mytalk a {
  /* mettre une image de fond (l'icône) au node "a", tout à gauche */
  background:transparent url('http://upload.wikimedia.org/wikipedia/commons/thumb/d/da/2piva.png/15px-2piva.png') no-repeat scroll left top;
  /* décaler le texte sur la droite (d'environ la largeur de l'image) pour que les deux ne se chevauchent pas */
  padding-left:17px;
}

/* une roue crantée à gauche des prefs */
li#pt-preferences a {
  background:transparent url('http://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Crystal_Clear_app_kservices.png/15px-Crystal_Clear_app_kservices.png') no-repeat scroll left top;
  padding-left:17px;
}

/* une loupe à gauche de la liste de suivi */
li#pt-watchlist a {
  background:transparent url('http://upload.wikimedia.org/wikipedia/commons/thumb/3/32/Searchtool_right.svg/15px-Searchtool_right.svg.png') no-repeat scroll left top;
  padding-left:17px;
}

/* un crayon à gauche de la liste de contributions */
li#pt-mycontris a {
  background:transparent url('http://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Emblem-pen-new.svg/13px-Emblem-pen-new.svg.png') no-repeat scroll left top;
  padding-left:15px;
}

Résultat :

changer le texte, ajouter des liens (monobook.js ou vector.js)

Passons maintenant à la partie JavaScript (pour les étourdis, ça veux dire « ne collez pas le code ci dessous dans votre monobook.css, ça ne marchera pas ») . Nous allons ajouter des liens…

• vers votre monobook perso  : « js » et « css » (remplacez « monobook » par « vector » dans les liens au besoin, et adaptez si vous utilisez secure.wikimedia.org)

• vers vos logs

Et tant qu’on y est, modifions le texte des liens existants.

Le principe utilisé est le même que dans cet autre billet de personnalisation ainsi que celui ci, je ne m’étendrais donc pas trop sur son fonctionnement

importScript('Utilisateur:Darkoneko/divers.js') // si vous ne l'avez pas déjà

function customizeTopBar() {
   var logout = document.getElementById("pt-logout")
   if (!logout) return
   var topBarUl = logout.parentNode

   var mytalk = document.getElementById('pt-mytalk');
   //ajouter "js" a gauche de discussion. La variable "wgUserName" contient le nom de l'utilisateur en cours.
   topBarUl.insertBefore( createLiAdressNode('/wiki/user:'+wgUserName+'/'+skin+'.js', 'js'), mytalk)

   //ajouter "css" a gauche de discussion, donc il sera entre "js" et "discut'"
   topBarUl.insertBefore( createLiAdressNode('/wiki/user:'+wgUserName+'/'+skin+'.css', 'css'), mytalk)

   //changer le texte pour "Page de discussion"
   mytalk.getElementsByTagName("a")[0].firstChild.nodeValue = "discut' "

   //changer le texte pour "Préférences"
   document.getElementById('pt-preferences').getElementsByTagName("a")[0].firstChild.nodeValue = "prefs"

   //changer le texte pour "Liste de suivi"
   document.getElementById('pt-watchlist').getElementsByTagName("a")[0].firstChild.nodeValue = "watchlist"

   //changer le texte pour "Contributions"
   document.getElementById('pt-mycontris').getElementsByTagName("a")[0].firstChild.nodeValue = "contribs"

   //ajouter "log" a gauche de déconnexion
   topBarUl.insertBefore( createLiAdressNode('/w/index.php?title=Special:Journal&user='+wgUserName, 'log'), logout )

   //changer le texte pour "Déconnexion"
   logout.getElementsByTagName("a")[0].firstChild.nodeValue = "X"
}
addOnloadHook(customizeTopBar)

Résultat :

Et vous, quels autres liens ajouteriez vous ?

Wikipédia : actus diverses

• Le fundraiser avance bien, nous en sommes actuellement à 3.4M USD avec une moyenne de 135-140k USD par jour sur la dernière semaine. Quoi que certains aient pu dire sur le choix des bannières (moi compris), la stratégie de Rand Montoya semble bien fonctionner.

• Tim Starling pense que la WMF devrait acheter des Renewable Energy Certificates pour couvrir sa consommation énergétique. Et vous, qu’en pensez vous ?

• Wikwikit prépare une « encyclopédie » (ou plus probablement un dictionnaire) en 140 chars max par article. J’suis très dubitatif.

• Dans l’état de Maryland (USA), un jugement a été déclaré irrecevable sous prétexte qu’un ou plusieurs des jurés à osé chercher sur Wikipédia des explications sur certains termes techniques utilisés pendant le procès. Visiblement, le tribunal a estimé qu’il était mieux qu’ils  se fassent laver le cerveau par l’une ou l’autre des parties (accusation et défense) sans avoir la moindre chance de se renseigner par eux mêmes.

• Domas Mituzas se lamente sur certains manques de MySQL 5.1. Mon petit doigt me dit que ça n’est pas étranger au problème serveur que nous avons subi voici quelques jours.

concours de personnalisation : plus que 4 jours !

Il vous reste jusqu’à samedi pour participer au mini concours de personnalisation de sommaire.

Les modifs CSS  sont expliqués dans ce post… Un peu d’courage messieurs dames, c’est pourtant tout simple à réaliser ! :)

Wikipédia francophone : oversights

J’ai la plaisir de vous annoncer que la Prise de décision concernant la mise en place d’oversights sur notre Wikipédia francophone est enfin terminée et approuvée.

Un oversight a la possibilité de cacher le texte/nom d’auteur/commentaire d’une ou plusieurs versions d’une page. Selon l’option sélectionnée, les administrateurs garderont ou non la possibilité de voir le texte caché. Pour les curieux d’entre vous, l’interface ressemble à ça :

Bref, maintenant, il ne reste plus… qu’a les élire (une fois que quelqu’un aura trouvé comment déchiffrer le *ù$ù de condorcet de la section « mode de désignation »)

Le saviez vous ?

Le saviez vous ?

• La liste des personnes ayant contribués au moins une fois sur les 30 derniers jours est visibles sur spécial:ActiveUsers, avec le nombre d’éditions sur la période (je trouve assez affolant le nombre de compte ayant un lien de page utilisateur rouge, d’ailleurs).

• Le détail des droits de chaque groupe utilisateur (admin, bot, etc) est disponible sur Spécial:Liste des droits de groupe.

• L’article Convention sur certaines armes classiques comporte… 117 catégories O_o

• La Liste des images inutilisées du wiki est disponible sur Spécial:Fichiers inutilisés. Peut-être pourrez vous leur trouver un article d’accueil ?

• Il existe maintenant une page de statistiques dédiée aux préférences utilisateurs : Spécial:PrefStats

• Il est possible d’avoir une liste de fichiers d’un type donné (jpg, pdf, wav, ogg, …) grâce à Spécial:Recherche MIME (enfin théoriquement, car ça n’a pas l’air de bien marcher).