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

feat(home/oyez): replace text title with the linked Oyez! banner

Browse source 
Swap the 'oyez.ariege.io' script-text title for the brand Oyez! wordmark
banner (self-hosted SVG), wrapped in an external link to oyez.ariege.io
(new tab, subtle hover fade). Sized responsively: w-5/6 of the column on
mobile, filling the column capped at max-w-md (448px) on desktop.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Padreug 2026-06-15 21:23:20 +02:00
commit 998336a366
2 changed files with 112 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

100
src/assets/oyez-banner-green.svg Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 24 KiB

16
src/views/HomeView.vue
View file

@ -10,6 +10,7 @@ import heroLandscape from '@/assets/hero-landscape.webp'
import sectionTile from '@/assets/section-tile.webp' import sectionTile from '@/assets/section-tile.webp'
import titleWordmark from '@/assets/title-wordmark.mp4' import titleWordmark from '@/assets/title-wordmark.mp4'
import titleWordmarkPoster from '@/assets/title-wordmark-poster.jpg' import titleWordmarkPoster from '@/assets/title-wordmark-poster.jpg'
import oyezBanner from '@/assets/oyez-banner-green.svg'
const tileStyle = { const tileStyle = {
backgroundImage: `url(${sectionTile})`, backgroundImage: `url(${sectionTile})`,
@ -207,11 +208,18 @@ const featuredEvents = [
<p class="font-display text-xs uppercase tracking-[0.3em] text-accent"> <p class="font-display text-xs uppercase tracking-[0.3em] text-accent">
{{ t('home.oyez.kicker') }} {{ t('home.oyez.kicker') }}
</p> </p>
<h2 <a
class="mt-4 font-script font-bold text-6xl leading-none text-accent md:text-7xl lg:text-8xl" href="https://oyez.ariege.io"
target="_blank"
rel="noopener"
class="mt-4 block transition hover:opacity-90"
> >
{{ t('home.oyez.title') }} <img
</h2> :src="oyezBanner"
:alt="t('home.oyez.title')"
class="mx-auto w-5/6 max-w-md md:w-full"
/>
</a>
<p class="mt-6 text-xs uppercase tracking-[0.2em] text-foreground/80"> <p class="mt-6 text-xs uppercase tracking-[0.2em] text-foreground/80">
{{ t('home.oyez.subtitle') }} {{ t('home.oyez.subtitle') }}
</p> </p>