refactor: ♻️ move world generation resources into dedicated category

Author: Bricklou

src/components/container.tsx

@@ -0,0 +1,9 @@
+import type {PropsWithChildren} from "react";
+
+export function Container (props: PropsWithChildren ): JSX.Element {
+  return (
+    <div className="nx-container nx-mx-auto nx-my-8">
+        {props.children}
+    </div>
+  );
+}

src/components/index.ts

@@ -0,0 +1,2 @@
+export { Container } from './container'
+export { Youtube } from './youtube'

src/components/youtube.tsx

@@ -0,0 +1,40 @@
+import { Container } from "./container";
+import cn from "clsx";
+
+export interface YoutubeProps {
+  code: string;
+  title: string;
+}
+
+export function Youtube(props: YoutubeProps): JSX.Element {
+  return (
+    <Container>
+      <figure className="relative nx-my-6 nx-group">
+        <iframe
+          src={`https://www.youtube.com/embed/${props.code}`}
+          title={props.title}
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+          allowFullScreen
+          frameBorder={0}
+          className={cn(
+            "nx-w-full nx-aspect-video nx-max-h-96 nx-mx-auto group-hover:nx-shadow-lg nx-rounded-xl",
+            "nx-border nx-bg-gray-100 dark:nx-border-neutral-700"
+          )}
+        ></iframe>
+
+        <figcaption className="nx-mx-auto">
+          <hr className="nx-mx-auto nx-w-[40%] nx-border-t nx-border-primary nx-mt-5 nx-mb-3" />
+          <h2
+            className={cn(
+              "nx-text-center nx-italic nx-mb-4 nx-leading-tight nx-tracking-tight",
+              "dark:nx-text-neutral-300 group-hover:nx-text-primary-700",
+              "dark:group-hover:nx-text-primary-500"
+            )}
+          >
+            {props.title}
+          </h2>
+        </figcaption>
+      </figure>
+    </Container>
+  );
+}

src/pages/_meta.json

@@ -1,4 +1,5 @@
 {
   "index": "Introduction",
-  "specifications": "Cahier des charges"
+  "specs": "Cahier des charges",
+  "resources": "Resources"
 }

src/pages/index.mdx

@@ -44,6 +44,6 @@ Nous vous recommandons d'utiliser un des éditeurs suivants avec les plugins ass
 
 ### Conventions de nommage
 
-<Callout emoji="⚠" type="warning">
+<Callout type="warning">
 TODO: Rediriger vers la documentation des conventions de nommage/les guidelines
 </Callout>

src/pages/resources/_meta.json

@@ -0,0 +1,3 @@
+{
+  "worlds-gen": "Génération des mondes"
+}

src/pages/resources/worlds-gen.mdx

@@ -0,0 +1,7 @@
+import { Youtube } from "components";
+
+# Génération des mondes
+
+<Youtube code="YyVAaJqYAfE" title="THIS is how Minecraft Works 💎⛏️" />
+
+<Youtube code="ob3VwY4JyzE" title="Reinventing Minecraft world generation by Henrik Kniberg" />

src/pages/specifications/worlds-gen.mdx

@@ -4,7 +4,6 @@
   "knowledge-base": "Base De Connaissances",
   "technical-points": "Technical Points",
   "nomenclature": "Nomenclature",
-  "worlds-gen": "Génération des mondes",
   "chunks": "Chunks",
   "blocks": "Blocs"
 }