padreug/chateaudufaune.ariege.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(footer): inline instagram glyph, darken band, drop LinkedIn

Browse source 
Replace the "Instagram @chateaudufaune" plain-text link with the
familiar rounded-square + circle + dot glyph as an inline SVG
(currentColor, so hover inherits the link tint). Pull the band's
backdrop from bg-secondary/40 up to bg-black/90 so it actually
anchors the page against the pinned hero landscape. Drop the
placeholder LinkedIn entry; the LinkedIn page wasn't pointing
anywhere real.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Padreug 2026-06-09 12:38:35 +02:00
commit a1b4c76ae8
1 changed files with 18 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/components/SiteFooter.vue
View file

@ -7,7 +7,7 @@ const year = new Date().getFullYear()
</script>
<template>
<footer class="mt-16 border-t border-border bg-secondary/40">
<footer class="mt-16 border-t border-border bg-black/90">
<div class="mx-auto grid max-w-7xl gap-8 px-4 py-10 lg:px-6 md:grid-cols-3">
<div>
<div class="mb-3 flex items-center gap-3">
@ -42,19 +42,24 @@ const year = new Date().getFullYear()
href="https://www.instagram.com/chateaudufaune"
target="_blank"
rel="noopener"
class="text-muted-foreground hover:text-primary"
class="inline-flex items-center gap-2 text-muted-foreground hover:text-primary"
>
Instagram @chateaudufaune
</a>
</li>
<li>
<a
href="https://www.linkedin.com/company/chateau-du-faune"
target="_blank"
rel="noopener"
class="text-muted-foreground hover:text-primary"
>
LinkedIn
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="h-4 w-4"
aria-hidden="true"
>
<rect x="2" y="2" width="20" height="20" rx="5" ry="5" />
<path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" />
<line x1="17.5" y1="6.5" x2="17.51" y2="6.5" />
</svg>
@chateaudufaune
</a>
</li>
</ul>