Files
Notebook/content/_index.fr.md
darnodo e6bc9fe80e Add blog feature to homepage and menu
Adds a blog feature card to the homepage and adds a blog entry to the
main menu. Updates the configuration to enable blog features.
2025-11-20 14:31:37 +01:00

3.5 KiB

title, layout
title layout
Damien's NoteBook hextra-home
{{< hextra/hero-headline >}} BlocNote Personnel pour les NetDevOps et SRE {{< /hextra/hero-headline >}}
{{< hextra/hero-subtitle style="margin:.3rem 0 2rem 0">}} Documentation et NetLab à déployer, Pour tester et pratiquer 🚀 {{< /hextra/hero-subtitle >}}

{{< 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-card title="Blog" subtitle="Retours d'expérience et articles techniques" link="blog" class="hx:aspect-auto hx:md:aspect-[1.1/1] hx:max-md:min-h-[340px]" image="/images/blog.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(142, 68, 173, 0.1),hsla(0,0%,100%,0));" }} {{< /hextra/feature-grid >}}

Technologies utilisées

Les outils et plateformes avec lesquels je travaille

{{< tech-banner speed="30s" height="80px" gap="4rem" >}}
<style> @keyframes gradient-shift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } @media (prefers-color-scheme: dark) { .tech-title { background: linear-gradient(135deg, #a78bfa 0%, #ec4899 50%, #fbbf24 100%) !important; background-size: 200% 200% !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } } [data-theme="dark"] .tech-title { background: linear-gradient(135deg, #a78bfa 0%, #ec4899 50%, #fbbf24 100%) !important; background-size: 200% 200% !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; } </style>