---

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 hx:md:aspect-[1.1/1] hx:max-md:min-h-[340px]"
    image="/images/documentation.png"
    imageClass="hx:top-[40%] hx:left-[24px] hx:w-[180%] hx:sm:w-[110%] hx:dark: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 hx:md:aspect-[1.1/1] hx:max-lg:min-h-[340px]"
    image="/images/netlab.png"
    imageClass="hx:top-[40%] hx:left-[36px] hx:w-[180%] hx:sm:w-[110%] hx:dark: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 style="margin-top: 8rem; margin-bottom: 1.5rem;">
  <h2 class="hx:text-right hx:text-3xl hx:font-semibold hx:text-gray-900 hx:dark:text-gray-100" style="margin-bottom: 1.5rem;">
    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>
