mirror of
https://github.com/NotXia/notxia.github.io.git
synced 2026-08-05 21:32:23 +00:00
32 lines
1.1 KiB
Vue
32 lines
1.1 KiB
Vue
<template>
|
|
<div class="relative z-10" >
|
|
<Navbar />
|
|
</div>
|
|
|
|
<ScreenCenter>
|
|
<main>
|
|
<div class="block md:flex justify-center items-center">
|
|
<div class="text-center md:text-left">
|
|
<p class="text-2xl md:text-3xl font-semibold uppercase">{{ t("i am a") }}</p>
|
|
<p class="text-4xl md:text-5xl font-semibold uppercase">{{ t("cs student") }}</p>
|
|
<p class="text-xl lowercase">{{ t("a very accurate description of me") }}</p>
|
|
</div>
|
|
|
|
<div class="w-fit mx-auto mt-5 md:m-0 md:ml-10">
|
|
<RandomSomething />
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</ScreenCenter>
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts">
|
|
import Navbar from "@/components/navbar/Navbar.vue";
|
|
import ScreenCenter from "@/components/screen-center/ScreenCenter.vue";
|
|
import RandomSomething from "@/components/random-something/RandomSomething.vue";
|
|
import { useI18n } from "vue-i18n";
|
|
import locale from "@/locales/home";
|
|
|
|
const { t } = useI18n({ messages: locale });
|
|
</script> |