feat: author & lang credits for greetings, flag icons, hero banner styling updates

This commit is contained in:
Benjamin Singleton 2026-02-09 23:39:07 -06:00 committed by Sheldon Cooper
parent 169ef685ce
commit 3c0e46c9ab
8 changed files with 42 additions and 4 deletions

View file

@ -2,6 +2,7 @@
import HomeSectionWrapper from "@/components/molecules/HomeSectionWrapper.vue";
import { useLocale } from "@/i18n";
import { GREETINGS, type Greeting } from "@/i18n/greeting";
import { VILANTIC_ID_TO_FLAG } from "@/i18n/vilantic";
import { localizeLayout } from "@/utils/localizeLayout";
import { randomElement } from "@/utils/random";
@ -11,10 +12,23 @@ const greeting: Greeting = randomElement(GREETINGS);
<template>
<div>
<section class="hero is-primary">
<div class="hero-body">
<div class="title">{{ greeting.title }}</div>
<div class="subtitle">{{ greeting.subtitle }}</div>
<section class="hero has-background-primary-soft is-primary">
<div
class="hero-body"
style="padding-top: 3.75rem; padding-bottom: 3rem">
<div class="title has-text-text-bold">{{ greeting.title }}</div>
<div class="subtitle has-text-text-bold mb-4">
{{ greeting.subtitle }}
</div>
<div
class="subtitle is-size-6 is-flex is-flex-direction-row is-align-items-center is-gap-1 has-text-text-bold">
&mdash; {{ greeting.author }} ({{
locale.vilanticLangs[greeting.lang]
}})
<figure class="image is-32x32">
<img :src="VILANTIC_ID_TO_FLAG[greeting.lang]" />
</figure>
</div>
</div>
</section>