manu/emmanuelbernard.ch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add 'The AI Atelier' and 'Your Video Engine' links, and refactor homepage layout by relocating the footer and adjusting left column padding.

Browse Source
This commit is contained in:
Manu
2026-01-03 18:16:21 +01:00
parent 7ea025eaf0
commit ef7cf9898e
1 changed files with 80 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
src/pages/index.astro
View File

@@ -31,8 +31,10 @@ const links = [
>
<!-- LEFT COLUMN: Profile & Bio (Spans 5 cols) -->
<div
class="lg:col-span-5 p-8 sm:p-12 border-b lg:border-b-0 lg:border-r border-black flex flex-col justify-between min-h-[500px]"
class="lg:col-span-5 border-b lg:border-b-0 lg:border-r border-black flex flex-col justify-between min-h-[500px]"
>
<!-- Main Content Area -->
<div class="p-8 sm:p-12 flex-1 flex flex-col justify-between">
<!-- Header / Avatar -->
<div>
<div
@@ -57,7 +59,8 @@ const links = [
<h2
class="text-xl font-bold border-l-4 border-black pl-4 py-1 leading-snug"
>
Consultant-formateur<br />AI Automation &<br />Expert n8n à Lausanne
Consultant-formateur<br />AI Automation &<br />Expert n8n à
Lausanne
</h2>
<p
@@ -70,9 +73,18 @@ const links = [
</div>
</div>
<!-- Footer (Moved from Right Col) -->
<div
class="border-t border-black bg-gray-50 p-6 flex items-center justify-between text-xs font-mono uppercase tracking-widest text-black/50"
>
<span>© {new Date().getFullYear()} Emmanuel Bernard</span>
<span>Lausanne, CH</span>
</div>
</div>
<!-- RIGHT COLUMN: Links Broken Grid (Spans 7 cols) -->
<div class="lg:col-span-7 grid grid-cols-1 sm:grid-cols-2">
<!-- Link Block 1: Agency Site -->
<!-- Link Block 1: Agency Site (Full Width) -->
<a
href="https://avqn.ch"
target="_blank"
@@ -97,7 +109,41 @@ const links = [
</div>
</a>
<!-- Link Block 2: LinkedIn -->
<!-- Link Block 2: The AI Atelier -->
<a
href="https://www.skool.com/the-ai-atelier/about"
target="_blank"
rel="noopener noreferrer"
class="group relative border-b sm:border-r border-black p-8 hover:bg-black hover:text-white transition-colors duration-300 flex flex-col justify-between min-h-[200px]"
>
<div class="absolute top-6 right-6">
<span class="text-2xl font-light">↗</span>
</div>
<div class="mt-auto">
<span class="block text-2xl font-bold mb-1">The AI Atelier</span>
<span class="text-xs uppercase opacity-60">Skool Community</span>
</div>
</a>
<!-- Link Block 3: Your Video Engine -->
<a
href="https://www.yourvideoengine.com/"
target="_blank"
rel="noopener noreferrer"
class="group relative border-b border-black p-8 hover:bg-black hover:text-white transition-colors duration-300 flex flex-col justify-between min-h-[200px]"
>
<div class="absolute top-6 right-6">
<span class="text-2xl font-light">↗</span>
</div>
<div class="mt-auto">
<span class="block text-2xl font-bold mb-1">Your Video Engine</span>
<span class="text-xs uppercase opacity-60"
>AI Avatar video Generator</span
>
</div>
</a>
<!-- Link Block 4: LinkedIn -->
<a
href="https://www.linkedin.com/in/emmbernard"
target="_blank"
@@ -113,7 +159,7 @@ const links = [
</div>
</a>
<!-- Link Block 3: YouTube -->
<!-- Link Block 5: YouTube -->
<a
href="https://www.youtube.com/@emmanuelflux"
target="_blank"
@@ -128,14 +174,6 @@ const links = [
<span class="text-xs uppercase opacity-60">Tutoriels & Démos</span>
</div>
</a>
<!-- Optional Filler / Deco Block (To complete grid if needed, or footer) -->
<div
class="sm:col-span-2 border-t border-black bg-gray-50 p-6 flex items-center justify-between text-xs font-mono uppercase tracking-widest text-black/50"
>
<span>© {new Date().getFullYear()} Emmanuel Bernard</span>
<span>Lausanne, CH</span>
</div>
</div>
</div>
</main>