@@ -9,6 +9,7 @@ body {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
|
scroll-behavior: smooth;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|||||||
+439
-375
@@ -19,411 +19,467 @@
|
|||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="mr-16">{{ $t("main.note.accessibility") }}</p>
|
<!-- <NuxtImg
|
||||||
<div class="h-4" />
|
|
||||||
|
|
||||||
<NuxtImg
|
|
||||||
src="/images/selfie.png"
|
src="/images/selfie.png"
|
||||||
alt="Selfie"
|
alt="Selfie"
|
||||||
class="lg:float-right w-80 mb-4 lg:mb-0"
|
class="lg:float-right w-80 mb-4 lg:mb-0"
|
||||||
/>
|
/> -->
|
||||||
|
|
||||||
<h1 class="text-xl">
|
<h1 class="text-xl mr-12">
|
||||||
{{ $t("main.intro.0") }}
|
{{ $t("main.intro.0") }}
|
||||||
<span class="font-bold">{{ $t("main.intro.1") }}</span> ({{
|
<span class="font-bold">{{ $t("main.intro.1") }}</span
|
||||||
$t("main.intro.2")
|
>, {{ $t("main.intro.2") }}{{ years }}{{ $t("main.intro.3") }}
|
||||||
}}), {{ $t("main.intro.3") }} {{ years
|
|
||||||
}}{{ $t("main.intro.4") }}
|
|
||||||
</h1>
|
</h1>
|
||||||
<p>{{ $t("main.residence") }}</p>
|
|
||||||
<a href="/cv1.pdf" target="_blank" class="underline">
|
<a href="/cv1.pdf" target="_blank" class="underline">
|
||||||
{{ $t("main.cv") }}
|
{{ $t("main.cv") }}
|
||||||
</a>
|
</a>
|
||||||
<br />
|
<br />
|
||||||
<a href="/key.asc" target="_blank" class="underline">
|
|
||||||
{{ $t("main.gpg") }}
|
|
||||||
</a>
|
|
||||||
<div class="h-4" />
|
<div class="h-4" />
|
||||||
|
|
||||||
<p>{{ $t("main.contacts.title") }}</p>
|
<div
|
||||||
<ul class="list-none">
|
class="flex items-center justify-center flex-wrap gap-x-4 my-4"
|
||||||
<li>
|
>
|
||||||
<a
|
<ul>
|
||||||
href="mailto:selfsigned-ash@proton.me"
|
<li>
|
||||||
target="_blank"
|
<a href="#experience" class="underline">
|
||||||
class="underline"
|
./experience
|
||||||
>
|
</a>
|
||||||
selfsigned-ash@proton.me</a
|
</li>
|
||||||
>
|
<li>
|
||||||
/
|
<a href="#education" class="underline">./education</a>
|
||||||
<a
|
</li>
|
||||||
href="mailto:ash@svitan.dev"
|
</ul>
|
||||||
target="_blank"
|
<ul>
|
||||||
class="underline"
|
<li><a href="#skills" class="underline">./skills</a></li>
|
||||||
>
|
<li>
|
||||||
ash@svitan.dev
|
<a href="#projects" class="underline">./projects</a>
|
||||||
</a>
|
</li>
|
||||||
</li>
|
</ul>
|
||||||
<li>
|
<ul>
|
||||||
<a
|
<li>
|
||||||
href="tel:+421948309804"
|
<a href="#about-me" class="underline">./about-me</a>
|
||||||
target="_blank"
|
</li>
|
||||||
class="underline"
|
<li>
|
||||||
>
|
<a href="#contacts" class="underline">./contacts</a>
|
||||||
+421 948 309 804</a
|
</li>
|
||||||
> <a
|
</ul>
|
||||||
href="https://signal.me/#eu/spS_7L9Ln0xOql7JZMEusWCSmR95-cMnVTgB-zbQBVM54M6FUnRBUZMjGmr-_6qA"
|
</div>
|
||||||
target="_blank"
|
|
||||||
class="underline"
|
|
||||||
>
|
|
||||||
{{ $t("main.contacts.signal") }}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://matrix.to/#/@selfsigned-ash:matrix.org"
|
|
||||||
target="_blank"
|
|
||||||
class="underline"
|
|
||||||
>
|
|
||||||
@selfsigned-ash:matrix.org
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<div class="h-4" />
|
<div class="h-4" />
|
||||||
|
|
||||||
<p>{{ $t("main.socials.title") }}</p>
|
<section id="experience">
|
||||||
<ul class="list-none">
|
<h2 class="text-lg">
|
||||||
<li>
|
{{ $t("main.experience.title") }}
|
||||||
<a
|
</h2>
|
||||||
href="https://github.com/Streamer272"
|
<table class="w-full">
|
||||||
target="_blank"
|
<thead>
|
||||||
class="underline"
|
<tr>
|
||||||
>
|
<th class="max-w-48">
|
||||||
GitHub
|
<p class="px-1">
|
||||||
</a>
|
{{ $t("main.experience.header.when") }}
|
||||||
</li>
|
</p>
|
||||||
<li>
|
</th>
|
||||||
<a
|
<th>
|
||||||
href="https://gitea.svitan.dev/Streamer272"
|
<p class="px-1">
|
||||||
target="_blank"
|
{{
|
||||||
class="underline"
|
$t("main.experience.header.occupation")
|
||||||
>
|
}}
|
||||||
Gitea
|
</p>
|
||||||
</a>
|
</th>
|
||||||
</li>
|
</tr>
|
||||||
<li>
|
</thead>
|
||||||
<a
|
|
||||||
href="https://codeberg.org/selfsigned-ash"
|
|
||||||
target="_blank"
|
|
||||||
class="underline"
|
|
||||||
>
|
|
||||||
Codeberg
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://kolektiva.social/@selfsigned_ash"
|
|
||||||
rel="me"
|
|
||||||
target="_blank"
|
|
||||||
class="underline"
|
|
||||||
>
|
|
||||||
Mastodon
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a
|
|
||||||
href="https://pixelfed.de/selfsigned-ash"
|
|
||||||
target="_blank"
|
|
||||||
class="underline"
|
|
||||||
>
|
|
||||||
Pixelfed
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<div class="h-6" />
|
|
||||||
|
|
||||||
<h2 class="text-lg">{{ $t("main.experience.title") }}</h2>
|
<tbody>
|
||||||
<table class="w-full">
|
<tr>
|
||||||
<thead>
|
<td>{{ $t("main.experience.0.when") }}</td>
|
||||||
<tr>
|
<td>
|
||||||
<th class="max-w-48">
|
{{ $t("main.experience.0.occupation") }}<br />
|
||||||
<p class="px-1">
|
{{ $t("main.experience.0.occupation.details") }}
|
||||||
{{ $t("main.experience.header.when") }}
|
|
||||||
</p>
|
|
||||||
</th>
|
|
||||||
<th>
|
|
||||||
<p class="px-1">
|
|
||||||
{{ $t("main.experience.header.occupation") }}
|
|
||||||
</p>
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
<ul class="list-disc mt-2">
|
||||||
<tr>
|
<li>
|
||||||
<td>{{ $t("main.experience.0.when") }}</td>
|
{{ $t("main.experience.0.details.0") }}
|
||||||
<td>
|
</li>
|
||||||
{{ $t("main.experience.0.occupation") }}<br />
|
<li>
|
||||||
{{ $t("main.experience.0.occupation.details") }}
|
{{ $t("main.experience.0.details.1") }}
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
{{ $t("main.experience.0.details.2") }}
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
{{ $t("main.experience.0.details.3") }}
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<p class="mt-2 flex items-center gap-x-1">
|
||||||
|
{{ $t("main.experience.publications") }}
|
||||||
|
<ArrowLink
|
||||||
|
link="https://ieeexplore.ieee.org/document/10844607"
|
||||||
|
/>
|
||||||
|
</p>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</section>
|
||||||
|
<div class="h-8" />
|
||||||
|
|
||||||
<ul class="list-disc mt-2">
|
<section id="education">
|
||||||
<li>{{ $t("main.experience.0.details.0") }}</li>
|
<h2 class="text-lg">
|
||||||
<li>{{ $t("main.experience.0.details.1") }}</li>
|
{{ $t("main.education.title") }}
|
||||||
<li>{{ $t("main.experience.0.details.2") }}</li>
|
</h2>
|
||||||
<li>{{ $t("main.experience.0.details.3") }}</li>
|
<table class="w-full">
|
||||||
</ul>
|
<thead>
|
||||||
<p class="mt-2 flex items-center gap-x-1">
|
<tr>
|
||||||
{{ $t("main.experience.publications") }}
|
<th class="max-w-48">
|
||||||
|
<p class="px-1">
|
||||||
|
{{ $t("main.education.header.when") }}
|
||||||
|
</p>
|
||||||
|
</th>
|
||||||
|
<th>
|
||||||
|
<p class="px-1">
|
||||||
|
{{ $t("main.education.header.where") }}
|
||||||
|
</p>
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>{{ $t("main.education.0.when") }}</td>
|
||||||
|
<td>{{ $t("main.education.0.where") }}</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>{{ $t("main.education.1.when") }}</td>
|
||||||
|
<td>{{ $t("main.education.1.where") }}</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
<tr>
|
||||||
|
<td>{{ $t("main.education.2.when") }}</td>
|
||||||
|
<td>{{ $t("main.education.2.where") }}</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</section>
|
||||||
|
<div class="h-8" />
|
||||||
|
|
||||||
|
<section id="skills">
|
||||||
|
<h2 class="text-lg">{{ $t("main.skills.title") }}</h2>
|
||||||
|
<ul>
|
||||||
|
<li>{{ $t("main.skills.languages") }}</li>
|
||||||
|
<li>{{ $t("main.skills.data-science") }}</li>
|
||||||
|
<li>{{ $t("main.skills.sysadmin") }}</li>
|
||||||
|
<li>{{ $t("main.skills.frontend") }}</li>
|
||||||
|
<li>{{ $t("main.skills.backend") }}</li>
|
||||||
|
<li>{{ $t("main.skills.database") }}</li>
|
||||||
|
<li>{{ $t("main.skills.math") }}</li>
|
||||||
|
<li>{{ $t("main.skills.other") }}</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<p class="mt-2">{{ $t("main.skills.0") }}</p>
|
||||||
|
<p>{{ $t("main.skills.1") }}</p>
|
||||||
|
<p>{{ $t("main.skills.2") }}</p>
|
||||||
|
<p>{{ $t("main.skills.3") }}</p>
|
||||||
|
<p>{{ $t("main.skills.4") }}</p>
|
||||||
|
</section>
|
||||||
|
<div class="h-8" />
|
||||||
|
|
||||||
|
<section id="projects">
|
||||||
|
<h2 class="text-lg">
|
||||||
|
{{ $t("main.projects.title") }}
|
||||||
|
</h2>
|
||||||
|
<table class="w-full">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th class="max-w-60">
|
||||||
|
<p class="px-1">
|
||||||
|
{{ $t("main.projects.header.name") }}
|
||||||
|
</p>
|
||||||
|
</th>
|
||||||
|
<th class="max-w-28">
|
||||||
|
<p class="px-1">
|
||||||
|
{{ $t("main.projects.header.reference") }}
|
||||||
|
</p>
|
||||||
|
</th>
|
||||||
|
<th>
|
||||||
|
<p class="px-1">
|
||||||
|
{{ $t("main.projects.header.description") }}
|
||||||
|
</p>
|
||||||
|
</th>
|
||||||
|
<th class="max-w-32">
|
||||||
|
<p class="px-1">
|
||||||
|
{{ $t("main.projects.header.tags") }}
|
||||||
|
</p>
|
||||||
|
</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>{{ $t("main.projects.0.name") }}</td>
|
||||||
|
<td class="flex gap-x-2">
|
||||||
<ArrowLink
|
<ArrowLink
|
||||||
link="https://ieeexplore.ieee.org/document/10844607"
|
link="https://gitea.svitan.dev/Streamer272/soc-2024"
|
||||||
/>
|
/>
|
||||||
</p>
|
<ArrowLink
|
||||||
</td>
|
link="https://github.com/Streamer272/soc-2024"
|
||||||
</tr>
|
/>
|
||||||
</tbody>
|
</td>
|
||||||
</table>
|
<td>{{ $t("main.projects.0.description") }}</td>
|
||||||
<div class="h-6" />
|
<td class="flex gap-1 flex-wrap text-sm">
|
||||||
|
<span class="hashtag">
|
||||||
|
{{ $t("main.projects.0.tags.0") }}
|
||||||
|
</span>
|
||||||
|
<span class="hashtag">
|
||||||
|
{{ $t("main.projects.0.tags.1") }}
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
<h2 class="text-lg">{{ $t("main.education.title") }}</h2>
|
<tr>
|
||||||
<table class="w-full">
|
<td>{{ $t("main.projects.1.name") }}</td>
|
||||||
<thead>
|
<td class="flex gap-x-2">
|
||||||
<tr>
|
<ArrowLink
|
||||||
<th class="max-w-48">
|
link="https://gitea.svitan.dev/Streamer272/state-soc-cross"
|
||||||
<p class="px-1">
|
/>
|
||||||
{{ $t("main.education.header.when") }}
|
</td>
|
||||||
</p>
|
<td>{{ $t("main.projects.1.description") }}</td>
|
||||||
</th>
|
<td class="flex gap-1 flex-wrap text-sm">
|
||||||
<th>
|
<span class="hashtag">
|
||||||
<p class="px-1">
|
{{ $t("main.projects.1.tags.0") }}
|
||||||
{{ $t("main.education.header.where") }}
|
</span>
|
||||||
</p>
|
</td>
|
||||||
</th>
|
</tr>
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
<tr>
|
||||||
<tr>
|
<td>{{ $t("main.projects.2.name") }}</td>
|
||||||
<td>{{ $t("main.education.0.when") }}</td>
|
<td class="flex gap-x-2">
|
||||||
<td>{{ $t("main.education.0.where") }}</td>
|
<ArrowLink
|
||||||
</tr>
|
link="https://gitea.svitan.dev/Streamer272/door-alarm"
|
||||||
|
/>
|
||||||
|
</td>
|
||||||
|
<td>{{ $t("main.projects.2.description") }}</td>
|
||||||
|
<td class="flex gap-1 flex-wrap text-sm">
|
||||||
|
<span class="hashtag">
|
||||||
|
{{ $t("main.projects.2.tags.0") }}
|
||||||
|
</span>
|
||||||
|
<span class="hashtag">
|
||||||
|
{{ $t("main.projects.2.tags.1") }}
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td>{{ $t("main.education.1.when") }}</td>
|
<td>{{ $t("main.projects.3.name") }}</td>
|
||||||
<td>{{ $t("main.education.1.where") }}</td>
|
<td class="flex gap-x-2">
|
||||||
</tr>
|
<ArrowLink
|
||||||
|
link="https://github.com/Streamer272/green-school"
|
||||||
|
/>
|
||||||
|
<ArrowLink link="https://zelena.svr.sk/" />
|
||||||
|
</td>
|
||||||
|
<td>{{ $t("main.projects.3.description") }}</td>
|
||||||
|
<td class="flex gap-1 flex-wrap text-sm">
|
||||||
|
<span class="hashtag">
|
||||||
|
{{ $t("main.projects.3.tags.0") }}
|
||||||
|
</span>
|
||||||
|
<span class="hashtag">
|
||||||
|
{{ $t("main.projects.3.tags.1") }}
|
||||||
|
</span>
|
||||||
|
<span class="hashtag">
|
||||||
|
{{ $t("main.projects.3.tags.2") }}
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td>{{ $t("main.education.2.when") }}</td>
|
<td>{{ $t("main.projects.4.name") }}</td>
|
||||||
<td>{{ $t("main.education.2.where") }}</td>
|
<td class="flex gap-x-2">
|
||||||
</tr>
|
<ArrowLink
|
||||||
</tbody>
|
link="https://github.com/Streamer272/automod"
|
||||||
</table>
|
/>
|
||||||
<div class="h-6" />
|
</td>
|
||||||
|
<td>{{ $t("main.projects.4.description") }}</td>
|
||||||
|
<td class="flex gap-1 flex-wrap text-sm">
|
||||||
|
<span class="hashtag">
|
||||||
|
{{ $t("main.projects.4.tags.0") }}
|
||||||
|
</span>
|
||||||
|
<span class="hashtag">
|
||||||
|
{{ $t("main.projects.4.tags.1") }}
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
<h2 class="text-lg">{{ $t("main.skills.title") }}</h2>
|
<tr>
|
||||||
<ul class="ml-4">
|
<td>{{ $t("main.projects.5.name") }}</td>
|
||||||
<li>{{ $t("main.skills.languages") }}</li>
|
<td class="flex gap-x-2">
|
||||||
<li>{{ $t("main.skills.data-science") }}</li>
|
<ArrowLink
|
||||||
<li>{{ $t("main.skills.sysadmin") }}</li>
|
link="https://gitea.svitan.dev/Streamer272/pwetty"
|
||||||
<li>{{ $t("main.skills.frontend") }}</li>
|
/>
|
||||||
<li>{{ $t("main.skills.backend") }}</li>
|
</td>
|
||||||
<li>{{ $t("main.skills.database") }}</li>
|
<td>{{ $t("main.projects.5.description") }}</td>
|
||||||
<li>{{ $t("main.skills.math") }}</li>
|
<td class="flex gap-1 flex-wrap text-sm">
|
||||||
<li>{{ $t("main.skills.other") }}</li>
|
<span class="hashtag">
|
||||||
</ul>
|
{{ $t("main.projects.5.tags.0") }}
|
||||||
|
</span>
|
||||||
|
<span class="hashtag">
|
||||||
|
{{ $t("main.projects.5.tags.1") }}
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
<p class="mt-1">{{ $t("main.skills.0") }}</p>
|
<tr>
|
||||||
<p>{{ $t("main.skills.1") }}</p>
|
<td>{{ $t("main.projects.6.name") }}</td>
|
||||||
<p>{{ $t("main.skills.2") }}</p>
|
<td class="flex gap-x-2">
|
||||||
<p>{{ $t("main.skills.3") }}</p>
|
<ArrowLink
|
||||||
<p>{{ $t("main.skills.4") }}</p>
|
link="https://gitea.svitan.dev/Streamer272/keys"
|
||||||
<div class="h-6" />
|
/>
|
||||||
|
</td>
|
||||||
|
<td>{{ $t("main.projects.6.description") }}</td>
|
||||||
|
<td class="flex gap-1 flex-wrap text-sm">
|
||||||
|
<span class="hashtag">
|
||||||
|
{{ $t("main.projects.6.tags.0") }}
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
<h2 class="text-lg">{{ $t("main.projects.title") }}</h2>
|
<tr>
|
||||||
<table class="w-full">
|
<td>{{ $t("main.projects.7.name") }}</td>
|
||||||
<thead>
|
<td class="flex gap-x-2">
|
||||||
<tr>
|
<ArrowLink
|
||||||
<th class="max-w-60">
|
link="https://github.com/7274-dev/AdventnaVyzva-React"
|
||||||
<p class="px-1">
|
/>
|
||||||
{{ $t("main.projects.header.name") }}
|
<ArrowLink link="https://github.com/7274-dev" />
|
||||||
</p>
|
</td>
|
||||||
</th>
|
<td>{{ $t("main.projects.7.description") }}</td>
|
||||||
<th class="max-w-28">
|
<td class="flex gap-1 flex-wrap text-sm">
|
||||||
<p class="px-1">
|
<span class="hashtag">
|
||||||
{{ $t("main.projects.header.reference") }}
|
{{ $t("main.projects.7.tags.0") }}
|
||||||
</p>
|
</span>
|
||||||
</th>
|
<span class="hashtag">
|
||||||
<th>
|
{{ $t("main.projects.7.tags.1") }}
|
||||||
<p class="px-1">
|
</span>
|
||||||
{{ $t("main.projects.header.description") }}
|
</td>
|
||||||
</p>
|
</tr>
|
||||||
</th>
|
</tbody>
|
||||||
<th class="max-w-32">
|
</table>
|
||||||
<p class="px-1">
|
|
||||||
{{ $t("main.projects.header.tags") }}
|
|
||||||
</p>
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
|
|
||||||
<tbody>
|
<p class="mt-1">{{ $t("main.projects.footer") }}</p>
|
||||||
<tr>
|
</section>
|
||||||
<td>{{ $t("main.projects.0.name") }}</td>
|
<div class="h-8" />
|
||||||
<td class="flex gap-x-2">
|
|
||||||
<ArrowLink
|
|
||||||
link="https://gitea.svitan.dev/Streamer272/soc-2024"
|
|
||||||
/>
|
|
||||||
<ArrowLink
|
|
||||||
link="https://github.com/Streamer272/soc-2024"
|
|
||||||
/>
|
|
||||||
</td>
|
|
||||||
<td>{{ $t("main.projects.0.description") }}</td>
|
|
||||||
<td class="flex gap-1 flex-wrap text-sm">
|
|
||||||
<span class="hashtag">
|
|
||||||
{{ $t("main.projects.0.tags.0") }}
|
|
||||||
</span>
|
|
||||||
<span class="hashtag">
|
|
||||||
{{ $t("main.projects.0.tags.1") }}
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
<section id="about-me">
|
||||||
<td>{{ $t("main.projects.1.name") }}</td>
|
<h2 class="text-lg">
|
||||||
<td class="flex gap-x-2">
|
{{ $t("main.about.title") }}
|
||||||
<ArrowLink
|
</h2>
|
||||||
link="https://gitea.svitan.dev/Streamer272/state-soc-cross"
|
<p>{{ $t("main.about.residence") }}</p>
|
||||||
/>
|
<p>{{ $t("main.about.citizenship") }}</p>
|
||||||
</td>
|
<p>{{ $t("main.about.0") }}</p>
|
||||||
<td>{{ $t("main.projects.1.description") }}</td>
|
<p>{{ $t("main.about.1") }}</p>
|
||||||
<td class="flex gap-1 flex-wrap text-sm">
|
<p>{{ $t("main.about.2") }}</p>
|
||||||
<span class="hashtag">
|
<p>{{ $t("main.about.3") }}</p>
|
||||||
{{ $t("main.projects.1.tags.0") }}
|
</section>
|
||||||
</span>
|
<div class="h-8" />
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
<section id="contacts">
|
||||||
<td>{{ $t("main.projects.2.name") }}</td>
|
<h2 class="text-lg">{{ $t("main.contacts.title") }}</h2>
|
||||||
<td class="flex gap-x-2">
|
<ul class="list-none">
|
||||||
<ArrowLink
|
<li>
|
||||||
link="https://gitea.svitan.dev/Streamer272/door-alarm"
|
<a
|
||||||
/>
|
href="mailto:selfsigned-ash@proton.me"
|
||||||
</td>
|
target="_blank"
|
||||||
<td>{{ $t("main.projects.2.description") }}</td>
|
class="underline"
|
||||||
<td class="flex gap-1 flex-wrap text-sm">
|
>
|
||||||
<span class="hashtag">
|
selfsigned-ash@proton.me</a
|
||||||
{{ $t("main.projects.2.tags.0") }}
|
>
|
||||||
</span>
|
/
|
||||||
<span class="hashtag">
|
<a
|
||||||
{{ $t("main.projects.2.tags.1") }}
|
href="mailto:ash@svitan.dev"
|
||||||
</span>
|
target="_blank"
|
||||||
</td>
|
class="underline"
|
||||||
</tr>
|
>
|
||||||
|
ash@svitan.dev</a
|
||||||
|
>
|
||||||
|
(<a href="/key.asc" target="_blank" class="underline"
|
||||||
|
>{{ $t("main.contacts.gpg") }} </a
|
||||||
|
>)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="tel:+421948309804"
|
||||||
|
target="_blank"
|
||||||
|
class="underline"
|
||||||
|
>
|
||||||
|
+421 948 309 804</a
|
||||||
|
> <a
|
||||||
|
href="https://signal.me/#eu/spS_7L9Ln0xOql7JZMEusWCSmR95-cMnVTgB-zbQBVM54M6FUnRBUZMjGmr-_6qA"
|
||||||
|
target="_blank"
|
||||||
|
class="underline"
|
||||||
|
>
|
||||||
|
{{ $t("main.contacts.signal") }}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
href="https://matrix.to/#/@selfsigned-ash:matrix.org"
|
||||||
|
target="_blank"
|
||||||
|
class="underline"
|
||||||
|
>
|
||||||
|
@selfsigned-ash:matrix.org
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div class="h-4" />
|
||||||
|
|
||||||
<tr>
|
<p>{{ $t("main.socials.title") }}</p>
|
||||||
<td>{{ $t("main.projects.3.name") }}</td>
|
<ul class="list-none">
|
||||||
<td class="flex gap-x-2">
|
<li>
|
||||||
<ArrowLink
|
<a
|
||||||
link="https://github.com/Streamer272/green-school"
|
href="https://github.com/Streamer272"
|
||||||
/>
|
target="_blank"
|
||||||
<ArrowLink link="https://zelena.svr.sk/" />
|
class="underline"
|
||||||
</td>
|
>
|
||||||
<td>{{ $t("main.projects.3.description") }}</td>
|
GitHub
|
||||||
<td class="flex gap-1 flex-wrap text-sm">
|
</a>
|
||||||
<span class="hashtag">
|
</li>
|
||||||
{{ $t("main.projects.3.tags.0") }}
|
<li>
|
||||||
</span>
|
<a
|
||||||
<span class="hashtag">
|
href="https://gitea.svitan.dev/Streamer272"
|
||||||
{{ $t("main.projects.3.tags.1") }}
|
target="_blank"
|
||||||
</span>
|
class="underline"
|
||||||
<span class="hashtag">
|
>
|
||||||
{{ $t("main.projects.3.tags.2") }}
|
Gitea
|
||||||
</span>
|
</a>
|
||||||
</td>
|
</li>
|
||||||
</tr>
|
<li>
|
||||||
|
<a
|
||||||
<tr>
|
href="https://codeberg.org/selfsigned-ash"
|
||||||
<td>{{ $t("main.projects.4.name") }}</td>
|
target="_blank"
|
||||||
<td class="flex gap-x-2">
|
class="underline"
|
||||||
<ArrowLink
|
>
|
||||||
link="https://github.com/Streamer272/automod"
|
Codeberg
|
||||||
/>
|
</a>
|
||||||
</td>
|
</li>
|
||||||
<td>{{ $t("main.projects.4.description") }}</td>
|
<li>
|
||||||
<td class="flex gap-1 flex-wrap text-sm">
|
<a
|
||||||
<span class="hashtag">
|
href="https://kolektiva.social/@selfsigned_ash"
|
||||||
{{ $t("main.projects.4.tags.0") }}
|
rel="me"
|
||||||
</span>
|
target="_blank"
|
||||||
<span class="hashtag">
|
class="underline"
|
||||||
{{ $t("main.projects.4.tags.1") }}
|
>
|
||||||
</span>
|
Mastodon
|
||||||
</td>
|
</a>
|
||||||
</tr>
|
</li>
|
||||||
|
<li>
|
||||||
<tr>
|
<a
|
||||||
<td>{{ $t("main.projects.5.name") }}</td>
|
href="https://pixelfed.de/selfsigned-ash"
|
||||||
<td class="flex gap-x-2">
|
target="_blank"
|
||||||
<ArrowLink
|
class="underline"
|
||||||
link="https://gitea.svitan.dev/Streamer272/pwetty"
|
>
|
||||||
/>
|
Pixelfed
|
||||||
</td>
|
</a>
|
||||||
<td>{{ $t("main.projects.5.description") }}</td>
|
</li>
|
||||||
<td class="flex gap-1 flex-wrap text-sm">
|
</ul>
|
||||||
<span class="hashtag">
|
</section>
|
||||||
{{ $t("main.projects.5.tags.0") }}
|
<div class="h-8" />
|
||||||
</span>
|
|
||||||
<span class="hashtag">
|
|
||||||
{{ $t("main.projects.5.tags.1") }}
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>{{ $t("main.projects.6.name") }}</td>
|
|
||||||
<td class="flex gap-x-2">
|
|
||||||
<ArrowLink
|
|
||||||
link="https://gitea.svitan.dev/Streamer272/keys"
|
|
||||||
/>
|
|
||||||
</td>
|
|
||||||
<td>{{ $t("main.projects.6.description") }}</td>
|
|
||||||
<td class="flex gap-1 flex-wrap text-sm">
|
|
||||||
<span class="hashtag">
|
|
||||||
{{ $t("main.projects.6.tags.0") }}
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr>
|
|
||||||
<td>{{ $t("main.projects.7.name") }}</td>
|
|
||||||
<td class="flex gap-x-2">
|
|
||||||
<ArrowLink
|
|
||||||
link="https://github.com/7274-dev/AdventnaVyzva-React"
|
|
||||||
/>
|
|
||||||
<ArrowLink link="https://github.com/7274-dev" />
|
|
||||||
</td>
|
|
||||||
<td>{{ $t("main.projects.7.description") }}</td>
|
|
||||||
<td class="flex gap-1 flex-wrap text-sm">
|
|
||||||
<span class="hashtag">
|
|
||||||
{{ $t("main.projects.7.tags.0") }}
|
|
||||||
</span>
|
|
||||||
<span class="hashtag">
|
|
||||||
{{ $t("main.projects.7.tags.1") }}
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<p class="mt-1">{{ $t("main.projects.footer") }}</p>
|
|
||||||
<div class="h-6" />
|
|
||||||
|
|
||||||
<h2 class="text-lg">{{ $t("main.interests.title") }}</h2>
|
|
||||||
<p>{{ $t("main.interests.0") }}</p>
|
|
||||||
<p>{{ $t("main.interests.1") }}</p>
|
|
||||||
<p>{{ $t("main.interests.2") }}</p>
|
|
||||||
<p>{{ $t("main.interests.3") }}</p>
|
|
||||||
<div class="h-6" />
|
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
{{ $t("main.note.source.0") }}
|
{{ $t("main.note.source.0") }}
|
||||||
@@ -472,6 +528,14 @@ tr:last-of-type {
|
|||||||
border: 1px solid var(--catppuccin-color-text);
|
border: 1px solid var(--catppuccin-color-text);
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
section {
|
||||||
|
margin-left: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
section h2 {
|
||||||
|
margin-left: -1rem;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<script lang="ts" setup>
|
<script lang="ts" setup>
|
||||||
|
|||||||
+29
-28
@@ -2,16 +2,10 @@
|
|||||||
"main.note.accessibility": "Note: this page has been kept simple in favor of accessibility",
|
"main.note.accessibility": "Note: this page has been kept simple in favor of accessibility",
|
||||||
"main.intro.0": "Hi, I'm ",
|
"main.intro.0": "Hi, I'm ",
|
||||||
"main.intro.1": "Ash (Daniel) Svitan",
|
"main.intro.1": "Ash (Daniel) Svitan",
|
||||||
"main.intro.2": "any pronouns",
|
"main.intro.2": " a ",
|
||||||
"main.intro.3": " a ",
|
"main.intro.3": " year-old activist and aspiring engineer",
|
||||||
"main.intro.4": " year-old aspiring engineer",
|
|
||||||
"main.residence": "Residence: Bratislava, Slovakia",
|
|
||||||
"main.cv": "Look at my CV",
|
"main.cv": "Look at my CV",
|
||||||
"main.gpg": "Get my public GPG key",
|
"main.experience.title": "./experience",
|
||||||
"main.contacts.title": "Contacts:",
|
|
||||||
"main.contacts.signal": "(you can text me on Signal)",
|
|
||||||
"main.socials.title": "Socials:",
|
|
||||||
"main.experience.title": "Experience:",
|
|
||||||
"main.experience.header.when": "When",
|
"main.experience.header.when": "When",
|
||||||
"main.experience.header.occupation": "Occupation and details",
|
"main.experience.header.occupation": "Occupation and details",
|
||||||
"main.experience.0.when": "July 2024 - December 2025",
|
"main.experience.0.when": "July 2024 - December 2025",
|
||||||
@@ -22,7 +16,7 @@
|
|||||||
"main.experience.0.details.2": "Created quality classification system based on ECG quality classification neural network",
|
"main.experience.0.details.2": "Created quality classification system based on ECG quality classification neural network",
|
||||||
"main.experience.0.details.3": "Wrote the Tom & Jerry LabChart Text File Dynamic Sync Algorithm",
|
"main.experience.0.details.3": "Wrote the Tom & Jerry LabChart Text File Dynamic Sync Algorithm",
|
||||||
"main.experience.publications": "Publications:",
|
"main.experience.publications": "Publications:",
|
||||||
"main.education.title": "Education:",
|
"main.education.title": "./education",
|
||||||
"main.education.header.when": "When",
|
"main.education.header.when": "When",
|
||||||
"main.education.header.where": "Where",
|
"main.education.header.where": "Where",
|
||||||
"main.education.0.when": "2024 - present",
|
"main.education.0.when": "2024 - present",
|
||||||
@@ -31,21 +25,21 @@
|
|||||||
"main.education.1.where": "Spojená škola Svätej Rodiny v Bratislave - 8-year Gymnasium (high school)",
|
"main.education.1.where": "Spojená škola Svätej Rodiny v Bratislave - 8-year Gymnasium (high school)",
|
||||||
"main.education.2.when": "2022 - 2023",
|
"main.education.2.when": "2022 - 2023",
|
||||||
"main.education.2.where": "Del Mar High School in San Jose, California, United States of America",
|
"main.education.2.where": "Del Mar High School in San Jose, California, United States of America",
|
||||||
"main.skills.title": "Skills:",
|
"main.skills.title": "./skills",
|
||||||
"main.skills.languages": "Languages: Slovak (native), English (C1), German (B1)",
|
"main.skills.languages": "> languages: Slovak (native), English (C1), German (B1)",
|
||||||
"main.skills.data-science": "Data science: PyTorch (neural networks), Matplotlib, SciPy, NumPy",
|
"main.skills.data-science": "> data science: PyTorch (neural networks), Matplotlib, SciPy, NumPy",
|
||||||
"main.skills.sysadmin": "Sysadmin: Docker, Caddy, ZFS, Linux",
|
"main.skills.sysadmin": "> sysadmin: Docker, Caddy, ZFS, Linux",
|
||||||
"main.skills.frontend": "Frontend: HTML, CSS/SCSS, JavaScript/TypeScript, TailWindCSS, React, Vue, Nuxt, Astro",
|
"main.skills.frontend": "> frontend: HTML, CSS/SCSS, JavaScript/TypeScript, TailWindCSS, React, Vue, Nuxt, Astro",
|
||||||
"main.skills.backend": "Backend: Ktor (Kotlin), Fiber (Go), Echo (Go), FastAPI (Python), NestJS (TypeScript)",
|
"main.skills.backend": "> backend: Ktor (Kotlin), Fiber (Go), Echo (Go), FastAPI (Python), NestJS (TypeScript)",
|
||||||
"main.skills.database": "Database: MySQL, PostgreSQL, Redis/Valkey, Firestore, MongoDB",
|
"main.skills.database": "> database: MySQL, PostgreSQL, Redis/Valkey, Firestore, MongoDB",
|
||||||
"main.skills.math": "Math: Calculus (1), Statistics, Linear algebra",
|
"main.skills.math": "> math: Calculus (1), Statistics, Linear algebra",
|
||||||
"main.skills.other": "Other: Driver license type B (Slovak), LibreOffice",
|
"main.skills.other": "> other: Driver license type B (Slovak), LibreOffice",
|
||||||
"main.skills.0": "Having my own Debian server at home, I've self-hosted multiple apps and projects, including Nextcloud, Immich, Gitea, Prometheus+Grafana, ngIRCd, WireGuard Easy, and many more.",
|
"main.skills.0": "Having my own Debian server at home, I've self-hosted multiple apps and projects, including Nextcloud, Immich, Gitea, Prometheus+Grafana, WireGuard Easy, and many more.",
|
||||||
"main.skills.1": "I route them all through my Caddy reverse proxy, but since my server is behind NAT, I also have a VPS that is connected to my server through a tunnel and routes all of the traffic to my server through that tunnel.",
|
"main.skills.1": "I route them all through my Caddy reverse proxy, but since my server is behind a NAT, I also have a VPS that is connected to my server through a tunnel and routes all of the traffic to my server through that tunnel.",
|
||||||
"main.skills.2": "I also protect myself against data loss with a RAIDZ1 ZFS pool, regular backups (monthly to an off-site physical drive owned by me and every two days to a cloud storage box), and regular ZFS Scrubs.",
|
"main.skills.2": "I also protect myself against data loss with a RAIDZ1 ZFS pool, regular backups (monthly to an off-site physical drive owned by me and every two days to a cloud storage box), and regular ZFS Scrubs.",
|
||||||
"main.skills.3": "And everything is encrypted, my pool and both backups with a randomly generated binary file.",
|
"main.skills.3": "And everything is encrypted, my pool and both backups with a randomly generated binary file.",
|
||||||
"main.skills.4": "Needless to say, I've got some experience with system administration as well as Linux systems, since I also daily drive Arch Linux.",
|
"main.skills.4": "Needless to say, I've got some experience with system administration as well as Linux systems, since I also daily drive Arch Linux.",
|
||||||
"main.projects.title": "Some of my projects:",
|
"main.projects.title": "./projects",
|
||||||
"main.projects.header.name": "Name",
|
"main.projects.header.name": "Name",
|
||||||
"main.projects.header.reference": "Reference",
|
"main.projects.header.reference": "Reference",
|
||||||
"main.projects.header.description": "Description",
|
"main.projects.header.description": "Description",
|
||||||
@@ -81,12 +75,19 @@
|
|||||||
"main.projects.7.description": "An interactive game-like app for kids with an advent theme",
|
"main.projects.7.description": "An interactive game-like app for kids with an advent theme",
|
||||||
"main.projects.7.tags.0": "#web-dev",
|
"main.projects.7.tags.0": "#web-dev",
|
||||||
"main.projects.7.tags.1": "#react",
|
"main.projects.7.tags.1": "#react",
|
||||||
"main.projects.footer": "And many other closed-source projects, especially contracts (like NatArt) and multiple projects at FEI STU (including multiple algorithms and labeling / data processing systems, mostly concerned with bio-medical signals like ECG or PPG).",
|
"main.projects.footer": "And many other closed-source projects, especially contracts and multiple projects at FEI STU (including multiple algorithms and labeling / data processing systems, mostly concerned with bio-medical signals like ECG or PPG).",
|
||||||
"main.interests.title": "About me and my interests:",
|
"main.about.title": "./about-me",
|
||||||
"main.interests.0": "I spend most of my free time working on various projects of mine; I've recently decided to expand my horizons and work on some projects that are not pure computer science. But other than that, I like to go on walks, listen to music, and I occasionally play video games.",
|
"main.about.residence": "> residence: Bratislava, Slovakia",
|
||||||
"main.interests.1": "I also love going rollerblading and I used to play airsoft, but I haven't had the time to play recently. And, believe it or not, I like to cook and read books as well.",
|
"main.about.citizenship": "> citizenship: Slovakia - EU citizen",
|
||||||
"main.interests.2": "When I grow up, I want to study mechanical engineering, since I take interest in engineering in general, not just programming. I'm still not sure which university I want to go to, but chances are that it will be somewhere in Germany, Benelux, or Scandinavia (or Czechia and Slovakia as a last resort). Both my parents are successful engineers (chemical, not mechanical though), so I have a lot to live up to.",
|
"main.about.0": "I spend most of my free time working on various projects of mine; I've recently decided to expand my horizons and work on some projects that are not pure computer science. But other than that, I like to go on walks, listen to music, and I occasionally play video games.",
|
||||||
"main.interests.3": "But currently, I'm just trying to survive high school.",
|
"main.about.1": "I also love going rollerblading and I used to play airsoft, but I haven't had the time to play recently. And, believe it or not, I like to cook and read books as well.",
|
||||||
|
"main.about.2": "When I grow up, I want to study mechanical engineering, since I take interest in engineering in general, not just programming. I'm still not sure which university I want to go to, but chances are that it will be somewhere in Germany, Benelux, or Scandinavia (or Czechia and Slovakia as a last resort). Both my parents are successful engineers (chemical, not mechanical though), so I have a lot to live up to.",
|
||||||
|
"main.about.3": "But currently, I'm just trying to survive high school.",
|
||||||
|
"main.contacts.title": "./contacts",
|
||||||
|
"main.contacts.gpg": "get my public GPG key",
|
||||||
|
"main.contacts.signal": "(you can text me on Signal)",
|
||||||
|
"main.socials.title": "Socials:",
|
||||||
|
|
||||||
"main.note.source.0": "Note: the source code of this website is available ",
|
"main.note.source.0": "Note: the source code of this website is available ",
|
||||||
"main.note.source.1": "here",
|
"main.note.source.1": "here",
|
||||||
"main.note.source.2": ""
|
"main.note.source.2": ""
|
||||||
|
|||||||
Reference in New Issue
Block a user