Ces pratiques s'appliquent à toutes les pages du site et vous devriez les suivre dans vos articles à chaque fois que vous écrivez ou traduisez.
Liens
1) Les liens internes sont des liens qui renvoient ailleurs sur le site de la Fondation lui-même ; il vous suffit pour les faire d'utiliser trois crochets et de mettre comme lien ce qui suit http://fondationscp.wikidot.com/ dans l'adresse de la page visée. Avec http://fondationscp.wikidot.com/exemple-de-page par exemple :
[[[exemple-de-page | Texte du lien]]]
2) Les liens externes sont des liens qui renvoient n'importe où ailleurs sur internet en dehors du site http://fondationscp.wikidot.com/. Ceux-ci se font avec une seule paire de crochets, pas de barre au milieu et un lien complet vers la page visée :
[https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Accueil_principal Texte du lien]
Hébergement
Toutes les images, les modèles et les fichiers utilisés dans des articles en général doivent être hébergés directement sur le site. Les hébergements extérieurs causent toutes sortes de problèmes, allant de changements incontrôlables de format dont même vous ne pourrez pas être informé à la perte parfois irrémédiable du fichier si le service utilisé cesse ou change d'adresse.
Images
Pour téléverser une image, cliquez sur "Fichiers" dans les options de bas de page puis sur "Téléverser un fichier depuis votre ordinateur". Sélectionnez le fichier approprié puis cliquez sur le bouton "Téléverser".
Wikidot ne permet pas de sélectionner plusieurs fichiers à la fois et le processus peut être ennuyeux si vous en avez beaucoup, mais il est possible de créer artificiellement cette option : il vous suffit pour cela de créer un nouveau favori dans votre navigateur et de coller le code suivant à la place du lien. Il vous suffira de cliquer dessus quand vous êtes sur une page pour ouvrir immédiatement l'interface de sélection de fichiers et téléverser tout ce qu'il vous faut.
javascript:(()%3D>%7Bvar f%3Ddocument.createElement('input')%3Bf.type%3D'file'%3Bf.multiple%3Dtrue%3Bf.style.display%3D'none'%3Bvar c%3Ddocument.createElement('ul')%3Bvar b%3Ddocument.createElement('button')%3Bb.innerText%3D'upload'%3Bvar a%3Ddocument.getElementById('action-area')%3Bvar l%3D%5B%5D%3Bf.onchange%3D()%3D>%7Ba.style.display%3D'block'%3Ba.innerHTML%3D'<h1>Files<%2Fh1>'%3Ba.appendChild(c)%3Bfor(var _f of f.files)%7Bvar o%3D%7B%7D%3Bo.d%3Dnew FormData()%3Bo.d.append('userfile'%2C_f)%3Bo.d.append('page_id'%2CWIKIREQUEST.info.pageId)%3Bo.d.append('action'%2C'FileAction')%3Bo.d.append('event'%2C'uploadFile')%3Bo.d.append('MAX_FILE_SIZE'%2C52428800)%3Bo.n%3Ddocument.createElement('input')%3Bo.n.value%3D_f.name%3Bl.push(o)%3Bvar s%3Ddocument.createElement('span')%3Bs.innerText%3D%60(%24%7B~~(_f.size %2F 1024)%7Dkb)%60%3Bvar i%3Ddocument.createElement('li')%3Bi.appendChild(o.n)%3Bi.appendChild(s)%3Bc.appendChild(i)%3B%7Da.appendChild(b)%3Bwindow.scrollTo(0%2Ca.getBoundingClientRect().top %2B window.scrollY)%3B%7D%3Bb.onclick%3Dasync()%3D>%7Bb.disabled%3Dtrue%3Bb.innerText%3D'téléversement en cours...'%3Bfor(var _l of l)%7B_l.d.append('dfilename'%2C_l.n.value)%3B_l.n.disabled%3Dtrue%3B_l.n.style.background%3D'url(http%3A%2F%2Fd3g0gp89917ko0.cloudfront.net%2Fv--3e3a6f7dbcc9%2Fcommon--theme%2Fbootstrap-base%2Fimages%2Fprogress%2Fprogressbar.gif)center no-repeat'%3B_l.n.style.color%3D'transparent'%3B%7Dvar e%3Dnull%3Bvar r%3Dawait Promise.all(l.map(v%3D>%7Bvar f%3Dfetch('%2Fdefault--flow%2Ffiles__UploadTarget'%2C%7Bmethod%3A "POST"%2Cbody%3A v.d%7D)%3Bf.then(async r%3D>%7Bvar t%3Dawait r.text()%3Bvar s%3Dt.match(%2F<div id%3D"status">(.*%3F)<%5C%2Fdiv>%2F)%5B1%5D%3Bvar x%3D(s%3D%3D'ok')%7C%7C(s%3D%3D'file_exists')%3B(v.n.style.background%3Dx%3F'%23fff'%3A'%23f99'%2Cv.n.style.color%3Dx%3F'%232b2'%3A'%23b01')%3Bx%7C%7C(e%3Ds)%3B%7D)%3Breturn f%3B%7D))%3Bb.innerText%3D!e%3F'terminé'%3A'error'%3B!e%7C%7Calert(e)%3Bf.remove()%3B%7D%3Bdocument.body.appendChild(f)%3Bvar d%3Dnew OZONE.dialogs.Dialog()%3Bd.content%3D'<div class%3D"title">téléversement<%2Fdiv><div class%3D"content">Êtes-vous sûr·e de vouloir téléverser vos fichiers %3F<%2Fdiv><div class%3D"button-bar"><a href%3D"javascript%3A%3B" onclick%3D"OZONE.dialog.cleanAll()">Annuler<%2Fa><a href%3D"javascript%3A%3B" onclick%3D"upload_m_f()">Téléverser<%2Fa><%2Fdiv>'%3Bd.show()%3Bwindow.upload_m_f%3D()%3D>%7Bd.close()%2Cf.click()%2Cwindow.upload_m_f%3D()%3D>%7B%7D%7D%3B%7D)()%3Bvoid(0);
Une fois téléversée, une image peut être affichée en utilisant le nom du fichier, c'est-à-dire celui sous lequel vous l'avez téléversé, dans le code. Attention, l'extension (png, jpg, gif…) doit être présente pour fonctionner correctement !
Pour utiliser cette image :
[[image exemple.jpg]] Correct
[[image exemple]] Invalide
[[image http://fondationscp.wdfiles.com/local--files/charte-technique/exemple.jpg]] Déconseillé
Modèles
Pour les traductions, vous pourrez être amené à tomber sur des modèles comme celui-ci dans les articles originaux :
[[include :scp-wiki:component:wide-image-sizer]]
Un "modèle" est une page contenant une certaine quantité de code, qu'on peut "appeler" en une seule ligne sur d'autres pages pour bénéficier des effets du code en question sans alourdir l'endroit où on l'utilise. Les pages modèle sont rangées dans la catégorie component: (voir onglet "Navigation", section "Catégories").
La partie bleue utilise exactement le même système de nom de page que les liens internes, mais la verte est facultative et permet de renvoyer spécifiquement sur un site Wikidot donné (selon la syntaxe textevert.wikidot.com) ; cette fonctionnalité ne sert cependant à rien sur notre site puisqu'il héberge lui-même une version stable de tous les modèles nécessaires et il vaut mieux l'enlever pour éviter les problèmes en cas de modification ou suppression du modèle sur son site d'origine.
Restrictions d'espace
Chaque fichier hébergé sur le site prend de l'espace de stockage, qui pourrait dans un futur proche devoir être payé par la communauté pour permettre au site de rester en ligne. Quelques mesures simples sont donc mises en place pour optimiser cet espace et éviter autant que possible la surcharge.
1) La taille maximale autorisée pour les images et fichiers divers sur le site est de deux mégaoctets (2 Mo), sauf exceptions accordables au cas par cas par le pôle Technique du staff si une mise en page ou un fichier particulier nécessitent davantage pour bien fonctionner. Gardez cependant en tête que pour une image classique dans un rapport SCP, vous ne devriez jamais avoir besoin de dépasser cinq cents kilooctets (500 ko) puisqu'une qualité trop élevée ne se verra de toute façon pas au-delà d'un certain niveau à la taille d'affichage normale du module d'image. Si vous en avez une trop grande que vous aimeriez utiliser, servez-vous d'un éditeur d'images gratuit comme paint.net ou d'un compresseur en ligne pour la redimensionner.
2) Pour certaines images très récurrentes comme les différents logos de la Fondation ou des Groupes d'Intérêt officiels, le site dispose d'une page d'hébergement dont la pérennité des liens est garantie par le staff. Il est recommandé d'utiliser ceux-là dès que vous avez besoin d'afficher un tel logo, évitant ainsi d'héberger trente-six fois le même fichier sur différentes pages du site.
Module de crédit
Tous les articles postés sur le site (en dehors des guides et des pages système dont la publication est réservée au staff) doivent comporter tout en haut de leur code le module de notation et de crédit :
[[include credit:start]]
**Titre :** [Titre de l'article] OU [SCP-XXX-FR - Surnom]
**Auteur :** [[user Auteur]]
**Date de publication :** [Date de publication] (Sous le format "1er janvier 2019")
**Image :** [Source des images potentielles] (Supprimer cette ligne s'il n'y a pas d'image et accorder "Image(s)" au pluriel ou au singulier selon s'il y en a une ou plusieurs.)
[[include credit:end]]
Indiquer les sources
Pour chaque fichier, plusieurs informations sont nécessaires dans le module de crédit. Suivez le modèle TSAL : Titre, Source, Auteur, Licence. Par exemple :
MC Rotfeuerfisch.jpg par Christian Mehlführer sous CC BY 2.5
Ici, la source est indiquée sous forme de lien sur le nom du fichier. Pour plus d'informations sur le fonctionnement des crédits ou des conseils sur la manière de créditer un contenu dans un article, consultez les informations légales ou demandez à un membre du staff.
Navigation
Tous les rapports SCP postés sur le site doivent comporter tout en bas de leur code le bloc des liens de bas de page (même si la page n'en comporte pas) et les liens de navigation entre les entrées des séries SCP, d'abord le numéro du rapport précédent, puis de l'actuel, puis du suivant :
[[footnoteblock]]
[[div class="footer-wikiwalk-nav"]]
<< [[[SCP-XXX-FR]]] | SCP-XXX-FR | [[[SCP-XXX-FR]]] >>
[[/div]]
Il est possible de styliser la présentation d'une page et le contenu d'un article avec du code CSS, directement inclus dans une balise [[module css]] ou via un thème. Cet usage est cependant soumis à des conditions précises.
Règles générales
Principe de la diégèse
De manière générale, l'utilisation de styles visuels sur une page est soumise au principe de la diégèse : tout changement doit entrer dans le cadre de la narration de la page où il est inclus et être justifié diégétiquement.
- Par exemple, un rapport SCP dont l'histoire explique ou indique qu'il est stocké dans une section particulière de la base de données de la Fondation pourra être mis en forme de manière à rendre une esthétique de vieux terminal informatique, ou au contraire d'outil futuriste cyberpunk.
- À l'inverse, un rapport SCP parlant d'un Groupe d'Intérêt ne devrait pas porter le thème CSS de ce GdI, puisque rien dans le contenu de l'article ne justifie que la page où il se trouve ait une apparence différente des autres sur le site de la Fondation.
Une exception à cette règle est faite pour la page de contributeur de chaque membre, qui peut être conçue visuellement de manière plus libre.
Séparation article/page
Le contenu d'un article et l'apparence de l'ensemble de la page où il se trouve sont deux espaces différents : la partie hors article, qui correspond à la charte graphique habituelle du site de la Fondation SCP qu'on peut voir à l'identique sur toutes ses pages, est strictement soumise au principe de la diégèse.
À l'inverse, le contenu de l'article, c'est-à-dire la partie écrite par l'auteur et modifiable en éditant la page, peut être stylisé plus librement dans les limites du raisonnable.
Préservation du layout
La disposition des éléments de mise en page du site (en-tête, éléments de navigation…) doit rester cohérente d'une page à l'autre. Il est interdit de les modifier d'une manière qui les déplace, les cache ou les rend moins reconnaissables ou accessibles à l'ouverture de la page.
Thèmes CSS
Les thèmes sont des ensembles de règles CSS visant à donner une certaine apparence et esthétique aux pages sur lesquelles ils sont inclus via une ligne de code.
Tous les contributeurs peuvent s'essayer à la création d'un thème, mais un certain nombre d'exigences sont fixées pour autoriser leur publication sur une page de la catégorie theme: et/ou leur utilisation sur un article du site. Celles-ci incluent le respect des règles de la présente charte (accessibilité, diégèse…) et une qualité satisfaisante du code (pas de mauvaises pratiques ou de code excédentaire, compatibilité avec le thème du site…). Pour publier un thème, son auteur doit le soumettre à vérification en contactant le pôle Technique du staff et obtenir son aval.
La création d'un thème de qualité satisfaisante nécessite un niveau avancé de compréhension du HTML et CSS ; il est déconseillé de s'y essayer à un niveau amateur.
En-têtes de page
Les mises en page alternatives visant à modifier la présentation de l'en-tête d'un article, particulièrement d'un rapport SCP, sont autorisées à condition de rester visuellement sobres.
Exemples d'en-têtes interdits :
Exemples d'en-têtes autorisés :
Exemple d'en-tête léger (tiré de SCP-4098).
Texte alternatif
1) Toutes les ressources visuelles utilisées dans un article (photographie, texte sous forme d'image…) doivent être accompagnées d'une description textuelle dans leur code. Celle-ci peut être jointe à l'image de la manière suivante :
[[include component:image-block name=exemple.jpg |caption=Légende de l'image. |alt=Point d'interrogation en trois dimensions. |width=300px]]
[[image exemple.jpg alt="Point d'interrogation en trois dimensions." width="300px"]]
Le texte alternatif n'est en principe pas identique à une légende. Il vise à décrire l'image comme vous le feriez à quelqu'un qui ne peut pas la voir, en expliquant succinctement mais clairement ce qu'elle montre. Il s'agit d'un outil technique qui n'apparaîtra pas directement sur la page et ne doit pas être utilisé pour des remarques intradiégétiques ou "méta" comme pourrait l'être la légende visuelle de l'image.
2) Un texte alternatif doit être fourni pour toutes les images contenant du texte à l'aide de l'attribut "alt" présenté plus haut (exemples de texte alternatif : "Livre intitulé 'De l'origine des espèces' posé sur une étagère.", "Note interne de la Fondation SCP contenant le texte suivant : '[insérer ici copié-collé du texte visible sur l'image]'.").
Cependant, il est recommandé d'éviter lorsque possible de créer des images contenant du texte simplement pour faciliter sa mise en forme ; il est possible de le faire à l'aide de code, vous-même ou en demandant l'aide d'un membre plus expérimenté techniquement. Les images devraient être gardées pour les logos et visuels sans texte, ou pour le texte quand l'objectif est de le présenter explicitement sous forme de photographie dans la narration de l'article.
Caractères
De manière générale, ne doivent être utilisés pour composer des mots sur le site que les caractères Unicode standard correspondant aux lettres de l'alphabet. L'utilisation de caractères non standard (𝐀, 𝐁, 𝐂 ou autres) pour créer un effet de style est proscrite, car ils ne seront pas reconnus comme des lettres de l'alphabet. En cas de besoin, il est possible d'appliquer une police d'écriture différente au texte souhaité pour changer son apparence.
L'usage de caractères non-standard est possible lorsque ces caractères sont bien utilisés dans leur but initial (par exemple, des caractères japonais pour écrire un mot en japonais, mais pas collés les uns aux autres au hasard pour simuler un gribouillis).
Contraste
Le texte affiché dans des articles, notamment lorsqu'il est modifié par un thème ou un affichage unique sur mesure, doit en toutes circonstances respecter au minimum le standard AA du World Wide Web Consortium.
Taille de police
Le texte dans les articles doit toujours être affiché à une taille lisible équivalente à la taille par défaut du thème du site. Des exceptions sont possibles pour des effets de style ou de narration, en principe sur de courts passages de texte.
Catégories
Les pages du site sont organisées en plusieurs catégories, chacune correspondant à un type de page différent. Une catégorie est un préfixe au nom de la page dans son URL, suivant le format suivant :
http://fondationscp.wikidot.com/categorie:nom-de-la-page
Ici, la page nom-de-la-page est classée dans la catégorie categorie, les deux toujours séparées par un :.
Les pages d'une catégorie ont généralement une fonction commune, ou partagent une fonctionnalité expérimentale ou un affichage différent. Elles ne sont pas basées sur la thématique des pages (contrairement aux tags), mais sur des caractéristiques plus fondamentales.
Une catégorie est automatiquement créée quand le nom d'une page est préfixé d'un mot suivi d'un double point :. Les articles normaux sont publiés sans catégorie particulière (aucun : dans l'URL à laquelle la page est créée). Une page ne doit être postée dans une catégorie que si elle correspond à ses critères propres. Pour certaines catégories, une autorisation du staff est nécessaire (voir liste plus bas). Seules les catégories existantes doivent être utilisées.
Catégories utilisées sur le site (liste non exhaustive) :
Ouvert : Tous les utilisateurs peuvent créer des pages dans cette catégorie.
Sur demande : Les utilisateurs peuvent parfois créer des pages dans cette catégorie avec l'autorisation explicite du staff Technique.
Fermé : Cette catégorie n'est pas ouverte à la publication pour les utilisateurs.
- _default (pas de préfixe) : Catégorie par défaut pour tous les articles normaux (rapports SCP, contes, essais…).
- vagabonds: Articles situés dans l'univers de la Bibliothèque des Vagabonds et répondant aux critères et catégories de cette sous-section du site.
- fragment: Sous-pages constitutant différentes parties d'un même article (voir onglet "Cas spécifiques", section "Itérations").
- art: Page présentant un dessin, visuel ou fanart plutôt qu'un article. Les pages de cette catégorie sont plutôt des traductions, mais il est possible d'y mettre certains types de pages originales (p.ex. galeries d'artiste) sur demande au staff.
- component: Page technique proposant un "modèle" de code qui peut être inclu dans d'autres pages (voir onglet "Pratiques courantes", section "Hébergement"). En principe créé par le staff Technique, peut être créé directement par les utilisateurs expérimentés sur demande à celui-ci.
- theme: Page d'un thème CSS pouvant être inclus sur d'autres pages pour en changer l'apparence. La création et la traduction de thèmes est ouverte aux utilisateurs expérimentés maîtrisant le CSS et leur publication est soumise à autorisation du staff Technique.
- deleted: Pages supprimées, en attente de suppression complète ou gardées de côté pour raisons administratives.
- system: Pages système nécessaires au fonctionnement du site ou proposant des fonctionnalités élémentaires.
Itérations
Il est possible d'utiliser le module "ListPages" de Wikidot pour afficher le contenu de différentes pages dites "fragments" sur une seule. La méthode pour accomplir cette manipulation est détaillée dans un essai dédié, mais elle est sujette à quelques règles.
1) Cette méthode doit être utilisée dans les cas où les itérations (ou "offsets" en anglais) peuvent et doivent être considérées comme différentes parties d'un même article, et non pas seulement des pages en lien.
Elle ne doit pas être utilisée quand ce n'est pas le cas.
- Exemples d'utilisations légitimes : différentes versions d'un rapport SCP au fil de plusieurs mises à jour / parties d'un rapport SCP-001 / version corrompue puis décodée d'un document…
- Exemples d'utilisations non pertinentes : chapitres d'une série de contes, page collaborative annexe d'un rapport, articles d'un canon…
2) Les pages dont le contenu s'affichera à tour de rôle sur la "page-vitrine" principale doivent être postées dans la catégorie fragment: et recevoir le tag fragment.
- 2.1) Les pages doivent être nommées suivant le format fragment:url-de-la-page-de-base-1, puis -2, -3 et ainsi de suite en fonction de l'ordre des itérations. En l'absence d'un ordre logique, les numéros peuvent être répartis de manière arbitraire.
3) Les liens de toutes les pages fragments d'un article doivent figurer dans son code source.
Modifications automatisées
Il est strictement interdit pour les utilisateurs du site de faire usage d'outils techniques tiers (scripts, bots…) pour mener des actions de modification automatisée des pages et métadonnées.
En cas de besoin, les utilisateurs sont invités à contacter le pôle Technique du staff pour présenter leur besoin et chercher une solution.
