feat: add characters page

This commit is contained in:
Kentai Radiquum 2024-12-10 15:08:23 +05:00
parent 742fb28189
commit 245a064556
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
11 changed files with 222 additions and 7 deletions

View file

@ -46,9 +46,11 @@
</a>
<div class="flex gap-1 px-4 mb-2 sm:px-0 sm:gap-2">
<a class="px-4 py-2 rounded-md sm:text-xl hover:underline bg-bg-gray" href="#about"
data-i18n="BTN_ABOUT_ME">ABOUT ME</a>
data-i18n="BTN_ABOUT_ME">ABOUT</a>
<a class="px-4 py-2 rounded-md sm:text-xl hover:underline bg-bg-gray" href="#links"
data-i18n="BTN_LINKS">LINKS</a>
<a class="px-4 py-2 rounded-md sm:text-xl hover:underline bg-bg-gray" href="./characters.html"
data-i18n="BTN_CHARACTERS">CHARACTERS</a>
</div>
</div>
</header>
@ -106,13 +108,16 @@
class="flex flex-row flex-wrap items-center justify-center order-3 gap-8 py-4 -mt-4 text-white md:mt-auto md:order-4">
<img src="./static/arrow_downward.svg" alt="" class="hidden w-24 h-24 animate-bounce md:block" />
<p class="hidden text-4xl md:block" data-i18n="BTN_OR">or</p>
<div class="flex flex-row items-center gap-2">
<a class="px-4 py-4 text-2xl underline text-bg-pink hover:underline sm:no-underline" href="#about"
<div class="flex flex-col items-center gap-2 sm:flex-row">
<a class="px-4 text-2xl underline sm:py-4 text-bg-pink hover:underline sm:no-underline" href="#about"
data-i18n="BTN_ABOUT_ME">ABOUT
ME</a>
<span class="text-2xl">/</span>
<a class="px-4 py-4 text-2xl underline text-bg-pink hover:underline sm:no-underline" href="#links"
<span class="hidden text-2xl sm:inline-block">/</span>
<a class="px-4 text-2xl underline sm:py-4 text-bg-pink hover:underline sm:no-underline" href="#links"
data-i18n="BTN_LINKS">LINKS</a>
<span class="hidden text-2xl sm:inline-block">/</span>
<a class="px-4 text-2xl underline sm:py-4 text-bg-pink hover:underline sm:no-underline" href="/characters.html"
data-i18n="BTN_CHARACTERS">CHARACTERS</a>
</div>
</div>