Roll +Style

Other versions

Si vous parcourez ce blog, il y a de grandes chances que vous soyez intéressés par le JDR. Et dans le JDR, on trouve assez souvent ce qu'on appelle des tables aléatoires. J'en ai moi-même conçu quelques-unes, et je trouve l'exercice intéressant. Et il se peut que j'en parle un peu plus dans les prochains mois.

Alors je me suis dit que ça serait sympa de pouvoir en proposer sur le blog. Et je me suis bricolé un petit script pour ce faire. Roll+Style.

L'idée, c'est qu'en mettant simplement une liste numérotée dans un article, je puisse la transformer sans effort en table aléatoire. Ce script me le permet. Il fonctionne sur le code HTML généré pour une page, mais tout part de mon code markdown :

<div class="random-table-header">Random Items</div>

1. Item 1
2. Item 2
3. Item 3
4. Item 4

À partir de code, mon moteur de blog va donc générer du html :

<div class="random-table-header">Random Items</div>

<ol>
  <li>My item 1</li>
  <li>My item 2</li>
  <li>My item 3</li>
  <li>My item 4</li>
</ol>

Et le script va prendre la suite pour transformer tout ça !

1. Item 1
2. Item 2
3. Item 3
4. Item 4

Petit bonus : l'en-tête est clickable, et va mettre en surbrillance, au hasard, un des items de la table !

C'est open-source, disponible sur github (en attendant mieux).