feat(home/oyez): replace text title with the linked Oyez! banner
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:
parent
80597f6e35
commit
998336a366
2 changed files with 112 additions and 4 deletions
100
src/assets/oyez-banner-green.svg
Normal file
100
src/assets/oyez-banner-green.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 24 KiB |
|
|
@ -10,6 +10,7 @@ import heroLandscape from '@/assets/hero-landscape.webp'
|
|||
import sectionTile from '@/assets/section-tile.webp'
|
||||
import titleWordmark from '@/assets/title-wordmark.mp4'
|
||||
import titleWordmarkPoster from '@/assets/title-wordmark-poster.jpg'
|
||||
import oyezBanner from '@/assets/oyez-banner-green.svg'
|
||||
|
||||
const tileStyle = {
|
||||
backgroundImage: `url(${sectionTile})`,
|
||||
|
|
@ -207,11 +208,18 @@ const featuredEvents = [
|
|||
<p class="font-display text-xs uppercase tracking-[0.3em] text-accent">
|
||||
{{ t('home.oyez.kicker') }}
|
||||
</p>
|
||||
<h2
|
||||
class="mt-4 font-script font-bold text-6xl leading-none text-accent md:text-7xl lg:text-8xl"
|
||||
<a
|
||||
href="https://oyez.ariege.io"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
class="mt-4 block transition hover:opacity-90"
|
||||
>
|
||||
{{ t('home.oyez.title') }}
|
||||
</h2>
|
||||
<img
|
||||
: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">
|
||||
{{ t('home.oyez.subtitle') }}
|
||||
</p>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue