Release 1.0.0 : décollage vers les astres 🚀

.editorconfig

@@ -2,8 +2,7 @@ root = true
 
 [*]
 end_of_line = lf
-indent_style = space
-indent_size = 4
+indent_style = tab
 charset = utf-8
 trim_trailing_whitespace = true
 insert_final_newline = true

.gitignore

@@ -1,10 +1,22 @@
-*.log
-.cache
-.DS_Store
-src/.temp
-node_modules
-dist
+# build output
+dist/
+.output/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+
+# environment variables
 .env
-.env.*
-.vscode
-.tool-versions
+.env.production
+
+# misc
+.DS_Store
+.tool-versions
+
+# generated assets
+public/assets/videos/*
+public/assets/images/*
+src/assets/placeholders/*

.prettierignore

@@ -0,0 +1,2 @@
+**/*.mdx
+scripts/*.tmLanguage.json

.prettierrc.cjs

@@ -0,0 +1,18 @@
+/** @type {import("@types/prettier").Options} */
+module.exports = {
+	printWidth: 100,
+	tabWidth: 2,
+	trailingComma: "es5",
+	semi: false,
+	plugins: ["./node_modules/prettier-plugin-astro", require("prettier-plugin-tailwindcss")],
+	astroAllowShorthand: false,
+	tailwindConfig: "./tailwind.config.cjs",
+	overrides: [
+		{
+			files: "*.astro",
+			options: {
+				parser: "astro",
+			},
+		},
+	],
+}

.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+	"recommendations": ["astro-build.astro-vscode"],
+	"unwantedRecommendations": []
+}

.vscode/launch.json

@@ -0,0 +1,11 @@
+{
+	"version": "0.2.0",
+	"configurations": [
+		{
+			"command": "./node_modules/.bin/astro dev",
+			"name": "Development server",
+			"request": "launch",
+			"type": "node-terminal"
+		}
+	]
+}

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+	"files.associations": {
+		"*.mdx": "markdown"
+	}
+}

README.md

@@ -4,32 +4,6 @@ FaireDesJeux.fr est un site collaboratif proposant des formations gratuites pour
 
 Tout le monde peut participer au projet, que ce soit pour corriger une faute ou créer du contenu. Une [charte de qualité](https://fairedesjeux.fr/contribuer/avant-propos/charte/) permet de s'assurer que tout le monde avance dans une même direction, et une [page de référence](https://fairedesjeux.fr/contribuer/comment-contribuer/syntaxe-des-cours/) détaille la syntaxe Markdown ainsi que les fichiers à créer pour commencer l'écriture d'une nouvelle formation.
 
-## Modifier une page rapidement
+## V1
 
-Depuis n’importe quelle page du site, cliquez sur *Modifier cette page* dans le sommaire de droite. Cela ouvrira le fichier correspondant dans le dépôt.
-
-## Télécharger le site
-
-### 1. Installer Node.js et npm
-
-#### Windows
-[Télécharger la version Current](https://nodejs.org/) et cocher "Install the necessary tools" durant l'installation.
-
-#### Linux
-`sudo apt install nodejs` pour la dernière version d'Ubuntu. [Autres distributions.](https://nodejs.org/en/download/package-manager/)
-
-#### macOS
-[Installer la version Current.](https://nodejs.org/)
-
-### 2. Préparer le dépôt
-
-1. `git clone --recursive https://github.com/gamedevalliance/fairedesjeux.fr`
-2. `cd fairedesjeux.fr`
-3. (`sudo`) `npm install` pour télécharger les dépendances dans le dossier.
-4. (`sudo`) `npm install --global @gridsome/cli` pour installer Gridsome CLI.
-
-Pour une marche à suivre plus détaillée et accessible aux néophytes, lisez le [guide du site](https://fairedesjeux.fr/contribuer/comment-contribuer/installer-le-site/).
-
-### 3. Démarrer un serveur local
-
-`gridsome develop` démarre un serveur local à l'adresse `localhost:8080` pour voir vos changements en direct alors que vous travaillez.
+En cours de refonte avec [Astro](https://astro.build/) 🚀

astro.config.mjs

@@ -0,0 +1,33 @@
+import mdx from "@astrojs/mdx"
+import tailwind from "@astrojs/tailwind"
+import AutoImport from "astro-auto-import"
+import { defineConfig } from "astro/config"
+import { remarkFixRelativeAssetLinks } from "./scripts/remark-relative-assets"
+import renpyLang from "./scripts/renpyLang.mjs"
+
+// https://astro.build/config
+export default defineConfig({
+	site: "https://fairedesjeux.fr",
+	integrations: [
+		tailwind(),
+		AutoImport({
+			imports: [
+				{
+					"./src/components/content/Bulle.astro": [["default", "Bulle"]],
+					"./src/components/content/Callout.astro": [["default", "Callout"]],
+					"./src/components/content/Video.astro": [["default", "Video"]],
+					"./src/components/content/YouTube.astro": [["default", "YouTube"]],
+					"./src/components/Image.astro": [["default", "Image"]],
+				},
+			],
+		}),
+		mdx(),
+	],
+	markdown: {
+		shikiConfig: {
+			langs: [renpyLang],
+		},
+		extendDefaultPlugins: true,
+		remarkPlugins: [remarkFixRelativeAssetLinks()],
+	},
+})

content/courses/bien-debuter/01-les-bases/01-par-ou-commencer.md → content/bien-debuter/01-les-bases/01-par-ou-commencer.mdx

@@ -5,4 +5,4 @@ description: "Voici par où commencer si vous souhaitez créer des jeux !"
 
 Voici par où commencer si vous souhaitez créer des jeux !
 
-`youtube:https://www.youtube.com/watch?v=LgAQWasSAXQ`
+<YouTube id="LgAQWasSAXQ" />

content/courses/bien-debuter/01-les-bases/02-faire-des-jeux-sans-programmer.md → content/bien-debuter/01-les-bases/02-faire-des-jeux-sans-programmer.mdx

@@ -5,4 +5,4 @@ description: "La programmation peut souvent impressionner les débutants et déb
 
 La programmation peut souvent impressionner les débutants et débutantes. Mais ce n'est pas forcément compliqué à apprendre, et ce n'est pas nécessaire dans tous les domaines de la création.
 
-`youtube:https://www.youtube.com/watch?v=AAp3cNlJxCw`
+<YouTube id="AAp3cNlJxCw" />

content/courses/bien-debuter/01-les-bases/03-moteurs-de-jeu.md → content/bien-debuter/01-les-bases/03-moteurs-de-jeu.mdx

@@ -5,7 +5,7 @@ description: "Unity, Unreal Engine, GameMaker... Quel est le moteur de jeu qui v
 
 Pour réaliser votre premier jeu, vous vous attendez peut-être à ce qu'il y ait un logiciel idéal, mais ce n'est pas toujours le cas. Chaque moteur a des avantages, des inconvénients, une interface et un style qui vous parleront plus ou moins. Ainsi, même s'il existe des logiciels plus populaires que d'autres pour chaque type de jeu, le choix du moteur est très subjectif. Il ne suffit pas de peser les pour et les contre : c'est aussi une question de *feeling*.
 
-`youtube:https://www.youtube.com/watch?v=VfAM3z45tQU`
+<YouTube id="VfAM3z45tQU" />
 
 Une chose est sûre : si vous souhaitez faire du jeu vidéo votre métier, il vous sera très utile d'apprendre Unity ou Unreal Engine, les deux moteurs les plus utilisés dans l'industrie et le multimédia en général. Unity est plus accessible aux autodidactes, en raison des nombreux tutoriels sur Unity Learn ou sur YouTube. Unreal, quant à lui, est plus souvent enseigné en école.
 

content/courses/bien-debuter/01-les-bases/05-apprendre-des-autres.md → content/bien-debuter/01-les-bases/05-apprendre-des-autres.mdx

@@ -3,4 +3,4 @@ title: Apprendre des autres créateurs
 description: "Quels sont les obstacles les plus courants dans le développement de jeux vidéo ?"
 ---
 
-`youtube:https://www.youtube.com/watch?v=Cu_BSrnBXzo`
+<YouTube id="Cu_BSrnBXzo" />

content/courses/bien-debuter/course.md → content/bien-debuter/index.mdx

@@ -14,6 +14,6 @@ opengraph_image: cover_wide
 
 Vous avez envie de créer des jeux vidéo, mais vous débutez complètement et ne savez pas par où commencer ? Cette formation est faite pour vous !
 
-Tous les jours sur notre [serveur Discord](https://discord.gg/RrBppaj), nous voyons de nombreux débutants se confronter aux mêmes problèmes et se poser les mêmes questions, ce qui nous avait poussé à écrire une *foire aux questions* sur notre ancien wiki, et à traiter plusieurs de ces sujets en vidéo.
+Tous les jours sur notre [serveur Discord](https://discord.gg/RrBppaj), nous voyons de nombreux débutants se confronter aux mêmes problèmes et se poser les mêmes questions, ce qui nous avait poussé à écrire une _foire aux questions_ sur notre ancien wiki, et à traiter plusieurs de ces sujets en vidéo.
 
 Aujourd'hui, nous vous proposons une formation complète, vous permettant à la fois de comprendre comment débuter sur des bonnes bases, choisir un moteur de jeu ou un logiciel de graphisme, progresser au fil des prototypes, ou tout simplement capturer votre écran pour montrer son projet aux autres. Bonne visite !

content/courses/contribuer/01-avant-propos/02-charte.md → content/contribuer/01-avant-propos/02-charte.mdx

@@ -33,7 +33,7 @@ Enfin, sachez que l'équipe de modération et les autres contributeurs et contri
 
 Afin de permettre aux lecteurs et lectrices de connaître la qualité d'une formation, mais également aux contributeurs et contributrices de savoir quelles formations ont besoin d'être actualisées, nous avons mis en place un système de médailles accompagnées d'un commentaire justifiant cette note.
 
-![](./medailles.png)
+<Image src="medailles.png" alt="" />
 
 La médaille **bronze** signale qu'une formation est obsolète et qu'elle ne correspond plus du tout à nos critères de qualité. Ces formations nécessitent souvent d'être complètement réécrites.
 

content/courses/contribuer/02-comment-contribuer/01-une-premiere-contribution.md → content/contribuer/02-comment-contribuer/01-une-premiere-contribution.mdx

@@ -23,8 +23,11 @@ C'est un dépôt, ou *repository* en anglais. Entre nous, on appelle simplement
 
 Afin de tous nous coordonner et voir en un clin d'oeil les tâches à réaliser, il existe un système d'issues :
 
-![Issue sur GitHub](./issue.png)
-*https://github.com/gamedevalliance/fairedesjeux.fr/issues*
+<Image
+  src="issue.png"
+  alt="Issue sur GitHub"
+  caption="https://github.com/gamedevalliance/fairedesjeux.fr/issues"
+/>
 
 Une issue permet de consulter une tâche à réaliser et d'écrire des commentaires, comme dans un mini-forum. Vous pouvez voir en un clin d'oeil le domaine concerné par l'issue, les personnes assignées à la tâche... Lorsque la tâche est terminée, on ferme l'issue, et elle est cachée de la liste principale.
 
@@ -44,17 +47,23 @@ Le repo original du site s'appelle `gamedevalliance/fairedesjeux.fr`. Dès qu'il
 
 Ainsi, pour travailler sur le site, vous devez copier le repo sur votre profil : on appelle ça un fork. La première fois que vous souhaitez modifier une page, GitHub vous propose de créer un fork en un clic.
 
-![](./bouton-creer-fork.png)
-*Une explication détaillée des forks est également disponible.*
+<Image
+  src="bouton-creer-fork.png"
+  alt=""
+  caption="Une explication détaillée des forks est également disponible."
+/>
 
 La page suivante vous permet d'éditer le fichier, et vous confirme que vous vous situez dans une nouvelle branche de votre propre fork.
 
-![](./message-fork-automatique.png)
+<Image src="message-fork-automatique.png" alt="" />
 
 Ecrivez votre modification, puis donnez un titre descriptif à votre commit (votre changement).
 
-![](./propose-file-changes.png)
-*Un commit est un changement. Avec git, on peut consulter l'historique entier des commits et revenir dans le temps si nécessaire.*
+<Image
+  src="propose-file-changes.png"
+  alt=""
+  caption="Un commit est un changement. Avec git, on peut consulter l'historique entier des commits et revenir dans le temps si nécessaire."
+/>
 
 L'écran suivant vous permettra de visualiser votre pull request et de la confirmer. Une pull request est une demande pour fusionner les nouveautés de votre fork avec le repo originel. Dès que vous envoyez une pull request, elle est publique et tout le monde pourra la consulter sur GitHub, même si elle n'est pas encore validée. Assurez-vous donc de bien lire la page avant de confirmer.