Hextra theme (#1)

* Adapt theme
* Update Contents to match with new theme
* chore: few updates
* adapt HomePage
* Add icons and french version
* fix fr homepage
* Fix Netlab view
* Fix Netlab articles
* devpod post
* French version of DevPod
* my_first_lab

content/_index.fr.md

@@ -0,0 +1,45 @@
+---
+
+title: Damien's NoteBook
+layout: hextra-home
+
+---
+
+<!-- markdownlint-disable MD033 MD034-->
+
+<div class="hx-mt-6 hx-mb-6">
+{{< hextra/hero-headline >}}
+  Bloc Note Personnel  
+  pour les NetDevOps et SRE
+{{< /hextra/hero-headline >}}
+</div>
+
+<div class="hx-mb-12">
+{{< hextra/hero-subtitle style="margin:.3rem 0 2rem 0">}}
+  Documentation et NetLab à déployer,  
+  Pour tester et pratiquer 🚀
+{{< /hextra/hero-subtitle >}}
+</div>
+
+<div class="hx-mt-6"></div>
+
+{{< hextra/feature-grid >}}
+  {{< hextra/feature-card
+    title="Documentations"
+    subtitle="Liste des documents et explications sur le concept de réseau ou de système"
+    link="documentation"
+    class="hx-aspect-auto md:hx-aspect-[1.1/1] max-md:hx-min-h-[340px]"
+    image="/images/documentation.png"
+    imageClass="hx-top-[40%] hx-left-[24px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80"
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(58, 56, 113, 0.1),hsla(0,0%,100%,0));"
+  >}}
+  {{< hextra/feature-card
+    title="NetLab"
+    subtitle="Des Labs pour s'entraîner"
+    link="netlab"
+    class="hx-aspect-auto md:hx-aspect-[1.1/1] max-lg:hx-min-h-[340px]"
+    image="/images/netlab.png"
+    imageClass="hx-top-[40%] hx-left-[36px] hx-w-[180%] sm:hx-w-[110%] dark:hx-opacity-80"
+    style="background: radial-gradient(ellipse at 50% 80%,rgba(203, 28, 66, 0.1),hsla(0,0%,100%,0));"
+  >}}
+{{< /hextra/feature-grid >}}