feat: author & lang credits for greetings, flag icons, hero banner styling updates
This commit is contained in:
parent
169ef685ce
commit
3c0e46c9ab
8 changed files with 42 additions and 4 deletions
|
|
@ -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">
|
||||
— {{ greeting.author }} ({{
|
||||
locale.vilanticLangs[greeting.lang]
|
||||
}})
|
||||
<figure class="image is-32x32">
|
||||
<img :src="VILANTIC_ID_TO_FLAG[greeting.lang]" />
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue