Skip to content

Commit a557daf

Browse files
Copilotneilime
Copilot
and
neilime
committed
Fix logo download paths to use getAsset for correct URLs
Co-authored-by: neilime <314088+neilime@users.noreply.github.com>
1 parent 8a7ec9a commit a557daf

1 file changed

Lines changed: 13 additions & 39 deletions

File tree

‎application/src/pages/brand-guidelines.astro‎

Lines changed: 13 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,7 @@
22
import Layout from '~/layouts/PageLayout.astro';
33
import HeroText from '~/components/widgets/HeroText.astro';
44
import Content from '~/components/widgets/Content.astro';
5+
import { getAsset } from '~/utils/permalinks';
56
67
const metadata = {
78
title: 'Charte Graphique — Cloud Native Provence',
@@ -119,17 +120,12 @@ const metadata = {
119120
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mb-12">
120121
<!-- Logo Primary SVG -->
121122
<a
122-
href="/landing-page/logos/logo-primary.svg"
123+
href={getAsset('/logos/logo-primary.svg')}
123124
download="cloudnative-provence-logo-primary.svg"
124125
class="block rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-shadow bg-white dark:bg-slate-800 p-6 text-center group"
125126
>
126127
<div class="mb-4 text-primary text-5xl">
127-
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-vector inline-block" width="56" height="56" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
128-
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
129-
<path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0" />
130-
<path d="M9 12h6" />
131-
<path d="M12 9v6" />
132-
</svg>
128+
📄
133129
</div>
134130
<h3 class="font-bold text-lg mb-2 group-hover:text-primary transition-colors">Logo SVG (Primaire)</h3>
135131
<p class="text-sm text-muted mb-4">Format vectoriel, idéal pour le web et l'impression</p>
@@ -140,17 +136,12 @@ const metadata = {
140136

141137
<!-- Logo Primary PNG -->
142138
<a
143-
href="/landing-page/logos/logo-primary.png"
139+
href={getAsset('/logos/logo-primary.png')}
144140
download="cloudnative-provence-logo-primary.png"
145141
class="block rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-shadow bg-white dark:bg-slate-800 p-6 text-center group"
146142
>
147143
<div class="mb-4 text-primary text-5xl">
148-
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-type-png inline-block" width="56" height="56" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
149-
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
150-
<path d="M14 3v4a1 1 0 0 0 1 1h4" />
151-
<path d="M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4" />
152-
<path d="M20 15h-1a2 2 0 0 0 -2 2v2a2 2 0 0 0 2 2h1v-3" />
153-
</svg>
144+
🖼️
154145
</div>
155146
<h3 class="font-bold text-lg mb-2 group-hover:text-primary transition-colors">Logo PNG (Haute résolution)</h3>
156147
<p class="text-sm text-muted mb-4">Format image haute définition, parfait pour les présentations</p>
@@ -161,16 +152,12 @@ const metadata = {
161152

162153
<!-- Logo White SVG -->
163154
<a
164-
href="/landing-page/logos/logo-white.svg"
155+
href={getAsset('/logos/logo-white.svg')}
165156
download="cloudnative-provence-logo-white.svg"
166157
class="block rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-shadow bg-slate-800 dark:bg-slate-700 p-6 text-center group"
167158
>
168159
<div class="mb-4 text-white text-5xl">
169-
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-palette inline-block" width="56" height="56" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
170-
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
171-
<path d="M12 21a9 9 0 0 1 0 -18c4.97 0 9 3.582 9 8c0 1.06 -.474 2.078 -1.318 2.828c-.844 .75 -1.989 1.172 -3.182 1.172h-2.5a2 2 0 0 0 -1 3.75a1.3 1.3 0 0 1 -1 2.25" />
172-
<path d="M8.5 10.5m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" />
173-
</svg>
160+
🎨
174161
</div>
175162
<h3 class="font-bold text-lg mb-2 text-white group-hover:text-accent transition-colors">Logo Blanc (Fonds sombres) SVG</h3>
176163
<p class="text-sm text-slate-300 mb-4">Version blanche pour fonds sombres, format vectoriel</p>
@@ -181,17 +168,12 @@ const metadata = {
181168

182169
<!-- Logo White PNG -->
183170
<a
184-
href="/landing-page/logos/logo-white.png"
171+
href={getAsset('/logos/logo-white.png')}
185172
download="cloudnative-provence-logo-white.png"
186173
class="block rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-shadow bg-slate-800 dark:bg-slate-700 p-6 text-center group"
187174
>
188175
<div class="mb-4 text-white text-5xl">
189-
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-type-png inline-block" width="56" height="56" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
190-
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
191-
<path d="M14 3v4a1 1 0 0 0 1 1h4" />
192-
<path d="M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4" />
193-
<path d="M20 15h-1a2 2 0 0 0 -2 2v2a2 2 0 0 0 2 2h1v-3" />
194-
</svg>
176+
🖼️
195177
</div>
196178
<h3 class="font-bold text-lg mb-2 text-white group-hover:text-accent transition-colors">Logo Blanc (Fonds sombres) PNG</h3>
197179
<p class="text-sm text-slate-300 mb-4">Version blanche pour fonds sombres, haute résolution</p>
@@ -202,15 +184,12 @@ const metadata = {
202184

203185
<!-- Logo Icon SVG -->
204186
<a
205-
href="/landing-page/logos/logo-icon.svg"
187+
href={getAsset('/logos/logo-icon.svg')}
206188
download="cloudnative-provence-icon.svg"
207189
class="block rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-shadow bg-white dark:bg-slate-800 p-6 text-center group"
208190
>
209191
<div class="mb-4 text-primary text-5xl">
210-
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-square inline-block" width="56" height="56" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
211-
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
212-
<path d="M3 3m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z" />
213-
</svg>
192+
⬜
214193
</div>
215194
<h3 class="font-bold text-lg mb-2 group-hover:text-primary transition-colors">Icône seule SVG</h3>
216195
<p class="text-sm text-muted mb-4">Symbole sans texte, pour petits formats et favicons</p>
@@ -221,17 +200,12 @@ const metadata = {
221200

222201
<!-- Logo Icon PNG -->
223202
<a
224-
href="/landing-page/logos/logo-icon.png"
203+
href={getAsset('/logos/logo-icon.png')}
225204
download="cloudnative-provence-icon.png"
226205
class="block rounded-lg overflow-hidden shadow-lg hover:shadow-xl transition-shadow bg-white dark:bg-slate-800 p-6 text-center group"
227206
>
228207
<div class="mb-4 text-primary text-5xl">
229-
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-file-type-png inline-block" width="56" height="56" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
230-
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
231-
<path d="M14 3v4a1 1 0 0 0 1 1h4" />
232-
<path d="M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4" />
233-
<path d="M20 15h-1a2 2 0 0 0 -2 2v2a2 2 0 0 0 2 2h1v-3" />
234-
</svg>
208+
🖼️
235209
</div>
236210
<h3 class="font-bold text-lg mb-2 group-hover:text-primary transition-colors">Icône seule PNG</h3>
237211
<p class="text-sm text-muted mb-4">Symbole sans texte, format image haute résolution</p>

0 commit comments

Comments
 (0)