Merge branch 'make-packs-preview' into 'master'

Script pour générer une prévisualisation de tous les packs See merge request Tigriz/matrix-stickers!16

Merge branch 'make-packs-preview' into 'master'
8dbc123a · Tigriz · 7426e41f · 6c7dad9e · 8dbc123a · 8dbc123a
--- a/packs/.gitignore
+++ b/packs/.gitignore
+*.html
--- a/packs/README.md
+++ b/packs/README.md
@@ -11,7 +11,19 @@ Pour cela:
  ```
 3. Mettre à jour le fichier index.json se trouvant dans le dossier packs de votre stickerpicker.
 # Déposer un pack de sticker
 Déposez vos packs ici, vous pouvez faire une pull request.
 Il est conseillé de mettre un README avec un aperçu tel que produit par le script `matrixpack.sh`.
+# Bonus : Générer une prévisualisation des packs
+Pour obtenir une prévisualisation de l'ensemble des packs :
+1. Cloner ce dépôt si ce n'est pas déjà fait
+  ```bash
+  git clone https://git.iiens.net/Tigriz/matrix-stickers.git
+  ```
+2. Se placer dans le sous-dossier `packs` et lancer le script pour générer la prévisualisation
+  ```bash
+  cd matrix-stickers/packs
+  ./make-preview-page.sh
+  ```
+3. Ouvrir le `previews.html` généré dans un navigateur
--- a/packs/make-preview-page.sh
+++ b/packs/make-preview-page.sh
+#!/bin/bash
+GIT_URL="https://git.iiens.net/Tigriz/matrix-stickers/-/tree/master/packs"
+HTML_FILE_DEST="previews.html"
+touch "$HTML_FILE_DEST"
+echo '<!DOCTYPE html>' >"$HTML_FILE_DEST"
+echo '<style type="text/css">div:target {background: antiquewhite}</style>' >>"$HTML_FILE_DEST"
+echo '<html style="margin: 0; padding: 0;">' >>"$HTML_FILE_DEST"
+echo '<body style="margin: 0; padding: 0;">' >>"$HTML_FILE_DEST"
+echo '<div style="position: sticky; background: #fff; margin: 0; top: 0; padding: 10px; border-bottom: 1px solid black;">' >>"$HTML_FILE_DEST"
+echo '<h1>Liste des packs</h1>' >>"$HTML_FILE_DEST"
+separator=""
+for pack in *; do
+  if [ -d "$pack" ]; then
+    echo "$separator<a href=\"#$pack\">$pack</a>" >>"$HTML_FILE_DEST"
+    separator=" | "
+  fi
+done
+echo '</div>' >>"$HTML_FILE_DEST"
+separator=""
+for pack in *; do
+  if [ -d "$pack" ]; then
+    echo "$separator" >>"$HTML_FILE_DEST"
+    echo "<div id=\"$pack\" style=\"padding: 0 10px; scroll-margin-top: 300px;\">" >>"$HTML_FILE_DEST"
+    echo "<h2><a href=\"$GIT_URL/$pack\" target=\"_blank\">$pack ↗</a></h2>" >>"$HTML_FILE_DEST"
+    echo "<img src=\"$pack/preview.png\" />" >>"$HTML_FILE_DEST"
+    echo "</div>" >>"$HTML_FILE_DEST"
+    separator='<hr>'
+  fi
+done
+echo "</body>" >>"$HTML_FILE_DEST"
+echo "</html>" >>"$HTML_FILE_DEST"