diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index fe089b3..78664e0 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -9,6 +9,7 @@ body {
     width: 100%;
     height: 100%;
     overflow-x: hidden;
+    scroll-behavior: smooth;
 }
 </style>
 
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 1999add..1b92d29 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -19,411 +19,467 @@
                 </button>
             </div>
 
-            <p class="mr-16">{{ $t("main.note.accessibility") }}</p>
-            <div class="h-4" />
-
-            <NuxtImg
+            <!-- <NuxtImg
                 src="/images/selfie.png"
                 alt="Selfie"
                 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") }}
-                <span class="font-bold">{{ $t("main.intro.1") }}</span> ({{
-                    $t("main.intro.2")
-                }}), {{ $t("main.intro.3") }} {{ years
-                }}{{ $t("main.intro.4") }}
+                <span class="font-bold">{{ $t("main.intro.1") }}</span
+                >, {{ $t("main.intro.2") }}{{ years }}{{ $t("main.intro.3") }}
             </h1>
-            <p>{{ $t("main.residence") }}</p>
             <a href="/cv1.pdf" target="_blank" class="underline">
                 {{ $t("main.cv") }}
             </a>
             <br />
-            <a href="/key.asc" target="_blank" class="underline">
-                {{ $t("main.gpg") }}
-            </a>
             <div class="h-4" />
 
-            <p>{{ $t("main.contacts.title") }}</p>
-            <ul class="list-none">
-                <li>
-                    <a
-                        href="mailto:selfsigned-ash@proton.me"
-                        target="_blank"
-                        class="underline"
-                    >
-                        selfsigned-ash@proton.me</a
-                    >
-                    /
-                    <a
-                        href="mailto:ash@svitan.dev"
-                        target="_blank"
-                        class="underline"
-                    >
-                        ash@svitan.dev
-                    </a>
-                </li>
-                <li>
-                    <a
-                        href="tel:+421948309804"
-                        target="_blank"
-                        class="underline"
-                    >
-                        +421 948 309 804</a
-                    >&nbsp;<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="flex items-center justify-center flex-wrap gap-x-4 my-4"
+            >
+                <ul>
+                    <li>
+                        <a href="#experience" class="underline">
+                            ./experience
+                        </a>
+                    </li>
+                    <li>
+                        <a href="#education" class="underline">./education</a>
+                    </li>
+                </ul>
+                <ul>
+                    <li><a href="#skills" class="underline">./skills</a></li>
+                    <li>
+                        <a href="#projects" class="underline">./projects</a>
+                    </li>
+                </ul>
+                <ul>
+                    <li>
+                        <a href="#about-me" class="underline">./about-me</a>
+                    </li>
+                    <li>
+                        <a href="#contacts" class="underline">./contacts</a>
+                    </li>
+                </ul>
+            </div>
             <div class="h-4" />
 
-            <p>{{ $t("main.socials.title") }}</p>
-            <ul class="list-none">
-                <li>
-                    <a
-                        href="https://github.com/Streamer272"
-                        target="_blank"
-                        class="underline"
-                    >
-                        GitHub
-                    </a>
-                </li>
-                <li>
-                    <a
-                        href="https://gitea.svitan.dev/Streamer272"
-                        target="_blank"
-                        class="underline"
-                    >
-                        Gitea
-                    </a>
-                </li>
-                <li>
-                    <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" />
+            <section id="experience">
+                <h2 class="text-lg">
+                    {{ $t("main.experience.title") }}
+                </h2>
+                <table class="w-full">
+                    <thead>
+                        <tr>
+                            <th class="max-w-48">
+                                <p class="px-1">
+                                    {{ $t("main.experience.header.when") }}
+                                </p>
+                            </th>
+                            <th>
+                                <p class="px-1">
+                                    {{
+                                        $t("main.experience.header.occupation")
+                                    }}
+                                </p>
+                            </th>
+                        </tr>
+                    </thead>
 
-            <h2 class="text-lg">{{ $t("main.experience.title") }}</h2>
-            <table class="w-full">
-                <thead>
-                    <tr>
-                        <th class="max-w-48">
-                            <p class="px-1">
-                                {{ $t("main.experience.header.when") }}
-                            </p>
-                        </th>
-                        <th>
-                            <p class="px-1">
-                                {{ $t("main.experience.header.occupation") }}
-                            </p>
-                        </th>
-                    </tr>
-                </thead>
+                    <tbody>
+                        <tr>
+                            <td>{{ $t("main.experience.0.when") }}</td>
+                            <td>
+                                {{ $t("main.experience.0.occupation") }}<br />
+                                {{ $t("main.experience.0.occupation.details") }}
 
-                <tbody>
-                    <tr>
-                        <td>{{ $t("main.experience.0.when") }}</td>
-                        <td>
-                            {{ $t("main.experience.0.occupation") }}<br />
-                            {{ $t("main.experience.0.occupation.details") }}
+                                <ul class="list-disc mt-2">
+                                    <li>
+                                        {{ $t("main.experience.0.details.0") }}
+                                    </li>
+                                    <li>
+                                        {{ $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">
-                                <li>{{ $t("main.experience.0.details.0") }}</li>
-                                <li>{{ $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") }}
+            <section id="education">
+                <h2 class="text-lg">
+                    {{ $t("main.education.title") }}
+                </h2>
+                <table class="w-full">
+                    <thead>
+                        <tr>
+                            <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
-                                    link="https://ieeexplore.ieee.org/document/10844607"
+                                    link="https://gitea.svitan.dev/Streamer272/soc-2024"
                                 />
-                            </p>
-                        </td>
-                    </tr>
-                </tbody>
-            </table>
-            <div class="h-6" />
+                                <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>
 
-            <h2 class="text-lg">{{ $t("main.education.title") }}</h2>
-            <table class="w-full">
-                <thead>
-                    <tr>
-                        <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>
+                        <tr>
+                            <td>{{ $t("main.projects.1.name") }}</td>
+                            <td class="flex gap-x-2">
+                                <ArrowLink
+                                    link="https://gitea.svitan.dev/Streamer272/state-soc-cross"
+                                />
+                            </td>
+                            <td>{{ $t("main.projects.1.description") }}</td>
+                            <td class="flex gap-1 flex-wrap text-sm">
+                                <span class="hashtag">
+                                    {{ $t("main.projects.1.tags.0") }}
+                                </span>
+                            </td>
+                        </tr>
 
-                <tbody>
-                    <tr>
-                        <td>{{ $t("main.education.0.when") }}</td>
-                        <td>{{ $t("main.education.0.where") }}</td>
-                    </tr>
+                        <tr>
+                            <td>{{ $t("main.projects.2.name") }}</td>
+                            <td class="flex gap-x-2">
+                                <ArrowLink
+                                    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>
-                        <td>{{ $t("main.education.1.when") }}</td>
-                        <td>{{ $t("main.education.1.where") }}</td>
-                    </tr>
+                        <tr>
+                            <td>{{ $t("main.projects.3.name") }}</td>
+                            <td class="flex gap-x-2">
+                                <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>
-                        <td>{{ $t("main.education.2.when") }}</td>
-                        <td>{{ $t("main.education.2.where") }}</td>
-                    </tr>
-                </tbody>
-            </table>
-            <div class="h-6" />
+                        <tr>
+                            <td>{{ $t("main.projects.4.name") }}</td>
+                            <td class="flex gap-x-2">
+                                <ArrowLink
+                                    link="https://github.com/Streamer272/automod"
+                                />
+                            </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>
-            <ul class="ml-4">
-                <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>
+                        <tr>
+                            <td>{{ $t("main.projects.5.name") }}</td>
+                            <td class="flex gap-x-2">
+                                <ArrowLink
+                                    link="https://gitea.svitan.dev/Streamer272/pwetty"
+                                />
+                            </td>
+                            <td>{{ $t("main.projects.5.description") }}</td>
+                            <td class="flex gap-1 flex-wrap text-sm">
+                                <span class="hashtag">
+                                    {{ $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>
-            <p>{{ $t("main.skills.1") }}</p>
-            <p>{{ $t("main.skills.2") }}</p>
-            <p>{{ $t("main.skills.3") }}</p>
-            <p>{{ $t("main.skills.4") }}</p>
-            <div class="h-6" />
+                        <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>
 
-            <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>
+                        <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>
 
-                <tbody>
-                    <tr>
-                        <td>{{ $t("main.projects.0.name") }}</td>
-                        <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>
+                <p class="mt-1">{{ $t("main.projects.footer") }}</p>
+            </section>
+            <div class="h-8" />
 
-                    <tr>
-                        <td>{{ $t("main.projects.1.name") }}</td>
-                        <td class="flex gap-x-2">
-                            <ArrowLink
-                                link="https://gitea.svitan.dev/Streamer272/state-soc-cross"
-                            />
-                        </td>
-                        <td>{{ $t("main.projects.1.description") }}</td>
-                        <td class="flex gap-1 flex-wrap text-sm">
-                            <span class="hashtag">
-                                {{ $t("main.projects.1.tags.0") }}
-                            </span>
-                        </td>
-                    </tr>
+            <section id="about-me">
+                <h2 class="text-lg">
+                    {{ $t("main.about.title") }}
+                </h2>
+                <p>{{ $t("main.about.residence") }}</p>
+                <p>{{ $t("main.about.citizenship") }}</p>
+                <p>{{ $t("main.about.0") }}</p>
+                <p>{{ $t("main.about.1") }}</p>
+                <p>{{ $t("main.about.2") }}</p>
+                <p>{{ $t("main.about.3") }}</p>
+            </section>
+            <div class="h-8" />
 
-                    <tr>
-                        <td>{{ $t("main.projects.2.name") }}</td>
-                        <td class="flex gap-x-2">
-                            <ArrowLink
-                                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>
+            <section id="contacts">
+                <h2 class="text-lg">{{ $t("main.contacts.title") }}</h2>
+                <ul class="list-none">
+                    <li>
+                        <a
+                            href="mailto:selfsigned-ash@proton.me"
+                            target="_blank"
+                            class="underline"
+                        >
+                            selfsigned-ash@proton.me</a
+                        >
+                        /
+                        <a
+                            href="mailto:ash@svitan.dev"
+                            target="_blank"
+                            class="underline"
+                        >
+                            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
+                        >&nbsp;<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>
-                        <td>{{ $t("main.projects.3.name") }}</td>
-                        <td class="flex gap-x-2">
-                            <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>
-                        <td>{{ $t("main.projects.4.name") }}</td>
-                        <td class="flex gap-x-2">
-                            <ArrowLink
-                                link="https://github.com/Streamer272/automod"
-                            />
-                        </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>
-
-                    <tr>
-                        <td>{{ $t("main.projects.5.name") }}</td>
-                        <td class="flex gap-x-2">
-                            <ArrowLink
-                                link="https://gitea.svitan.dev/Streamer272/pwetty"
-                            />
-                        </td>
-                        <td>{{ $t("main.projects.5.description") }}</td>
-                        <td class="flex gap-1 flex-wrap text-sm">
-                            <span class="hashtag">
-                                {{ $t("main.projects.5.tags.0") }}
-                            </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>{{ $t("main.socials.title") }}</p>
+                <ul class="list-none">
+                    <li>
+                        <a
+                            href="https://github.com/Streamer272"
+                            target="_blank"
+                            class="underline"
+                        >
+                            GitHub
+                        </a>
+                    </li>
+                    <li>
+                        <a
+                            href="https://gitea.svitan.dev/Streamer272"
+                            target="_blank"
+                            class="underline"
+                        >
+                            Gitea
+                        </a>
+                    </li>
+                    <li>
+                        <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>
+            </section>
+            <div class="h-8" />
 
             <p>
                 {{ $t("main.note.source.0") }}
@@ -472,6 +528,14 @@ tr:last-of-type {
     border: 1px solid var(--catppuccin-color-text);
     border-radius: 1rem;
 }
+
+section {
+    margin-left: 1rem;
+}
+
+section h2 {
+    margin-left: -1rem;
+}
 </style>
 
 <script lang="ts" setup>
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index ad12555..36f1b7a 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -2,16 +2,10 @@
     "main.note.accessibility": "Note: this page has been kept simple in favor of accessibility",
     "main.intro.0": "Hi, I'm ",
     "main.intro.1": "Ash (Daniel) Svitan",
-    "main.intro.2": "any pronouns",
-    "main.intro.3": " a ",
-    "main.intro.4": " year-old aspiring engineer",
-    "main.residence": "Residence: Bratislava, Slovakia",
+    "main.intro.2": " a ",
+    "main.intro.3": " year-old activist and aspiring engineer",
     "main.cv": "Look at my CV",
-    "main.gpg": "Get my public GPG key",
-    "main.contacts.title": "Contacts:",
-    "main.contacts.signal": "(you can text me on Signal)",
-    "main.socials.title": "Socials:",
-    "main.experience.title": "Experience:",
+    "main.experience.title": "./experience",
     "main.experience.header.when": "When",
     "main.experience.header.occupation": "Occupation and details",
     "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.3": "Wrote the Tom & Jerry LabChart Text File Dynamic Sync Algorithm",
     "main.experience.publications": "Publications:",
-    "main.education.title": "Education:",
+    "main.education.title": "./education",
     "main.education.header.when": "When",
     "main.education.header.where": "Where",
     "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.2.when": "2022 - 2023",
     "main.education.2.where": "Del Mar High School in San Jose, California, United States of America",
-    "main.skills.title": "Skills:",
-    "main.skills.languages": "Languages: Slovak (native), English (C1), German (B1)",
-    "main.skills.data-science": "Data science: PyTorch (neural networks), Matplotlib, SciPy, NumPy",
-    "main.skills.sysadmin": "Sysadmin: Docker, Caddy, ZFS, Linux",
-    "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.database": "Database: MySQL, PostgreSQL, Redis/Valkey, Firestore, MongoDB",
-    "main.skills.math": "Math: Calculus (1), Statistics, Linear algebra",
-    "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.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.title": "./skills",
+    "main.skills.languages": "> languages: Slovak (native), English (C1), German (B1)",
+    "main.skills.data-science": "> data science: PyTorch (neural networks), Matplotlib, SciPy, NumPy",
+    "main.skills.sysadmin": "> sysadmin: Docker, Caddy, ZFS, Linux",
+    "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.database": "> database: MySQL, PostgreSQL, Redis/Valkey, Firestore, MongoDB",
+    "main.skills.math": "> math: Calculus (1), Statistics, Linear algebra",
+    "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, WireGuard Easy, and many more.",
+    "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.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.projects.title": "Some of my projects:",
+    "main.projects.title": "./projects",
     "main.projects.header.name": "Name",
     "main.projects.header.reference": "Reference",
     "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.tags.0": "#web-dev",
     "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.interests.title": "About me and my interests:",
-    "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.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.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.interests.3": "But currently, I'm just trying to survive high school.",
+    "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.about.title": "./about-me",
+    "main.about.residence": "> residence: Bratislava, Slovakia",
+    "main.about.citizenship": "> citizenship: Slovakia - EU citizen",
+    "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.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.1": "here",
     "main.note.source.2": ""