Updated the CSS classes to use the new `hx:` prefix, making them more consistent. Also updated the margin styles in the index page to use the `style` attribute.
53 lines
1.7 KiB
Markdown
53 lines
1.7 KiB
Markdown
---
|
|
|
|
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>
|