app/layouts/prism.css

@@ -8,7 +8,7 @@
 .dark .token.rule,
 .dark .token.pseudo-class,
 .dark .token.important {
-  color: #cb5fde;
+  color: #CB5FDE;
 }
 
 .dark .token.comment,
@@ -25,16 +25,16 @@
 .dark .token.attr-value,
 .dark .token.class,
 .dark .token.string {
-  color: #89ca6c;
+  color: #89CA6C;
 }
 
 .dark .token.property,
 .dark .token.tag {
-  color: #e3596f;
+  color: #E3596F;
 }
 
 .dark .token.function-variable {
-  color: #61afef;
+  color: #61AFEF;
 }
 
 /** Light mode */
@@ -42,13 +42,13 @@
 .token.attr-value,
 .token.class,
 .token.string {
-  color: #50a14f;
+  color: #50A14F;
 }
 
 .token.function-variable,
 .token.generic-function,
 .token.function {
-  color: #4078f2;
+  color: #4078F2;
 }
 
 .token.module,
@@ -56,29 +56,28 @@
 .token.rule,
 .token.pseudo-class,
 .token.important {
-  color: #a626a4;
+  color: #A626A4;
 }
 
 .token.property,
 .token.tag,
 .token.constant {
-  color: #e55649;
+  color: #E55649;
 }
 
 .token.generic,
 .token.attr-name,
-.token.entity,
 .token.boolean,
 .token.number,
 .token.class-name {
-  color: #c18401;
+  color: #C18401;
 }
 
 .token.comment,
 .token.combinator {
-  color: #a0a1a7;
+  color: #A0A1A7;
 }
 .token.operator,
 .token.builtin {
-  color: #0184bc;
+  color: #0184BC;
 }

app/libs/navigation.ts

@@ -121,11 +121,6 @@ export const navigation: NavigationSection[] = [
 					{ title: "Le hook useReducer", href: "/docs/react/use-reducer" },
 				],
 			},
-      {
-        title: "HTML",
-        href: "/docs/html",
-        subitems: [{ title: "Introduction", href: "/docs/html" }],
-      },
 		],
 	},
 	{
@@ -152,12 +147,20 @@ export const navigation: NavigationSection[] = [
 	},
 ];
 
-export function doesLinkSubitemExist(link: NavigationLink, subitemHref: string): boolean {
+export function doesLinkSubitemExist(
+	link: NavigationLink,
+	subitemHref: string,
+): boolean {
 	return link.subitems.some((subitem) => subitem.href === subitemHref);
 }
 
-export function findNavigationLink(namespace: string, href?: string): NavigationLink | undefined {
+export function findNavigationLink(
-  const currentUrl = `/${namespace}/${href}`.replace(/\/+/g, "/").replace(/\/$/, "");
+	namespace: string,
+	href?: string,
+): NavigationLink | undefined {
+	const currentUrl = `/${namespace}/${href}`
+		.replace(/\/+/g, "/")
+		.replace(/\/$/, "");
 
 	const foundLink = navigation
 		.flatMap((section) => section.links)

app/pages/+data.ts

@@ -25,7 +25,6 @@ export async function data(pageContext: PageContext) {
 	if (cachePathname === "") cachePathname = "index";
 
 	const doc = docCache.get(cachePathname);
-  console.log(doc);
 
 	if (!doc) {
 		console.error(

app/pages/docs/html/+Page.mdx

@@ -1,54 +0,0 @@
----
-title: Introduction au HTML
-description: Parlons un peu de HTML, l'incontournable langage de balisage utilisé pour créer des pages web.
-tags: []
----
-
-import Callout from "@/components/Callout";
-import tabs from "./tabs";
-
-HTML est un langage de balisage utilisé pour structurer le contenu des pages web.  
-Bien qu'il ne s'agisse pas d'un langage de programmation à proprement parler, il reste fondamental pour créer des sites web.
-
-Mais avant de plonger dans le vif du sujet, faisons un petit tour d'horizon de ce qu'est le HTML et pourquoi il est si important.
-
-## 🤔 Qu'est-ce que le HTML ?
-
-HTML, ou **HyperText Markup Language**, est le langage standard utilisé pour créer des pages web. Il s'agit d'un langage de balisage qui utilise des **balises** pour structurer le contenu.  
-Il s'agit du **squelette d'une page web**, qui définit la structure et le contenu de celle-ci.
-
-<Callout type="question" title="Pourquoi HTML n'est pas un langage de programmation ?">
-  Avant de répondre à cette question, il est important de connaître la définition d'un langage de programmation.
-
-  <Callout type="note" title="Langage de programmation" collapsible>
-    Un langage de programmation est un ensemble de règles et de conventions qui permettent d'écrire des instructions que l'ordinateur peut comprendre et exécuter.  
-    Ces instructions peuvent inclure des calculs, des conditions, des boucles, etc.
-  </Callout>
-
-  Si on regarde la définition d'un langage de programmation, on peut voir que le HTML ne correspond pas à cette définition.  
-  Tout simplement parce que le HTML ne permet pas d'écrire des instructions que l'ordinateur peut exécuter !
-</Callout>
-
-Mais bon... savoir ça c'est bien : mais ça ne va pas nous aider à créer des pages web.
-
-## 🏗️ La structure d'une page HTML
-
-Une page HTML est composée de plusieurs éléments, chacun ayant un rôle spécifique.
-
-Par exemple, une page HTML typique contient les éléments suivants :
-- `<!DOCTYPE html>` : Indique au navigateur que le document est un fichier HTML.
-- `<html>` : L'élément racine qui englobe tout le contenu de la page.
-- `<head>` : Contient des informations sur la page, comme le titre, les liens vers les fichiers CSS et JavaScript, etc.
-- `<body>` : Contient le contenu visible de la page, comme le texte, les images, les liens, etc.
-
-Il s'agit des balises de base qui composent une page HTML.  
-Voici un exemple de code HTML simple :
-
-<tabs.htmlBase />
-
-<Callout type="question" title="C'est quoi la balise `<!-- -->` ?">
-  La balise `<!-- -->` est utilisée pour ajouter des commentaires dans le code HTML.  
-  Ces commentaires ne sont pas affichés dans le navigateur et sont uniquement visibles dans le code source de la page.
-
-  On les utilise pour ajouter des notes ou des explications dans le code, ce qui peut être utile pour les développeurs qui lisent le code plus tard.
-</Callout>

app/pages/docs/html/tabs.tsx

@@ -1,52 +0,0 @@
-import { Snippet } from "@/components/Snippet";
-
-const htmlBaseSnippets = [
-  {
-    name: "Exemple de structure HTML de base",
-    codeLanguage: "html",
-    withLineNumbers: true,
-    code: `<!-- On indique au navigateur que le document est en HTML -->
-<!DOCTYPE html>
-
-<!-- On indique la langue du document (ici, en français) -->
-<html lang="fr">
-
-<!-- On indique les paramètres de la page... -->
-<head>
-  <!-- ... commme le titre de la page... -->
-  <title>Mon super site</title>
-
-  <!-- ... et la description de la page... -->
-  <meta name="description" content="Ceci est un exemple de page HTML.">
-</head>
-
-<!-- On indique le début du corps de la page -->
-<!-- Le corps de la page contient le contenu visible par l'utilisateur -->
-<body>
-  <!-- On indique le début d'un en-tête -->
-  <header>
-    <!-- On indique le titre principal de la page -->
-    <h1>Bienvenue sur ma page HTML</h1>
-  </header>
-
-  <!-- On indique le début d'une section -->
-  <section>
-    <!-- On indique un sous-titre -->
-    <h2>Voici un exemple de section</h2>
-    <!-- On indique un paragraphe -->
-    <p>Ceci est un exemple de paragraphe dans une section.</p>
-  </section>
-
-  <!-- On indique le début d'un pied de page -->
-  <footer>
-    <!-- On indique un texte de copyright -->
-    <p>&copy; 2023 Mon Site Web</p>
-  </footer>
-</body>
-</html>`,
-  },
-];
-
-export default {
-  htmlBase: () => <Snippet snippets={htmlBaseSnippets} />,
-};