app/pages/_error/+Page.tsx

@@ -1,20 +1,37 @@
-import { Show } from "solid-js";
 import { usePageContext } from "vike-solid/usePageContext";
+import { Link } from "@/components/Link";
 
 export default function Page() {
-  const { is404 } = usePageContext();
+	const pageContext = usePageContext();
-  return (
+
-    <Show
+	if (pageContext.is404) {
-      when={is404}
+		return (
-      fallback={
+			<>
-        <>
+				<div class="max-w-2xl min-w-0 flex-auto px-4 py-16 lg:max-w-none lg:pr-0 lg:pl-8 xl:px-16">
-          <h1>500 Internal Server Error</h1>
+					<div class="flex h-full flex-col items-center justify-center text-center">
-          <p>Something went wrong.</p>
+						<p class="font-display text-sm font-medium text-slate-900">404</p>
-        </>
+						<h1 class="mt-3 font-display text-3xl tracking-tight text-slate-900">
-      }
+							Page introuvable
-    >
+						</h1>
-      <h1>404 Page Not Found</h1>
+						<p class="mt-2 text-sm text-slate-500">
-      <p>This page could not be found.</p>
+							Désolé, nous ne pouvons pas trouver la page que vous recherchez.
-    </Show>
+						</p>
-  );
+						<Link href="/" class="mt-8 text-sm font-medium text-slate-900">
+							Retour à l&apos;accueil
+						</Link>
+					</div>
+				</div>
+			</>
+		);
+	}
+
+	return (
+		<>
+			<h1>Erreur {pageContext.abortStatusCode || 500}</h1>
+			<p>
+				{(pageContext.abortReason as string) ??
+					"Une erreur s'est produite lors du chargement de la page."}
+			</p>
+		</>
+	);
 }

app/pages/communaute/partages/+Page.mdx

@@ -0,0 +1,41 @@
+---
+title: Partages et réutilisations du contenu de Memento Dev
+description: "Partagez et réutilisez le contenu de Memento Dev : Exportez, collaborez, intégrez !"
+tags: []
+---
+
+import Callout from "@/components/Callout";
+
+Tu souhaites partager ou réutiliser le contenu de Memento Dev ?  
+Tout d'abord, permet-moi de te remercier pour ton intérêt ! 🙏
+
+L'entièreté du contenu de Memento Dev est disponible publiquement et est sous licence **CC BY-NC-SA 4.0**.  
+Cela signifie que tu peux le partager et le réutiliser, tant que tu respectes les conditions de la licence.
+
+## Conditions de la licence
+
+La licence **CC BY-NC-SA 4.0** impose les conditions suivantes :
+
+- **Attribution** : Tu dois donner le crédit approprié, fournir un lien vers la licence et indiquer si des modifications ont été apportées.  
+  Tu peux le faire de la manière suivante :
+  - En ajoutant un lien vers la page d'accueil de Memento Dev : [https://memento-dev.fr](https://memento-dev.fr)
+  - En ajoutant un lien vers la licence : [CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)
+- **Pas d'utilisation commerciale** : Tu ne peux pas utiliser le matériel à des fins commerciales.
+
+## Écoles, entreprises et utilisateurs réutilisant le contenu de Memento Dev
+
+Un grand merci à ces entités qui utilisent le contenu de Memento Dev pour leurs formations ou leurs projets ! 🙏
+
+- [Coda](https://coda.school)
+- [O'clock](https://oclock.io)
+- [Wild Code School](https://wildcodeschool.com)
+
+<Callout type="note" title="Tu utilises mon contenu et tu souhaites apparaître ici ?">
+  Pour figurer sur cette page, tu peux tout simplement m'en faire la demande par [email _(gauthier@gauthierdaniels.fr)_](mailto:gauthier@gauthierdaniels?subject=Demande%20d'ajout%20sur%20la%20page%20partages%20et%20r%C3%A9utilisations%20Memento%20Dev).
+</Callout>
+
+{% callout type="note" title="Tu utilises mon contenu et tu souhaites apparaître ici ?" %}
+
+
+
+{% /callout %}