feat: Move posts to use the PIcture element

Signed-off-by: Florian Bouillon <f.bouillon@aptatio.com>

.vscode/settings.json

@@ -4,5 +4,8 @@
 	},
 	"tailwindCSS.includeLanguages": {
 		"astro": "html"
+	},
+	"files.associations": {
+		"*.mdx": "markdown"
 	}
 }

astro.config.mjs

@@ -1,6 +1,6 @@
 import { defineConfig } from 'astro/config'
 import tailwind from "@astrojs/tailwind"
-import node from "@astrojs/node"
+import mdx from "@astrojs/mdx"
 
 // const faviconHook = {
 // 	name: 'Favicon',
@@ -15,7 +15,7 @@ import node from "@astrojs/node"
 
 // https://astro.build/config
 export default defineConfig({
-	integrations: [tailwind()],
+	integrations: [tailwind(), mdx()],
 	compressHTML: true,
 	build: {
 		assets: 'assets',
@@ -34,11 +34,10 @@ export default defineConfig({
 			}
 		}
 	},
-
 	// Customizable depending on goal
 	output: 'static',
 	// adapter: node({
 	// 	mode: "standalone"
 	// }),
-	site: 'https://avior.me',
+	site: 'https://avior.me'
- })
+})

package.json

@@ -15,7 +15,7 @@
 		"install:test": "playwright install --with-deps"
 	},
 	"dependencies": {
-		"@astrojs/node": "^6",
+		"@astrojs/mdx": "^1.1.0",
 		"@astrojs/tailwind": "^5",
 		"@dzeio/logger": "^3",
 		"@dzeio/object-util": "^1",

src/content/projects/fi3d/index.mdx

@@ -56,21 +56,21 @@ FI3D propose également des fonctionnalités pratiques telles que le thème somb
 
 Que l'on travaille sur des prototypes, des maquettes, des objets décoratifs ou des pièces fonctionnelles, FI3D offre un monde de possibilités. Découvrez la polyvalence de l'impression 3D en explorant les différents types de filaments disponibles, des PLA aux ABS en passant par le PETG et bien d'autres.
 
-<!-- ![Image d'objets imprimés en 3D](lien_de_l_image_8.jpg)
+{/* ![Image d'objets imprimés en 3D](lien_de_l_image_8.jpg)
-*Image 7 : Objets imprimés en 3D avec différents filaments* -->
+*Image 7 : Objets imprimés en 3D avec différents filaments* */}
 
 **Notez et Partagez Vos Expériences**
 
 Il est encouragé de partager ses expériences et ses avis sur les filaments. Si l'on a utilisé un filament particulier et que l'on souhaite aider d'autres membres de la communauté FI3D, il suffit de laisser une note et un commentaire.
 
-<!-- ![Image d'une personne écrivant une critique](lien_de_l_image_9.jpg)
+{/* ![Image d'une personne écrivant une critique](lien_de_l_image_9.jpg)
-*Image 8 : Utilisateur laissant une critique sur un filament* -->
+*Image 8 : Utilisateur laissant une critique sur un filament* */}
 
 **Inscrivez-vous dès aujourd'hui sur FI3D**
 
 Pour profiter pleinement de toutes les fonctionnalités de FI3D, il est possible de s'inscrire gratuitement sur la plateforme. On pourra ainsi ajouter des filaments à sa liste de favoris, suivre les dernières tendances en matière d'impression 3D et participer à une communauté dynamique de passionnés d'impression 3D.
 
-<!-- ![Image d'une personne s'inscrivant sur FI3D](lien_de_l_image_10.jpg)
+{/* ![Image d'une personne s'inscrivant sur FI3D](lien_de_l_image_10.jpg)
-*Image 9: Processus d'inscription sur FI3D* -->
+*Image 9: Processus d'inscription sur FI3D* */}
 
 Que l'on soit un professionnel de l'industrie, un bricoleur ou simplement curieux de découvrir le monde de l'impression 3D, FI3D est l'outil idéal pour trouver le filament qui répond à ses besoins.