Les Articles

Les Articles sont l'espace de publication informative de la guilde Les Aventureurs. Guides, tutoriels, récits de monde, analyses, carnets de classe — chaque membre connecté peut y rédiger et publier un contenu richement illustré, directement depuis le site.

Contrairement aux Chroniques (récits par épisodes), un Article est un document unique et autonome, classé par catégorie et enrichi de tags pour faciliter la navigation.

La liste des articles

La page d'accueil des Articles affiche les articles publiés, organisés par date de publication. Les articles les plus récents apparaissent en tête. Chaque carte montre le titre, la catégorie, l'extrait, l'auteur et la date.

Filtrer par catégorie

Des filtres par catégorie apparaissent en haut de la liste. Cliquez sur une catégorie pour n'afficher que ses articles. Cliquez sur Tous pour revenir à la vue complète.

Fonctions de lecture

• Barre de progression — une ligne fine en haut de page indique votre avancement dans l'article.
• Table des matières — générée automatiquement depuis les titres H2 et H3 de l'article, dans un panneau latéral sticky.
• Taille du texte (Aa) — bouton flottant en bas à droite. Les boutons A+, A− et ↺ permettent d'agrandir, réduire ou réinitialiser la taille. Votre préférence est mémorisée.
• Bouton Partager — dans l'en-tête de l'article, à côté de la date. Ouvre un popover avec plusieurs options : copier le lien, partager sur Bluesky, X, Facebook, envoyer par e-mail, ou partage natif sur mobile.
• Bouton Copier — apparaît au survol des blocs de code (pre) et des citations. Copie le texte dans le presse-papiers.
• Lightbox — cliquer sur une image marquée « lightbox » par l'auteur l'affiche en plein écran. Fermeture : clic sur l'overlay ou touche Échap.

Créer un nouvel article

Image de couverture

• Par URL : copiez l'adresse d'une image depuis le web (respectez les droits d'auteur).
• Par téléversement : cliquez sur Téléverser pour envoyer un fichier depuis votre ordinateur. Formats acceptés : JPG, PNG, WebP, GIF. Taille max 8 Mo en entrée (convertie en WebP automatiquement).

Publier ou sauvegarder en brouillon

• Publier rend l'article visible par tous.
• Enregistrer brouillon sauvegarde sans rendre public. Les brouillons ne sont visibles que par vous.
• Vous pouvez modifier ou supprimer un article à tout moment depuis Mes écrits.

Gérer ses articles (Mes écrits)

La page Mes écrits liste tous vos articles, publiés et brouillons. Les actions disponibles :

• ✏️ Modifier — ouvre l'éditeur sur cet article.
• 👁 Voir — ouvre la page de lecture publique (uniquement si publié).
• 📤 Publier / 📥 Dépublier — bascule le statut de l'article.
• 🗑 Supprimer — supprime définitivement l'article et ses images uploadées. Une confirmation est demandée.

Autosauvegarde locale

L'éditeur sauvegarde automatiquement votre travail dans le navigateur quelques secondes après chaque modification. L'indicateur en bas de l'éditeur (Sauvegardé localement à HH:MM:SS) confirme la dernière sauvegarde. Cette sauvegarde est locale à votre navigateur — cliquez sur Publier ou Enregistrer brouillon pour enregistrer définitivement sur le serveur.

L'éditeur est un éditeur riche type traitement de texte (WYSIWYG) : ce que vous voyez pendant la rédaction correspond à ce qui sera affiché à la lecture. La barre d'outils est sticky — elle reste visible en haut lors du défilement.

Outils de mise en forme

Compteur de mots

En bas de l'éditeur, une barre de statut affiche le nombre de mots et de caractères en temps réel, ainsi que l'heure de la dernière autosauvegarde locale.

Insérer une image

• Bouton 🖼 dans la toolbar — ouvre un sélecteur de fichier. Formats : JPEG, PNG, WebP, GIF. Taille max : 8 Mo. Convertie en WebP et uploadée automatiquement.
• Ctrl+V — coller une image depuis le presse-papiers (copie d'écran, image copiée depuis un navigateur). Même traitement que l'upload.

Barre image flottante

Cliquer sur une image insérée fait apparaître une barre d'outils flottante au-dessus d'elle. Elle reste visible tant que l'image est sélectionnée.

• Gauche / Centre / Droite — alignement de l'image (bloc, avec marges adaptées).
• ⊞ Côte à côte — passe cette image et la suivante à 48 % de largeur pour les afficher côte à côte en lecture (voir ci-dessous).
• 🔍 Lightbox — active/désactive le zoom au clic en lecture. Icône surlignée = mode activé.
• Alt — définir le texte alternatif (accessibilité et référencement).
• 🗑 Supprimer — retire l'image du document.

Redimensionner par les coins

Quand une image est sélectionnée, quatre poignées (petits carrés colorés) apparaissent aux quatre coins. Glissez n'importe quel coin pour ajuster la largeur en pourcentage de la colonne. La largeur est mémorisée et appliquée en lecture.

• Largeur minimum : ~12 %.
• Ramener à 100 % supprime la contrainte de largeur (image pleine colonne).

Deux images côte à côte

Lightbox (zoom au clic en lecture)

Activez le bouton 🔍 Lightbox dans la barre image pour qu'un clic sur cette image, en lecture, ouvre un overlay plein écran. Fermez en cliquant sur l'overlay ou en appuyant sur Échap.