From cecd5b7046321c5d5a6cb56b01a129fd147827c5 Mon Sep 17 00:00:00 2001
From: Mathias <mathiaszajone@gmail.com>
Date: Wed, 9 Sep 2026 21:22:11 +0200
Subject: [PATCH] branding: ajout du logo officiel Forgium (stack 3 serveurs +
 signature F)

---
 site-web/index.html          | 11 +------
 site-web/logo-forgium-v2.svg | 32 ++++++++++++++++++++
 site-web/logo-forgium.svg    | 57 ++++++++++++++++++++++++++++++++++++
 3 files changed, 90 insertions(+), 10 deletions(-)
 create mode 100644 site-web/logo-forgium-v2.svg
 create mode 100644 site-web/logo-forgium.svg

diff --git a/site-web/index.html b/site-web/index.html
index 05fd509..49a4ecd 100644
--- a/site-web/index.html
+++ b/site-web/index.html
@@ -21,16 +21,7 @@
     <header class="navbar-wrapper">
         <div class="navbar container">
             <a href="index.html" class="logo">
-                <div class="logo-icon">
-                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                        <path d="M12 2L2 7L12 12L22 7L12 2Z" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"
-                            stroke-linejoin="round" />
-                        <path d="M2 17L12 22L22 17" stroke="#38bdf8" stroke-width="2" stroke-linecap="round"
-                            stroke-linejoin="round" />
-                        <path d="M2 12L12 17L22 12" stroke="#2563eb" stroke-width="2" stroke-linecap="round"
-                            stroke-linejoin="round" />
-                    </svg>
-                </div>
+                <img src="logo-forgium-v2.svg" alt="Forgium Logo" width="34" height="34" class="logo-img">
                 FORGIUM
                 <span class="logo-tag">CLOUD</span>
             </a>
diff --git a/site-web/logo-forgium-v2.svg b/site-web/logo-forgium-v2.svg
new file mode 100644
index 0000000..c1038ef
--- /dev/null
+++ b/site-web/logo-forgium-v2.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54 54" width="54" height="54" fill="none">
+    <defs>
+        <linearGradient id="stackGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+            <stop offset="0%" stop-color="#38bdf8"/>
+            <stop offset="100%" stop-color="#1d4ed8"/>
+        </linearGradient>
+        <filter id="neon" x="-20%" y="-20%" width="140%" height="140%">
+            <feDropShadow dx="0" dy="0" stdDeviation="2" flood-color="#38bdf8" flood-opacity="0.5"/>
+        </filter>
+    </defs>
+
+    <!-- SERVEUR 1 (HAUT) -->
+    <rect x="6" y="8" width="42" height="7" rx="3.5" fill="url(#stackGrad)" fill-opacity="0.3" stroke="#38bdf8" stroke-width="2"/>
+    <circle cx="12" cy="11.5" r="1.5" fill="#38bdf8" filter="url(#neon)"/>
+    <circle cx="17" cy="11.5" r="1.5" fill="#60a5fa"/>
+
+    <!-- SERVEUR 2 (MILIEU) -->
+    <rect x="6" y="19" width="42" height="7" rx="3.5" fill="url(#stackGrad)" fill-opacity="0.4" stroke="#38bdf8" stroke-width="2"/>
+    <circle cx="12" cy="22.5" r="1.5" fill="#38bdf8" filter="url(#neon)"/>
+    <circle cx="17" cy="22.5" r="1.5" fill="#60a5fa"/>
+
+    <!-- SERVEUR 3 (BAS) QUI FORME LE 'F' MAJESTUEUX -->
+    <!-- Barre haute du F (le 3e serveur) -->
+    <rect x="6" y="30" width="42" height="7" rx="3.5" fill="url(#stackGrad)" stroke="#38bdf8" stroke-width="2"/>
+    <circle cx="12" cy="33.5" r="1.5" fill="#ffffff" filter="url(#neon)"/>
+    
+    <!-- Colonne verticale du F qui descend -->
+    <path d="M 10 37 L 10 47 C 10 49 11.5 50 13.5 50 C 15.5 50 17 49 17 47 L 17 37 Z" fill="url(#stackGrad)"/>
+    
+    <!-- Branche médiane du F qui part vers la droite -->
+    <rect x="17" y="39" width="18" height="5.5" rx="2.75" fill="url(#stackGrad)" stroke="#38bdf8" stroke-width="1.5" filter="url(#neon)"/>
+</svg>
diff --git a/site-web/logo-forgium.svg b/site-web/logo-forgium.svg
new file mode 100644
index 0000000..6087007
--- /dev/null
+++ b/site-web/logo-forgium.svg
@@ -0,0 +1,57 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48" fill="none">
+    <defs>
+        <linearGradient id="forgium-grad-cyan" x1="0%" y1="0%" x2="100%" y2="100%">
+            <stop offset="0%" stop-color="#38bdf8" />
+            <stop offset="100%" stop-color="#2563eb" />
+        </linearGradient>
+        <linearGradient id="forgium-grad-accent" x1="0%" y1="0%" x2="100%" y2="0%">
+            <stop offset="0%" stop-color="#60a5fa" />
+            <stop offset="100%" stop-color="#38bdf8" />
+        </linearGradient>
+        <filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
+            <feDropShadow dx="0" dy="0" stdDeviation="2" flood-color="#38bdf8" flood-opacity="0.4"/>
+        </filter>
+    </defs>
+
+    <!-- SERVEUR 1 (HAUT) -->
+    <rect x="6" y="6" width="36" height="8" rx="4" fill="url(#forgium-grad-cyan)" fill-opacity="0.25" stroke="#38bdf8" stroke-width="2"/>
+    <circle cx="12" cy="10" r="1.5" fill="#38bdf8" filter="url(#glow)"/>
+    <circle cx="17" cy="10" r="1.5" fill="#60a5fa"/>
+    <line x1="30" y1="10" x2="36" y2="10" stroke="#38bdf8" stroke-width="1.5" stroke-linecap="round" stroke-opacity="0.6"/>
+
+    <!-- SERVEUR 2 (MILIEU) -->
+    <rect x="6" y="18" width="36" height="8" rx="4" fill="url(#forgium-grad-cyan)" fill-opacity="0.35" stroke="#38bdf8" stroke-width="2"/>
+    <circle cx="12" cy="22" r="1.5" fill="#38bdf8" filter="url(#glow)"/>
+    <circle cx="17" cy="22" r="1.5" fill="#60a5fa"/>
+    <line x1="30" y1="22" x2="36" y2="22" stroke="#38bdf8" stroke-width="1.5" stroke-linecap="round" stroke-opacity="0.6"/>
+
+    <!-- SERVEUR 3 (BAS) AVEC FORME DU F INTÉGRÉE -->
+    <!-- Base du serveur avec extension en F vers la droite et bas -->
+    <path d="M 6 34 
+             C 6 31.8 7.8 30 10 30 
+             L 40 30 
+             C 41.1 30 42 30.9 42 32 
+             C 42 33.1 41.1 34 40 34 
+             L 20 34 
+             L 20 37 
+             L 32 37 
+             C 33.1 37 34 37.9 34 39 
+             C 34 40.1 33.1 41 32 41 
+             L 20 41 
+             L 20 45 
+             C 20 46.1 19.1 47 18 47 
+             C 16.9 47 16 46.1 16 45 
+             L 16 34 
+             L 10 34 
+             C 7.8 34 6 35.8 6 38 
+             L 6 34 Z" 
+          fill="url(#forgium-grad-accent)" filter="url(#glow)"/>
+          
+    <rect x="6" y="30" width="36" height="8" rx="4" fill="none" stroke="#38bdf8" stroke-width="2"/>
+    <circle cx="12" cy="34" r="1.5" fill="#38bdf8" filter="url(#glow)"/>
+    <circle cx="17" cy="34" r="1.5" fill="#60a5fa"/>
+
+    <!-- LE 'F' SOUVERAIN (Accent néon en surbrillance) -->
+    <path d="M 38 29 L 43 29 C 44 29 44.8 29.8 44.8 30.8 L 44.8 44 C 44.8 45 44 45.8 43 45.8 L 39 45.8 M 44.8 37 L 39 37" 
+          stroke="url(#forgium-grad-accent)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" filter="url(#glow)"/>
+</svg>