---

title: Damien's NoteBook
layout: hextra-home

---

<!-- markdownlint-disable MD033 MD034-->

<div class="hx-mt-6 hx-mb-6">
{{< hextra/hero-headline >}}
  BlocNote 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 >}}

<div class="hx-mt-12 hx-mb-6">
  <h2 class="hx-text-right hx-text-3xl hx-font-semibold hx-text-gray-900 dark:hx-text-gray-100 hx-mb-4">
    Technologies utilisés
  </h2>
  <img src="images/tech-banner.png" alt="Technologies utilisées" class="hx-mx-auto hx-max-w-full hx-h-auto" />
</div>