leproide/forgium-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

design(logo): grand F surélevé et plus imposant à droite des serveurs

Browse source
This commit is contained in:
Mathias 2026-09-09 21:23:22 +02:00
parent d6205f5f04
commit 74810dba28
1 changed files with 25 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

50
site-web/logo-forgium-v2.svg
View file

@ -1,43 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" fill="none"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 64" width="68" height="64" fill="none">
<defs> <defs>
<!-- Dégradé Signature Forgium --> <!-- Dégradé Signature Forgium -->
<linearGradient id="serverGrad" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="serverGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#38bdf8"/> <stop offset="0%" stop-color="#38bdf8"/>
<stop offset="100%" stop-color="#1e40af"/> <stop offset="100%" stop-color="#1e40af"/>
</linearGradient> </linearGradient>
<linearGradient id="fGrad" x1="0%" y1="0%" x2="100%" y2="0%"> <linearGradient id="fGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#38bdf8"/> <stop offset="0%" stop-color="#38bdf8"/>
<stop offset="100%" stop-color="#60a5fa"/> <stop offset="60%" stop-color="#60a5fa"/>
<stop offset="100%" stop-color="#2563eb"/>
</linearGradient> </linearGradient>
<!-- Lueur néon subtile --> <!-- Lueur néon subtile -->
<filter id="neonGlow" x="-20%" y="-20%" width="140%" height="140%"> <filter id="neonGlow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="0" stdDeviation="2.5" flood-color="#38bdf8" flood-opacity="0.45"/> <feDropShadow dx="0" dy="0" stdDeviation="2.5" flood-color="#38bdf8" flood-opacity="0.5"/>
</filter> </filter>
</defs> </defs>
<!-- 1. SERVEUR DU HAUT (Plus haut, collé, coins arrondis bien visibles) --> <!-- 1. SERVEUR DU HAUT (Collé, coins arrondis bien visibles) -->
<rect x="6" y="8" width="40" height="13" rx="4.5" fill="url(#serverGrad)" fill-opacity="0.3" stroke="#38bdf8" stroke-width="2"/> <rect x="4" y="10" width="40" height="13" rx="4.5" fill="url(#serverGrad)" fill-opacity="0.3" stroke="#38bdf8" stroke-width="2"/>
<!-- LEDs d'activité --> <circle cx="11" cy="16.5" r="2" fill="#38bdf8" filter="url(#neonGlow)"/>
<circle cx="13" cy="14.5" r="2" fill="#38bdf8" filter="url(#neonGlow)"/> <circle cx="18" cy="16.5" r="1.5" fill="#60a5fa"/>
<circle cx="20" cy="14.5" r="1.5" fill="#60a5fa"/> <line x1="28" y1="16.5" x2="38" y2="16.5" stroke="#38bdf8" stroke-width="1.8" stroke-linecap="round" stroke-opacity="0.5"/>
<line x1="32" y1="14.5" x2="40" y2="14.5" stroke="#38bdf8" stroke-width="1.8" stroke-linecap="round" stroke-opacity="0.5"/>
<!-- 2. SERVEUR DU MILIEU (Collé au premier, hauteur renforcée) --> <!-- 2. SERVEUR DU MILIEU (Collé au premier) -->
<rect x="6" y="21" width="40" height="13" rx="4.5" fill="url(#serverGrad)" fill-opacity="0.45" stroke="#38bdf8" stroke-width="2"/> <rect x="4" y="23" width="40" height="13" rx="4.5" fill="url(#serverGrad)" fill-opacity="0.45" stroke="#38bdf8" stroke-width="2"/>
<circle cx="13" cy="27.5" r="2" fill="#38bdf8" filter="url(#neonGlow)"/> <circle cx="11" cy="29.5" r="2" fill="#38bdf8" filter="url(#neonGlow)"/>
<circle cx="20" cy="27.5" r="1.5" fill="#60a5fa"/> <circle cx="18" cy="29.5" r="1.5" fill="#60a5fa"/>
<line x1="32" y1="27.5" x2="40" y2="27.5" stroke="#38bdf8" stroke-width="1.8" stroke-linecap="round" stroke-opacity="0.5"/> <line x1="28" y1="29.5" x2="38" y2="29.5" stroke="#38bdf8" stroke-width="1.8" stroke-linecap="round" stroke-opacity="0.5"/>
<!-- 3. SERVEUR DU BAS (Collé au milieu, se termine à droite par un F stylisé) --> <!-- 3. SERVEUR DU BAS (Collé au milieu) -->
<rect x="6" y="34" width="40" height="13" rx="4.5" fill="url(#serverGrad)" fill-opacity="0.6" stroke="#38bdf8" stroke-width="2"/> <rect x="4" y="36" width="40" height="13" rx="4.5" fill="url(#serverGrad)" fill-opacity="0.6" stroke="#38bdf8" stroke-width="2"/>
<circle cx="13" cy="40.5" r="2" fill="#ffffff" filter="url(#neonGlow)"/> <circle cx="11" cy="42.5" r="2" fill="#ffffff" filter="url(#neonGlow)"/>
<circle cx="20" cy="40.5" r="1.5" fill="#38bdf8"/> <circle cx="18" cy="42.5" r="1.5" fill="#38bdf8"/>
<!-- SIGNATURE 'F' ÉPURÉE TOUT À DROITE DU SERVEUR DU BAS --> <!-- GRAND 'F' À DROITE : PLUS GRAND, PLUS HAUT (ÉLEVÉ DU MILIEU VERS LE BAS) -->
<!-- Barre verticale du F --> <!-- Barre verticale du F (plus haute et majestueuse) -->
<rect x="49" y="34" width="3.5" height="19" rx="1.75" fill="url(#fGrad)" filter="url(#neonGlow)"/> <rect x="48" y="22" width="4.5" height="28" rx="2.25" fill="url(#fGrad)" filter="url(#neonGlow)"/>
<!-- Barre supérieure du F (alignée avec le haut du 3e serveur) --> <!-- Barre supérieure du F (plus large) -->
<rect x="49" y="34" width="10" height="3.5" rx="1.75" fill="url(#fGrad)" filter="url(#neonGlow)"/> <rect x="48" y="22" width="15" height="4.5" rx="2.25" fill="url(#fGrad)" filter="url(#neonGlow)"/>
<!-- Barre médiane du F --> <!-- Barre médiane du F -->
<rect x="49" y="42" width="7.5" height="3.5" rx="1.75" fill="url(#fGrad)" filter="url(#neonGlow)"/> <rect x="48" y="34" width="11" height="4.5" rx="2.25" fill="url(#fGrad)" filter="url(#neonGlow)"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB