💄 Changes UI structure
Signed-off-by: Ash Svitan <selfsigned-ash@proton.me>
This commit is contained in:
@@ -0,0 +1,8 @@
|
|||||||
|
<template>
|
||||||
|
<p class="mb-4">
|
||||||
|
[<span class="text-green-500">ash@ash-arch</span> <span
|
||||||
|
class="text-blue-500"
|
||||||
|
>~</span
|
||||||
|
>]$ <slot />
|
||||||
|
</p>
|
||||||
|
</template>
|
||||||
+85
-93
@@ -5,7 +5,7 @@
|
|||||||
<div class="w-1 h-10 shrink-10" />
|
<div class="w-1 h-10 shrink-10" />
|
||||||
|
|
||||||
<div
|
<div
|
||||||
class="w-[90vw] sm:w-[80vw] m:w-[70vw] lg:w-[60vw] xl:w-[50vw] border-solid border-ctp-text border p-3 shrink-0 overflow-auto relative"
|
class="w-[90vw] sm:w-[80vw] m:w-[70vw] lg:w-[60vw] xl:w-[50vw] border-solid border-ctp-text border p-6 shrink-0 overflow-auto relative"
|
||||||
>
|
>
|
||||||
<div class="absolute top-2 right-2 flex gap-x-2">
|
<div class="absolute top-2 right-2 flex gap-x-2">
|
||||||
<button
|
<button
|
||||||
@@ -19,69 +19,74 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- <NuxtImg
|
<section>
|
||||||
src="/images/selfie.png"
|
<BashPrompt>cat README.md</BashPrompt>
|
||||||
alt="Selfie"
|
<h1 class="text-xl mr-12 mt-4">
|
||||||
class="lg:float-right w-80 mb-4 lg:mb-0"
|
{{ $t("main.intro.0") }}
|
||||||
/> -->
|
<span class="font-bold">{{ $t("main.intro.1") }}</span
|
||||||
|
>, {{ $t("main.intro.2") }}{{ years
|
||||||
|
}}{{ $t("main.intro.3") }}
|
||||||
|
</h1>
|
||||||
|
<a href="/cv1.pdf" target="_blank" class="underline">
|
||||||
|
{{ $t("main.cv") }}
|
||||||
|
</a>
|
||||||
|
</section>
|
||||||
|
|
||||||
<h1 class="text-xl mr-12">
|
<section>
|
||||||
{{ $t("main.intro.0") }}
|
<BashPrompt>ls .</BashPrompt>
|
||||||
<span class="font-bold">{{ $t("main.intro.1") }}</span
|
<div class="flex items-center flex-wrap gap-x-4">
|
||||||
>, {{ $t("main.intro.2") }}{{ years }}{{ $t("main.intro.3") }}
|
<ul>
|
||||||
</h1>
|
<li>
|
||||||
<a href="/cv1.pdf" target="_blank" class="underline">
|
<a href="#experience" class="underline">
|
||||||
{{ $t("main.cv") }}
|
{{ $t("main.experience.title") }}
|
||||||
</a>
|
</a>
|
||||||
<br />
|
</li>
|
||||||
<div class="h-4" />
|
<li>
|
||||||
|
<a href="#education" class="underline">
|
||||||
|
{{ $t("main.education.title") }}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="#skills" class="underline">
|
||||||
|
{{ $t("main.skills.title") }}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#projects" class="underline">
|
||||||
|
{{ $t("main.projects.title") }}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="#about-me" class="underline">
|
||||||
|
{{ $t("main.about.title") }}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#contacts" class="underline">
|
||||||
|
{{ $t("main.contacts.title") }}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
<div
|
<section>
|
||||||
class="flex items-center justify-center flex-wrap gap-x-4 my-4"
|
<BashPrompt>feh images/selfie.png</BashPrompt>
|
||||||
>
|
<div class="flex justify-center w-full">
|
||||||
<ul>
|
<NuxtImg
|
||||||
<li>
|
src="/images/selfie.png"
|
||||||
<a href="#experience" class="underline">
|
alt="Selfie"
|
||||||
{{ $t("main.experience.title") }}
|
class="w-80"
|
||||||
</a>
|
/>
|
||||||
</li>
|
</div>
|
||||||
<li>
|
</section>
|
||||||
<a href="#education" class="underline">
|
|
||||||
{{ $t("main.education.title") }}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="#skills" class="underline">
|
|
||||||
{{ $t("main.skills.title") }}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#projects" class="underline">
|
|
||||||
{{ $t("main.projects.title") }}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
<a href="#about-me" class="underline">
|
|
||||||
{{ $t("main.about.title") }}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#contacts" class="underline">
|
|
||||||
{{ $t("main.contacts.title") }}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="h-4" />
|
|
||||||
|
|
||||||
<section id="experience">
|
<section id="experience">
|
||||||
<h2 class="text-lg">
|
<BashPrompt>cat {{ $t("main.experience.title") }}</BashPrompt>
|
||||||
{{ $t("main.experience.title") }}
|
|
||||||
</h2>
|
|
||||||
<table class="w-full">
|
<table class="w-full">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
@@ -132,12 +137,9 @@
|
|||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</section>
|
</section>
|
||||||
<div class="h-8" />
|
|
||||||
|
|
||||||
<section id="education">
|
<section id="education">
|
||||||
<h2 class="text-lg">
|
<BashPrompt>cat {{ $t("main.education.title") }}</BashPrompt>
|
||||||
{{ $t("main.education.title") }}
|
|
||||||
</h2>
|
|
||||||
<table class="w-full">
|
<table class="w-full">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
@@ -172,10 +174,9 @@
|
|||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</section>
|
</section>
|
||||||
<div class="h-8" />
|
|
||||||
|
|
||||||
<section id="skills">
|
<section id="skills">
|
||||||
<h2 class="text-lg">{{ $t("main.skills.title") }}</h2>
|
<BashPrompt>cat {{ $t("main.skills.title") }}</BashPrompt>
|
||||||
<ul>
|
<ul>
|
||||||
<li>{{ $t("main.skills.languages") }}</li>
|
<li>{{ $t("main.skills.languages") }}</li>
|
||||||
<li>{{ $t("main.skills.data-science") }}</li>
|
<li>{{ $t("main.skills.data-science") }}</li>
|
||||||
@@ -193,12 +194,9 @@
|
|||||||
<p>{{ $t("main.skills.3") }}</p>
|
<p>{{ $t("main.skills.3") }}</p>
|
||||||
<p>{{ $t("main.skills.4") }}</p>
|
<p>{{ $t("main.skills.4") }}</p>
|
||||||
</section>
|
</section>
|
||||||
<div class="h-8" />
|
|
||||||
|
|
||||||
<section id="projects">
|
<section id="projects">
|
||||||
<h2 class="text-lg">
|
<BashPrompt>cat {{ $t("main.projects.title") }}</BashPrompt>
|
||||||
{{ $t("main.projects.title") }}
|
|
||||||
</h2>
|
|
||||||
<table class="w-full">
|
<table class="w-full">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
@@ -376,12 +374,9 @@
|
|||||||
|
|
||||||
<p class="mt-1">{{ $t("main.projects.footer") }}</p>
|
<p class="mt-1">{{ $t("main.projects.footer") }}</p>
|
||||||
</section>
|
</section>
|
||||||
<div class="h-8" />
|
|
||||||
|
|
||||||
<section id="about-me">
|
<section id="about-me">
|
||||||
<h2 class="text-lg">
|
<BashPrompt>cat {{ $t("main.about.title") }}</BashPrompt>
|
||||||
{{ $t("main.about.title") }}
|
|
||||||
</h2>
|
|
||||||
<p>{{ $t("main.about.residence") }}</p>
|
<p>{{ $t("main.about.residence") }}</p>
|
||||||
<p>{{ $t("main.about.citizenship") }}</p>
|
<p>{{ $t("main.about.citizenship") }}</p>
|
||||||
<p>{{ $t("main.about.0") }}</p>
|
<p>{{ $t("main.about.0") }}</p>
|
||||||
@@ -389,10 +384,9 @@
|
|||||||
<p>{{ $t("main.about.2") }}</p>
|
<p>{{ $t("main.about.2") }}</p>
|
||||||
<p>{{ $t("main.about.3") }}</p>
|
<p>{{ $t("main.about.3") }}</p>
|
||||||
</section>
|
</section>
|
||||||
<div class="h-8" />
|
|
||||||
|
|
||||||
<section id="contacts">
|
<section id="contacts">
|
||||||
<h2 class="text-lg">{{ $t("main.contacts.title") }}</h2>
|
<BashPrompt>cat {{ $t("main.contacts.title") }}</BashPrompt>
|
||||||
<ul class="list-none">
|
<ul class="list-none">
|
||||||
<li>
|
<li>
|
||||||
<a
|
<a
|
||||||
@@ -491,19 +485,21 @@
|
|||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</section>
|
</section>
|
||||||
<div class="h-8" />
|
|
||||||
|
|
||||||
<p>
|
<footer>
|
||||||
{{ $t("main.note.source.0") }}
|
<BashPrompt>cat footer</BashPrompt>
|
||||||
<a
|
<p>
|
||||||
href="https://gitea.svitan.dev/Streamer272/svitan.dev"
|
{{ $t("main.note.source.0") }}
|
||||||
target="_blank"
|
<a
|
||||||
class="underline"
|
href="https://gitea.svitan.dev/Streamer272/svitan.dev"
|
||||||
>
|
target="_blank"
|
||||||
{{ $t("main.note.source.1") }}
|
class="underline"
|
||||||
</a>
|
>
|
||||||
{{ $t("main.note.source.2") }}
|
{{ $t("main.note.source.1") }}
|
||||||
</p>
|
</a>
|
||||||
|
{{ $t("main.note.source.2") }}
|
||||||
|
</p>
|
||||||
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-1 h-10 shrink-0" />
|
<div class="w-1 h-10 shrink-0" />
|
||||||
@@ -542,11 +538,7 @@ tr:last-of-type {
|
|||||||
}
|
}
|
||||||
|
|
||||||
section {
|
section {
|
||||||
margin-left: 1rem;
|
margin-bottom: 2rem;
|
||||||
}
|
|
||||||
|
|
||||||
section h2 {
|
|
||||||
margin-left: -1rem;
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user