[WIP] Redesign du wiki

.github/ISSUE_TEMPLATE/question-ou-besoin-d-aide---.md

@@ -4,4 +4,4 @@ about: "Si vous avez une question, venez sur notre Discord !"
 
 ---
 
-Nous utilisons GitHub pour gérer les tâches à réaliser. Si vous avez une question sur l'utilisation du wiki, vous pouvez rejoindre notre serveur Discord : https://discord.gg/RrBppaj Cela vous permet de discuter avec l'équipe et les membres de la communauté. C'est là que vous aurez les réponses les plus rapides !
+Nous utilisons GitHub pour gérer les tâches à réaliser. Si vous avez une question sur l'utilisation du wiki, vous pouvez rejoindre notre [serveur Discord](https://discord.gg/RrBppaj) Cela vous permet de discuter avec l'équipe et les membres de la communauté. C'est là que vous aurez les réponses les plus rapides !

.github/ISSUE_TEMPLATE/suggestion---.md

@@ -1,15 +1,7 @@
 ---
 name: "Suggestion"
-about: "J'ai une idée d'amélioration (et j'ai peut-être envie de la réaliser)"
+about: "Vous souhaitez voir un contenu sur le wiki ? N'hésitez pas à contribuer."
 
 ---
 
-<!-- Vous pouvez effacer les parties de ce message qui ne s'appliquent pas à votre suggestion -->
-
-## Est-ce que votre suggestion est liée à un problème ?
-
-Une rapide description de votre problème. Ex: Je suis toujours frustré quand [...]
-
-## Décrivez la solution qui vous plairait
-
-Une description claire du résultat que vous aimeriez.
+Nous n'acceptons pas les suggestions, afin de ne pas créer des issues sans activités, si vous souhaitez voir du contenu ajouté sur le wiki n'hésitez pas à [contribuer](). Pour en savoir plus, merci de lire les [Issues guidelines](https://github.com/gamedevalliance/wiki.fairedesjeux.fr/tree/master/.github/issues_guidelines.md).

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,21 @@
+# Pull Request template
+
+Merci pour votre contribution mais, avant de la publier sous forme d'une pull request, merci de respecter ce template.
+
+> :warning: Si votre pull request est une modification rapide via le bouton `modifiez la page`, vous pouvez ignorez ce template est simplement mettre un titre tel que `Correction coquilles` ou `Correction erreur [Nom de la page]`.
+
+## Titre
+
+- Si votre PR règle un bug, une erreur ou un problème votre titre, votre titre devra être `close #[Issue]` où vous remplacerez [issue] par le numéro de l'issue concernée. Si une issue n'existe pas encore, créez là.
+- Si votre projet ajoute du contenu, nommez votre PR `ajout [titre de la page ajoutée]` ou `mise à jour [titre de la page + partie modifiée]`
+
+## Description
+
+Decrivez de la manière la plus explicite possible ce que votre PR change. N'hésitez pas à ajouter des screens si cela vous semble utile.
+
+## Check list
+
+- [ ] J'ai bien lu la [charte de qualité]() ainsi que la [syntaxe du wiki]()
+- [ ] Le titre et la description de ma PR corresponde au template indiqué
+- [ ] J'ai essayé de construire le site localement sur mon ordinateur, sans que mes modifications ne causent d'erreurs
+- [ ] Les commits contenus dans ma PR ont des noms explicites et sont le moins nombreux possibles

.github/issues_guidelines.md

@@ -0,0 +1,17 @@
+# Issues guidelines
+
+Vous rencontrez un bug, une erreur ou un problème sur le wiki de FaireDesJeux.fr ?
+
+Créer une issue sur le répo Github du wiki permet de documenter le problème et donc de permettre à un éventuel contributeur de le régler. Pour cela, commencez d'abord par vous assurer qu'il n'existe pas déjà une [issue sur le sujet](https://github.com/gamedevalliance/wiki.gamedevalliance.fr/issues).
+
+Egalement, nous n'acceptons pas les suggestions, en effet si chaque visiteur ajoutais une issue "Ce serait bien d'avoir un portail sur *son moteur favoris*", on risquerait de se retrouver avec des dizaines d'issues sans que personne n'y contribue jamais réellement. Si vous souhaitez voir ajouté du contenu sur le wiki, n'hésitez pas à [contribuer]().
+
+Enfin, si vous avez une question ou besoin d'aide pour contribuer ou pour utiliser le wiki, pas besoin d'ouvrir une issue, vous pouvez rejoindre notre [serveur Discord](https://discord.gg/RrBppaj). Cela vous permet de discuter avec l'équipe et les membres de la communauté. C'est là que vous aurez les réponses les plus rapides !
+
+## Guide pour créer une issue
+
+Connectez vous avec votre profil Github, puis rendez vous sur la [page des issues](https://github.com/gamedevalliance/wiki.gamedevalliance.fr/issues) de notre projet. Cliquez le bouton vert `new issue`, choissisez le type d'issue auquel correspond votre problème en cliquant sur le bouton vert `get started` correspondant.
+
+Ensuite, laissez vous guider par le template à remplir, avant de publier votre issue.
+
+

.gitignore

@@ -1,8 +1,11 @@
+static/webp
+
 public/
 resources/
 .vscode/
 .idea/
 .sass-cache/
+node_modules/
 
 Thumbs.db
 Desktop.ini

README.md

@@ -1,56 +1,41 @@
-# Bienvenue sur le wiki de la création de jeux
+# Bienvenue sur le wiki de FaireDesJeux.fr
 
-![Bannière](/accueil/banniere.png)
+> :warning: Vous êtes actuellement sur la branche `redesign`.
 
-Ce wiki aborde la création de jeux vidéo sous tous ses aspects. Vous y trouverez des guides pour utiliser des logiciels, ainsi que des renseignements sur la communauté et ses jeux.
+[FaireDesJeux.fr](https://fairedesjeux.fr) est un site collaboratif proposant des formations gratuites pour accompagner les débutants et débutantes dans la création de jeux vidéo, plus d'informations sur le [répo Github](https://github.com/gamedevalliance/fairedesjeux.fr) du projet.
 
-Vous pouvez étoffer les pages existantes ou en ajouter de nouvelles. Si vous cherchez de l'inspiration, parcourez la [liste des issues](https://github.com/gamedevalliance/wiki/issues), ou demandez aux gens ce qu'ils aimeraient bien lire.
+Le wiki de FaireDesJeux.fr est un site complétementaire mais indépendant, proposant un maximum d'informations encyclopédiques sur les moteurs, logiciels et outils liés au développement de jeux vidéo. Vous y trouverez ainsi des guides d'installation détaillé, des réponses aux problèmes techniques les plus courants, des éléments d'histoires sur les différents logiciels ou les communautés qui y sont liées... Vous n'y trouverez néanmoins pas de tutoriels, qui relèvent eux de [FaireDesJeux.fr](https://fairedesjeux.fr).
 
-GDA assurera la perrénité du site et de ses précieuses informations : votre contribution ne sera pas perdue dans les méandres d'Internet. Le contenu des articles est sous licence [CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/). Pour plus de renseignements à ce sujet, contactez-nous sur [Discord](https://discord.gg/RrBppaj).
+Tout le monde peut participer au projet, que ce soit pour corriger une faute ou créer du contenu. Une charte de qualité permet de s'assurer que tout le monde avance dans une même direction, et une page de référence détaille la syntaxe Markdown ainsi que les fichiers à créer pour commencer l'écriture d'un nouveau portail.
 
 ## Modifier une page rapidement
 
-Depuis n’importe quelle page du wiki, cliquez sur *Modifier cette page* dans le sommaire de droite, qui apparait si votre fenêtre est suffisamment grande. Cela ouvrira le fichier correspondant dans le dépôt.
+Depuis n’importe quelle page du wiki, cliquez sur *Modifier cette page* dans le sommaire de droite. Cela ouvrira le fichier correspondant dans le dépôt.
 
-## Construire localement le wiki
+## Devenir un contributeur régulier
 
-Pour construire le site, [Hugo Extended](https://github.com/gohugoio/hugo/releases) (en bas de la liste) et [Git](https://git-scm.com/downloads) doivent être installés sur votre ordinateur.
+Pour améliorer vos contributions au wiki, merci de bien lire la [charte de qualité]() et la [syntaxe du wiki](). Avant de vous lancer dans une contribution, regardez s'il n'existe pas une [issue github](https://github.com/gamedevalliance/wiki.fairedesjeux.fr/issues) sur le sujet et, si c'est le cas, à lire les discussions qui y sont liées.
 
-Clonez le dépôt en incluant le submodule : le [Royal Theme](https://github.com/Princesseuh/hugo-royal-theme) de Princesseuh.
+S'il n'existe pas d'issue déjà documentée :
 
-```
-git clone --recurse-submodules https://github.com/mon-pseudo/mon-fork
-```
+- S'il s'agit d'un bug, d'une erreur ou d'un problème, merci de créer une `issue` dédiée en vous assurant de bien suivre les [issues guidelines](https://github.com/gamedevalliance/wiki.fairedesjeux.fr/tree/master/.github/issues_guidelines.md).
 
-Utilisez ensuite cette commande pour lancer le serveur :
+- S'il s'agit d'un contenu que vous souhaitez réaliser dans le futur (par exemple un nouveau portail), mieux vaut d'abord réaliser la contribution puis la proposer au sein d'une `pull request` en vous assurant de bien suivre le template proposé. Inutile de créer une issue qui restera vide ad vitam eternam.
 
-```
-hugo server
-```
+Pour faciliter la contribution, n'hésitez pas à suivre le channel *#projets-de-gda* sur notre [serveur Discord](https://discord.gg/RrBppaj) et installer le wiki sur votre ordinateur comme détaillé dans la section ci-dessous.
 
-Pour une marche à suivre plus détaillée et accessible aux néophytes, lisez [Installer le wiki](https://wiki.gamedevalliance.fr/contribuer/installer).
+## Installer localement le wiki
 
-## Ajouter une image ou une vidéo
+Pour construire le site, [Hugo Extended](https://github.com/gohugoio/hugo/releases) (en bas de la liste) et [Git](https://git-scm.com/downloads) doivent être installés sur votre ordinateur.
 
-Vous pouvez déposer des images et des vidéos pour les utiliser dans vos articles. Chaque page possède son propre dossier. Par exemple, pour un article situé dans
+Clonez le dépôt en incluant le submodule : le [Royal Theme](https://github.com/Princesseuh/hugo-royal-theme) de Princesseuh.
 
 ```
-content/tutoriels/teleportation.md
+git clone --recurse-submodules https://github.com/mon-pseudo/mon-fork
 ```
 
-il vous faudrait situer l'image ou la vidéo dans
+Utilisez ensuite cette commande pour lancer le serveur :
 
 ```
-images/tutoriels/teleportation/image.png
-videos/tutoriels/teleportation/video.mp4
-```
-
-puis dans votre article, la référencer ainsi :
-
-```markdown
-![Mon image](/tutoriels/teleportation/image.png)
+hugo server
 ```
-
-## Syntaxe
-
-Les articles du wiki sont écrits dans un Markdown enrichi de fonctions personnelles. Référez-vous à la [documentation de la syntaxe](https://wiki.gamedevalliance.fr/contribuer/syntaxe) ou inspirez-vous des articles existants.

assets/css/main.css

@@ -0,0 +1,122 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@import "./muli.css";
+@import "./source-sans-pro.css";
+
+.logo {
+    width: 63px;
+    height: 55px;
+}
+
+.logo__text {
+    height: 55px;
+}
+
+@keyframes bounce {
+    0%, 100% { transform: translate(0); }
+    20% { transform: rotateX(20deg) translateY(1px) rotate(-3deg); }
+    40% { transform: translateY(-5px) rotate(3deg) scale(1.1); }
+}
+
+.gda span {
+    @apply inline-block;
+
+    backface-visibility: hidden;
+}
+
+.gda:hover span {
+    animation: bounce 0.45s;
+}
+
+.gda span:nth-child(2) { animation-delay: 0.05s; }
+.gda span:nth-child(3) { animation-delay: 0.1s; }
+.gda span:nth-child(4) { animation-delay: 0.15s; }
+.gda span:nth-child(5) { animation-delay: 0.2s; }
+.gda span:nth-child(6) { animation-delay: 0.25s; }
+.gda span:nth-child(7) { animation-delay: 0.3s; }
+.gda span:nth-child(8) { animation-delay: 0.35s; }
+.gda span:nth-child(9) { animation-delay: 0.4s; }
+.gda span:nth-child(10) { animation-delay: 0.45s; }
+.gda span:nth-child(11) { animation-delay: 0.5s; }
+.gda span:nth-child(12) { animation-delay: 0.55s; }
+.gda span:nth-child(13) { animation-delay: 0.6s; }
+.gda span:nth-child(14) { animation-delay: 0.65s; }
+.gda span:nth-child(15) { animation-delay: 0.7s; }
+.gda span:nth-child(16) { animation-delay: 0.75s; }
+.gda span:nth-child(17) { animation-delay: 0.8s; }
+.gda span:nth-child(18) { animation-delay: 0.85s; }
+
+.index-section {
+  width: calc(33% - 1rem);
+}
+
+.svg-inline {
+    display: inline-block;
+    font-size: inherit;
+    height: 1em;
+    width: 1em;
+    vertical-align: -.125em;
+}
+
+.social-icon ­{
+    display: inline-block;
+    border: none;
+    vertical-align: middle;
+}
+
+  .svg-inline--fa.fa-w-1 {
+    width: 0.0625em; }
+  .svg-inline--fa.fa-w-2 {
+    width: 0.125em; }
+  .svg-inline--fa.fa-w-3 {
+    width: 0.1875em; }
+  .svg-inline--fa.fa-w-4 {
+    width: 0.25em; }
+  .svg-inline--fa.fa-w-5 {
+    width: 0.3125em; }
+  .svg-inline--fa.fa-w-6 {
+    width: 0.375em; }
+  .svg-inline--fa.fa-w-7 {
+    width: 0.4375em; }
+  .svg-inline--fa.fa-w-8 {
+    width: 0.5em; }
+  .svg-inline--fa.fa-w-9 {
+    width: 0.5625em; }
+  .svg-inline--fa.fa-w-10 {
+    width: 0.625em; }
+  .svg-inline--fa.fa-w-11 {
+    width: 0.6875em; }
+  .svg-inline--fa.fa-w-12 {
+    width: 0.75em; }
+  .svg-inline--fa.fa-w-13 {
+    width: 0.8125em; }
+  .svg-inline--fa.fa-w-14 {
+    width: 0.875em; }
+  .svg-inline--fa.fa-w-15 {
+    width: 0.9375em; }
+  .svg-inline--fa.fa-w-16 {
+    width: 1em; }
+  .svg-inline--fa.fa-w-17 {
+    width: 1.0625em; }
+  .svg-inline--fa.fa-w-18 {
+    width: 1.125em; }
+  .svg-inline--fa.fa-w-19 {
+    width: 1.1875em; }
+  .svg-inline--fa.fa-w-20 {
+    width: 1.25em; }
+
+.right {
+  float: right;
+  margin: 14px 0;
+  padding-left: 30px;
+  max-width: 40%;
+}
+
+.left {
+  float: left;
+  margin: 14px 0;
+  padding-right: 30px;
+  max-width: 40%;
+}

assets/css/muli.css

@@ -0,0 +1,35 @@
+@font-face {
+  font-family: 'Muli';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 400;
+  src:
+    local('Muli Regular '),
+    local('Muli-Regular'),
+    url('../fonts/muli-latin-400.woff2') format('woff2'), /* Super Modern Browsers */
+    url('../fonts/muli-latin-400.woff') format('woff'); /* Modern Browsers */
+}
+
+@font-face {
+  font-family: 'Muli';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 600;
+  src:
+    local('Muli SemiBold '),
+    local('Muli-SemiBold'),
+    url('../fonts/muli-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
+    url('../fonts/muli-latin-600.woff') format('woff'); /* Modern Browsers */
+}
+
+@font-face {
+  font-family: 'Muli';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 700;
+  src:
+    local('Muli Bold '),
+    local('Muli-Bold'),
+    url('../fonts/muli-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
+    url('../fonts/muli-latin-700.woff') format('woff'); /* Modern Browsers */
+}

assets/css/source-sans-pro.css

@@ -0,0 +1,23 @@
+@font-face {
+  font-family: 'Source Sans Pro';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 600;
+  src:
+    local('Source Sans Pro SemiBold normal'),
+    local('Source Sans Pro-SemiBoldnormal'),
+    url('../fonts/source-sans-pro-600.woff2') format('woff2'), /* Super Modern Browsers */
+    url('../fonts/source-sans-pro-600.woff') format('woff'); /* Modern Browsers */
+}
+
+@font-face {
+  font-family: 'Source Sans Pro';
+  font-style: normal;
+  font-display: swap;
+  font-weight: 700;
+  src:
+    local('Source Sans Pro Bold normal'),
+    local('Source Sans Pro-Boldnormal'),
+    url('../fonts/source-sans-pro-700.woff2') format('woff2'), /* Super Modern Browsers */
+    url('../fonts/source-sans-pro-700.woff') format('woff'); /* Modern Browsers */
+}