branding: implémentation globale du logo officiel et favicon SVG sur toutes les pages
This commit is contained in:
parent
74810dba28
commit
61c7bd62c1
7 changed files with 90 additions and 57 deletions
|
|
@ -8,6 +8,7 @@
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
|
||||||
<link rel="stylesheet" href="style.css">
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<link rel="icon" type="image/svg+xml" href="favicon.svg">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
|
||||||
43
site-web/favicon.svg
Normal file
43
site-web/favicon.svg
Normal file
|
|
@ -0,0 +1,43 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 64" width="68" height="64" fill="none">
|
||||||
|
<defs>
|
||||||
|
<!-- Dégradé Signature Forgium -->
|
||||||
|
<linearGradient id="serverGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||||
|
<stop offset="0%" stop-color="#38bdf8"/>
|
||||||
|
<stop offset="100%" stop-color="#1e40af"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="fGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||||
|
<stop offset="0%" stop-color="#38bdf8"/>
|
||||||
|
<stop offset="60%" stop-color="#60a5fa"/>
|
||||||
|
<stop offset="100%" stop-color="#2563eb"/>
|
||||||
|
</linearGradient>
|
||||||
|
<!-- Lueur néon subtile -->
|
||||||
|
<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.5"/>
|
||||||
|
</filter>
|
||||||
|
</defs>
|
||||||
|
|
||||||
|
<!-- 1. SERVEUR DU HAUT (Collé, coins arrondis bien visibles) -->
|
||||||
|
<rect x="4" y="10" width="40" height="13" rx="4.5" fill="url(#serverGrad)" fill-opacity="0.3" stroke="#38bdf8" stroke-width="2"/>
|
||||||
|
<circle cx="11" cy="16.5" r="2" fill="#38bdf8" filter="url(#neonGlow)"/>
|
||||||
|
<circle cx="18" cy="16.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"/>
|
||||||
|
|
||||||
|
<!-- 2. SERVEUR DU MILIEU (Collé au premier) -->
|
||||||
|
<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="11" cy="29.5" r="2" fill="#38bdf8" filter="url(#neonGlow)"/>
|
||||||
|
<circle cx="18" cy="29.5" r="1.5" fill="#60a5fa"/>
|
||||||
|
<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) -->
|
||||||
|
<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="11" cy="42.5" r="2" fill="#ffffff" filter="url(#neonGlow)"/>
|
||||||
|
<circle cx="18" cy="42.5" r="1.5" fill="#38bdf8"/>
|
||||||
|
|
||||||
|
<!-- GRAND 'F' À DROITE : PLUS GRAND, PLUS HAUT (ÉLEVÉ DU MILIEU VERS LE BAS) -->
|
||||||
|
<!-- Barre verticale du F (plus haute et majestueuse) -->
|
||||||
|
<rect x="48" y="22" width="4.5" height="28" rx="2.25" fill="url(#fGrad)" filter="url(#neonGlow)"/>
|
||||||
|
<!-- Barre supérieure du F (plus large) -->
|
||||||
|
<rect x="48" y="22" width="15" height="4.5" rx="2.25" fill="url(#fGrad)" filter="url(#neonGlow)"/>
|
||||||
|
<!-- Barre médiane du F -->
|
||||||
|
<rect x="48" y="34" width="11" height="4.5" rx="2.25" fill="url(#fGrad)" filter="url(#neonGlow)"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.6 KiB |
|
|
@ -13,6 +13,7 @@
|
||||||
href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap"
|
href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap"
|
||||||
rel="stylesheet">
|
rel="stylesheet">
|
||||||
<link rel="stylesheet" href="style.css">
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<link rel="icon" type="image/svg+xml" href="favicon.svg">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
|
||||||
|
|
@ -8,6 +8,7 @@
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
|
||||||
<link rel="stylesheet" href="style.css">
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<link rel="icon" type="image/svg+xml" href="favicon.svg">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,57 +0,0 @@
|
||||||
<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>
|
|
||||||
|
Before Width: | Height: | Size: 2.8 KiB |
43
site-web/logo.svg
Normal file
43
site-web/logo.svg
Normal file
|
|
@ -0,0 +1,43 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 64" width="68" height="64" fill="none">
|
||||||
|
<defs>
|
||||||
|
<!-- Dégradé Signature Forgium -->
|
||||||
|
<linearGradient id="serverGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||||
|
<stop offset="0%" stop-color="#38bdf8"/>
|
||||||
|
<stop offset="100%" stop-color="#1e40af"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="fGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||||
|
<stop offset="0%" stop-color="#38bdf8"/>
|
||||||
|
<stop offset="60%" stop-color="#60a5fa"/>
|
||||||
|
<stop offset="100%" stop-color="#2563eb"/>
|
||||||
|
</linearGradient>
|
||||||
|
<!-- Lueur néon subtile -->
|
||||||
|
<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.5"/>
|
||||||
|
</filter>
|
||||||
|
</defs>
|
||||||
|
|
||||||
|
<!-- 1. SERVEUR DU HAUT (Collé, coins arrondis bien visibles) -->
|
||||||
|
<rect x="4" y="10" width="40" height="13" rx="4.5" fill="url(#serverGrad)" fill-opacity="0.3" stroke="#38bdf8" stroke-width="2"/>
|
||||||
|
<circle cx="11" cy="16.5" r="2" fill="#38bdf8" filter="url(#neonGlow)"/>
|
||||||
|
<circle cx="18" cy="16.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"/>
|
||||||
|
|
||||||
|
<!-- 2. SERVEUR DU MILIEU (Collé au premier) -->
|
||||||
|
<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="11" cy="29.5" r="2" fill="#38bdf8" filter="url(#neonGlow)"/>
|
||||||
|
<circle cx="18" cy="29.5" r="1.5" fill="#60a5fa"/>
|
||||||
|
<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) -->
|
||||||
|
<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="11" cy="42.5" r="2" fill="#ffffff" filter="url(#neonGlow)"/>
|
||||||
|
<circle cx="18" cy="42.5" r="1.5" fill="#38bdf8"/>
|
||||||
|
|
||||||
|
<!-- GRAND 'F' À DROITE : PLUS GRAND, PLUS HAUT (ÉLEVÉ DU MILIEU VERS LE BAS) -->
|
||||||
|
<!-- Barre verticale du F (plus haute et majestueuse) -->
|
||||||
|
<rect x="48" y="22" width="4.5" height="28" rx="2.25" fill="url(#fGrad)" filter="url(#neonGlow)"/>
|
||||||
|
<!-- Barre supérieure du F (plus large) -->
|
||||||
|
<rect x="48" y="22" width="15" height="4.5" rx="2.25" fill="url(#fGrad)" filter="url(#neonGlow)"/>
|
||||||
|
<!-- Barre médiane du F -->
|
||||||
|
<rect x="48" y="34" width="11" height="4.5" rx="2.25" fill="url(#fGrad)" filter="url(#neonGlow)"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.6 KiB |
|
|
@ -8,6 +8,7 @@
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
|
||||||
<link rel="stylesheet" href="style.css">
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<link rel="icon" type="image/svg+xml" href="favicon.svg">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue