i18n start + css start

src/pages/articles/i18n/en.json

@@ -0,0 +1,7 @@
+{
+	"{route}": "blog",
+	"pageName": "Blog",
+	"pageName{cool:'yes'}": "Blog cools",
+	"pageName{cool:'no'}": "Blog nuls",
+	"trad": "hello english"
+}

src/pages/articles/i18n/fr.json

@@ -0,0 +1,6 @@
+{
+	"pageName": "Articles",
+	"pageName{cool:'yes'}": "Articles cools",
+	"pageName{cool:'no'}": "Articles nuls",
+	"trad": "slt sava"
+}

src/pages/articles/index.astro

@@ -1,4 +1,6 @@
 ---
+import { t, l } from "astro-i18n";
+
 import "../../styles/style.css";
 
 import BaseLayout from "../../layouts/BaseLayout.astro";
@@ -6,11 +8,15 @@ import ContentPost from "../../components/ContentPost.astro";
 
 const allPosts = await Astro.glob("./*.mdx");
 
-const pageTitle = "Articles";
+console.log(t("index.articles.pageName", { cool: "yes" }));
+
+const pageTitle = t("index.articles.pageName");
 const titleColor = "hotpink";
 ---
 
 <BaseLayout pageTitle={pageTitle} titleColor={titleColor}>
+	<h2>{t("index.articles.pageName", { cool: "yes" }, "fr")}</h2>
+	<p>{t("index.articles.trad")}</p>
 	<ul>
 		{
 			allPosts.map((post) => (

src/pages/en/blog/index.astro

@@ -0,0 +1,7 @@
+---
+import Page from "../../articles/index.astro"
+
+const { props } = Astro
+---
+
+<Page {...props} />

src/pages/en/index.astro

@@ -0,0 +1,7 @@
+---
+import Page from "../index.astro"
+
+const { props } = Astro
+---
+
+<Page {...props} />

src/pages/en/tags/[tag].astro

@@ -0,0 +1,9 @@
+---
+import Page from "../../tags/[tag].astro"
+
+export { getStaticPaths } from "../../tags/[tag].astro"
+
+const { props } = Astro
+---
+
+<Page {...props} />

src/pages/en/tags/index.astro

@@ -0,0 +1,7 @@
+---
+import Page from "../../tags/index.astro"
+
+const { props } = Astro
+---
+
+<Page {...props} />

src/pages/i18n/en.json

@@ -0,0 +1,9 @@
+{
+	"title": "Crafting  <a href='#methodology' clean-link>sober and accessible</a> <span class='highlight'>websites</span>",
+	"quoi": "I design <strong>websites</strong> and <strong>web applications</strong> following <a href='https://www.a11yproject.com/' title='A11y project’s website (new window)' target='_blank' rel='noreferer noopener' >accessibility</a> best practices.",
+	"comment": "More precisely, I create web and mobile interfaces. From UX to UI, from development to deployment. I put digital accessibility standards, for which I have obtained the <a href='https://directory.opquast.com/fr/certificat/CTQSKP/' title='My Opquast certificate (new window)' target='_blank' rel='noreferer noopener'>Opquast certification</a>, forwards. I also keep <a href='https://en.wikipedia.org/wiki/Ecological_design' title='eco-design definition (new window)' target='_blank' rel='noreferer noopener'>eco-design</a> in mind when working.",
+	"opensource": "I try to contribute to <a class='u-nice-links' href='https://git.nardu.in/explore/repos' title='Open source projects I worked on (new window)' target='_blank' rel='noreferer noopener'>open source projects</a> that I enjoy.",
+	"articles": "Oh and I write <a class='u-nice-links' href='/en/articles/'>articles!</a> Articles about design and the web in general.",
+	"projetsRecents": "Latest projects",
+	"articlesRecents": "Latest articles"
+}

src/pages/i18n/fr.json

@@ -0,0 +1,9 @@
+{
+	"title": "Création de <span class='highlight'>sites&nbsp;web</span> <a href='/articles/faq' clean-link>sobres et accessibles</a>",
+	"quoi": "Je crée des <strong>sites</strong> et des <strong>applications web</strong> en suivant les bonnes pratiques <a href='https://access42.net/decouvrir-accessibilite' title='Définition selon Access42 (nouvelle fenêtre)' target='_blank' rel='noreferer noopener' >d’accessibilités</a>.",
+	"comment": "Plus précisément, je crée des interfaces web et mobiles. De l’ergonomie jusqu’au design final, de l’intégration jusqu’à la mise en ligne. Je mets en avant les standards d’accessibilité numérique, pour lesquels j’ai obtenu la <a href='https://directory.opquast.com/fr/certificat/CTQSKP/' title='Certificat Opquast personnel (nouvelle fenêtre)' target='_blank' rel='noreferer noopener'>certification Opquast</a>. Je m’inscris également dans une démarche <a href='https://www.ademe.fr/expertises/consommer-autrement/passer-a-laction/ameliorer-pratiques/lecoconception' title='Définition de l’ADEME (nouvelle fenêtre)' rel='noopener noreferer'>d’éco-conception</a> des services que je propose.",
+	"opensource": "J’essaie de contribuer à des <a href='https://git.nardu.in/explore/repos' title='Projets sur lesquels j’ai travaillé (nouvelle fenêtre)' target='_blank' rel='noreferer noopener'>projets open source</a> qui me tiennent à cœur.",
+	"articles": "Ah et j’écris <a href='/articles/'>des articles</a> aussi&nbsp;! Des articles sur le graphisme et l’informatique.",
+	"projetsRecents": "Derniers projets",
+	"articlesRecents": "Derniers articles"
+}

src/pages/index.astro

@@ -1,9 +1,10 @@
 ---
-import BaseLayout from '../layouts/BaseLayout.astro';
+import { t, l } from "astro-i18n";
+import BaseLayout from "../layouts/BaseLayout.astro";
 
-const pageTitle = "Accueil"
+const pageTitle = t("accueil");
 ---
 
 <BaseLayout pageTitle={pageTitle}>
-	<h2>devvvvv</h2>
+	<h1 set:html={t("index.title")}></h1>
 </BaseLayout>