Updates

src/lib/i18n/cs/common.json

@@ -1,4 +1,6 @@
 {
+  "home": "Hlavní strana",
+  "blog": "Blog",
   "title": "Danova skládka podivných věcí",
   "subtitle": "Čas od času něco vytvořím. Někdy hloupost, někdy něco užitečného.",
   "links": "Moje jiný divný věci",
@@ -9,4 +11,4 @@
   "contact-githubalt": "GitHub (další)",
   "contact-discord": "Discord",
   "contact-mail": "E-mail"
-}
+}

src/lib/i18n/cs/homepage.json

@@ -1,8 +1,8 @@
 {
   "welcome": "Z temnot internetu se vynořila tajemná webovka! Vypadá to, že ses objevil*a na mých stránkách. Vítej!",
-  "whoami": "Ahoj, jsem Dan, programátor a student informatiky na FIT ČVUT.",
-  "whatido": "Většinu toho, co tvořím, je pro web, na frontend i backend, ale čas od času zkusím i něco jiného. Pracoval jsem na pár hrách a zkusil jsem si i vývoj pro mobilní zařízení.",
-  "mymission": "Jednoduše řečeno - rád tvořím věci, které by pro někoho mohly být užitečné.",
+  "whoami": "Ahoj, jsem Dan! Jsem student na FIT ČVUT a ve volném čase programuju.",
+  "whatido": "Většina toho, co tvořím, je pro web, ale čas od času si zkusím i jiné technologie. Pracoval jsem na pár hrách a zkusil jsem si i vývoj pro mobilní zařízení.",
+  "mymission": "Jednoduše řečeno – rád tvořím věci, které by pro někoho mohly být užitečné.",
   "techstack": {
     "title": "Tech stack",
     "langs": "Programovací jazyky",

src/lib/i18n/en/common.json

@@ -1,4 +1,6 @@
 {
+  "home": "Home",
+  "blog": "Blog",
   "title": "Daniel's landfill of weird things",
   "subtitle": "I make things. Sometimes silly, sometimes not.",
   "links": "My other weird stuff",

src/lib/i18n/en/homepage.json

@@ -1,10 +1,10 @@
 {
-  "welcome": "A wild website appears! You appear to have landed at my homepage. Welcome!",
-  "whoami": "Hi, I'm Daniel, and I'm a programmer from the Czech Republic. Right now, I'm a student at CTU FIT.",
-  "whatido": "Most of the stuff I make is for the web, both on the frontend and backend, but I occasionally make other things as well - I've worked on some games and tried mobile app development too.",
-  "mymission": "Simply put - I like creating things that people can interact with and find useful.",
+  "welcome": "A wild website appears! It looks like you have found my homepage. Welcome!",
+  "whoami": "Hi, I'm Daniel! I'm a hobby programmer from the Czech Republic. Right now, I'm a student at FIT CTU.",
+  "whatido": "Most of the stuff I've made revolves around the web, but I occasionally try other technologies as well – I've worked on some games and tried mobile app development too.",
+  "mymission": "Simply put: I like creating things that people can interact with and find useful.",
   "techstack": {
-    "title": "Tech stack",
+    "title": "Competences",
     "langs": "Programming languages",
     "frameworks": "Frameworks/Engines",
     "othertools": "Other tools"

src/lib/i18n/index.ts

@@ -12,11 +12,6 @@ function buildLanguageSection(lang: string) {
       key: "homepage",
       loader: async () => (await import(`./${lang}/homepage.json`)).default,
     },
-    {
-      locale: lang,
-      key: "projects",
-      loader: async () => (await import(`./${lang}/projects.json`)).default,
-    },
     {
       locale: lang,
       key: "blog",

src/routes/[[lang]]/+layout.svelte

@@ -5,6 +5,7 @@
 
   import t, { loadTranslations, locale } from "$lib/i18n";
   import { changeLangUrl, buildCurrentLangUrl } from "$lib/i18n/util.svelte";
+  import { page } from "$app/state";
 </script>
 
 <svelte:head>
@@ -15,7 +16,7 @@
   <div class="languages">
     <div class="lang">
       <a href={changeLangUrl()}>
-        <img src={langEN} alt="🇬🇧" title="Englush" />
+        <img src={langEN} alt="🇬🇧" title="English" />
       </a>
       <a href={changeLangUrl("cs")}>
         <img src={langCS} alt="🇨🇿" title="Czech" />
@@ -29,6 +30,17 @@
       <em>{$t("common.subtitle")}</em>
     </div>
   </a>
+  <nav class="ps" style="margin-bottom: 0;">
+    {#each [{url: "/", title: "common.home"}, {url: "/blog", title: "common.blog"}] as linkBase}
+      {@const link = buildCurrentLangUrl(linkBase.url)}
+      <a
+        href={link}
+        class:selected={page.url.pathname.replace(/\/+$/, "") === link.replace(/\/+$/, "")}
+      >
+        {$t(linkBase.title)}
+      </a>
+    {/each}
+  </nav>
 </header>
 
 <main class="content ps">
@@ -217,4 +229,43 @@
       }
     }
   }
+
+  nav {
+    display: flex;
+
+    padding: 0;
+
+    margin-top: 0;
+
+    margin-bottom: 0;
+
+    a {
+      flex: 1;
+
+      display: block;
+
+      font-size: 1.25em;
+
+      color: constants.$light;
+
+      text-decoration: none;
+
+      padding: 4px;
+
+      text-align: center;
+
+      transition: background-color 0.1s;
+
+      &:hover,
+      &.selected:hover {
+        background-color: color.adjust(constants.$light, $alpha: -0.8);
+      }
+
+      &.selected {
+        background-color: color.adjust(constants.$light, $alpha: -0.9);
+
+        border-bottom: solid 1px constants.$light;
+      }
+    }
+  }
 </style>

src/routes/[[lang]]/+page.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
   import Skills from "$lib/parts/Skills.svelte";
-  import Projects from "$lib/parts/Projects.svelte";
   import PageInfo from "$lib/components/PageInfo.svelte";
   import t, { locale } from "$lib/i18n";
 </script>
@@ -26,5 +25,4 @@
   </p>
 </div>
 
-<Projects />
 <Skills />