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

29
src/components/SiteFooter.vue
View file

@ -7,7 +7,7 @@ const year = new Date().getFullYear()
</script> </script>
<template> <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 class="mx-auto grid max-w-7xl gap-8 px-4 py-10 lg:px-6 md:grid-cols-3">
<div> <div>
<div class="mb-3 flex items-center gap-3"> <div class="mb-3 flex items-center gap-3">
@ -42,19 +42,24 @@ const year = new Date().getFullYear()
href="https://www.instagram.com/chateaudufaune" href="https://www.instagram.com/chateaudufaune"
target="_blank" target="_blank"
rel="noopener" rel="noopener"
class="text-muted-foreground hover:text-primary" class="inline-flex items-center gap-2 text-muted-foreground hover:text-primary"
> >
Instagram @chateaudufaune <svg
</a> xmlns="http://www.w3.org/2000/svg"
</li> viewBox="0 0 24 24"
<li> fill="none"
<a stroke="currentColor"
href="https://www.linkedin.com/company/chateau-du-faune" stroke-width="2"
target="_blank" stroke-linecap="round"
rel="noopener" stroke-linejoin="round"
class="text-muted-foreground hover:text-primary" class="h-4 w-4"
aria-hidden="true"
> >
LinkedIn <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> </a>
</li> </li>
</ul> </ul>