+
+
+
+ )
+}
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 323584b..677f208 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -1,17 +1,49 @@
+import { loadLang, setLang } from '@/integrations/lang/lang'
import { Link } from '@tanstack/react-router'
export default function Header() {
- return (
-
+ {title}
+
+
+ {content}
+
+ {downloads != null ? (
+
+
+ ) : null}
+ Téléchargments
+-
+ {downloads.map((e, i) => (
+
- + + {e.title} + + + ))} +
-
- )
-}
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
index b285335..e93f99c 100644
--- a/src/routes/index.tsx
+++ b/src/routes/index.tsx
@@ -1,39 +1,43 @@
+import Card from '@/components/Card'
+import { loadLang } from '@/integrations/lang/lang'
+import type { DataType } from '@/types/cards'
import { createFileRoute } from '@tanstack/react-router'
-import logo from '../logo.svg'
+
+// ===================
+// =====< UTILS >=====
+// ===================
+
+async function fetchData(): Promise
-
- - TanStack Query Simple Promise Handling -
--
- {data.map((todo) => (
-
- - {todo.name} - - ))} -
-
- 
-
-
- )
+ let data = Route.useLoaderData()
+
+ const items = data.cards.map((e, i) => (
+
- Edit src/routes/index.tsx and save to reload.
-
+
+ )
}
diff --git a/src/routes/lessons/$lessonName.tsx b/src/routes/lessons/$lessonName.tsx
new file mode 100644
index 0000000..41ec497
--- /dev/null
+++ b/src/routes/lessons/$lessonName.tsx
@@ -0,0 +1,55 @@
+import Card from '@/components/Card'
+import { loadLang } from '@/integrations/lang/lang'
+import type { DataType } from '@/types/cards'
+import { createFileRoute } from '@tanstack/react-router'
+
+// ===================
+// =====< UTILS >=====
+// ===================
+
+async function fetchData(lessonName: string): Promise
+
+ + {data.title} +
+ {items} +Stay Foss :)
+404
+ )
+ },
+})
+
+export default function Projects() {
+ let data = Route.useLoaderData()
+
+ const items = data.cards.map((e, i) => (
+
+
+ )
+}
diff --git a/src/routes/lessons/index.tsx b/src/routes/lessons/index.tsx
new file mode 100644
index 0000000..0eb6a72
--- /dev/null
+++ b/src/routes/lessons/index.tsx
@@ -0,0 +1,42 @@
+import Card from '@/components/Card'
+import { loadLang } from '@/integrations/lang/lang'
+import type { DataType } from '@/types/cards'
+import { createFileRoute } from '@tanstack/react-router'
+
+// ===================
+// =====< UTILS >=====
+// ===================
+
+async function fetchData(): Promise
+
+ + {data.title} +
+ {items} +
+
+ )
+}
diff --git a/src/routes/projects/index.tsx b/src/routes/projects/index.tsx
new file mode 100644
index 0000000..941e840
--- /dev/null
+++ b/src/routes/projects/index.tsx
@@ -0,0 +1,42 @@
+import Card from '@/components/Card'
+import { loadLang } from '@/integrations/lang/lang'
+import type { DataType } from '@/types/cards'
+import { createFileRoute } from '@tanstack/react-router'
+
+// ===================
+// =====< UTILS >=====
+// ===================
+
+async function fetchData(): Promise
+
+ + {data.title} +
+ {items} +
+
+ )
+}
diff --git a/src/types/cards.tsx b/src/types/cards.tsx
new file mode 100644
index 0000000..81152ad
--- /dev/null
+++ b/src/types/cards.tsx
@@ -0,0 +1,16 @@
+export type CardDownloadType = {
+ title: string
+ filename: string
+ link: string
+}
+
+export type CardType = {
+ title: string
+ content: string
+ downloads?: Array
+
+