simplified and removed terminal stuff

2026-05-19 20:03:20 +02:00
parent 98a1c69582
commit c1db8358c4
20 changed files with 527 additions and 182 deletions
--- a/assets/i18n/en/main.ftl
+++ b/assets/i18n/en/main.ftl
@@ -0,0 +1,78 @@
+brand = Universal Web
+hello-world = Hello world!
+meta-description = A guitar player's personal site. News, blog posts, albums, and songs in one place.
+nav-home = Home
+nav-about = About
+nav-blog = Blog
+nav-audio = Audio
+nav-songs = Songs
+nav-admin = Admin login
+admin-title = Admin
+admin-dashboard = Dashboard
+admin-blog = Blog
+admin-audio = Audio
+admin-images = Images
+admin-about = About
+admin-exit = Exit
+view-site = View site
+admin-blog-desc = create and update blog articles.
+admin-about-desc = edit the public about page content.
+admin-audio-desc = upload songs, then group them into albums.
+admin-images-desc = upload images for covers and articles.
+logout = Log out
+settings = Settings
+settings-language = Language
+settings-theme = Theme
+menu = Menu
+theme-system = System
+theme-light = Light
+theme-dark = Dark
+home-title = Home
+home-sub = news and updates.
+home-all-posts = All posts
+home-recent = Recent posts
+home-tagline = guitar player - original songs, albums, and notes
+home-sections = about/   blog/   audio/   songs/
+home-no-posts = no published posts yet
+blog-title = Blog
+blog-sub = published article(s)
+blog-manage = Manage
+blog-read = Read
+blog-no-posts = no published posts yet
+blog-views = views logged
+cd-up = cd ..
+about-sub = about this site.
+about-readonly = readonly
+audio-title = Audio
+audio-sub = published album(s)
+audio-all-songs = All songs
+audio-open = Open
+audio-play = Play
+audio-no-albums = no published albums yet
+songs-title = Songs
+songs-sub = track(s) across every album.
+songs-play-all = Play all
+songs-albums = Albums
+songs-no-tracks = no tracks yet
+album-by = by
+album-play-full = Play full album
+album-queue-all = queue all tracks in order
+album-no-tracks = no tracks yet
+login-title = Admin login
+login-error = Access denied - invalid email or password.
+login-root = root
+login-auth = Authenticate
+login-email = Email
+login-password = Password
+readonly = readonly
+post = post
+album = album
+published = published
+draft = draft
+single = single
+manage = Manage
+open = Open
+play = Play
+new-article = New article
+edit = Edit
+delete = Delete
--- a/assets/i18n/sk/main.ftl
+++ b/assets/i18n/sk/main.ftl
@@ -0,0 +1,78 @@
+brand = Universal Web
+hello-world = Ahoj svet!
+meta-description = Osobná stránka gitaristu. Novinky, blog, albumy a skladby na jednom mieste.
+nav-home = Domov
+nav-about = O mne
+nav-blog = Blog
+nav-audio = Audio
+nav-songs = Skladby
+nav-admin = Prihlásenie admina
+admin-title = Admin
+admin-dashboard = Prehľad
+admin-blog = Blog
+admin-audio = Audio
+admin-images = Obrázky
+admin-about = O mne
+admin-exit = Späť na web
+view-site = Zobraziť web
+admin-blog-desc = vytvoriť a upravovať blogové články.
+admin-about-desc = upraviť obsah verejnej stránky o mne.
+admin-audio-desc = nahrať skladby a potom ich zoskupiť do albumov.
+admin-images-desc = nahrať obrázky pre obaly a články.
+logout = Odhlásiť sa
+settings = Nastavenia
+settings-language = Jazyk
+settings-theme = Téma
+menu = Menu
+theme-system = Systém
+theme-light = Svetlý
+theme-dark = Tmavý
+home-title = Domov
+home-sub = novinky a aktuality.
+home-all-posts = Všetky príspevky
+home-recent = Posledné príspevky
+home-tagline = gitarista - autorské skladby, albumy a poznámky
+home-sections = about/   blog/   audio/   songs/
+home-no-posts = zatiaľ žiadne zverejnené príspevky
+blog-title = Blog
+blog-sub = zverejnené články
+blog-manage = Spravovať
+blog-read = Čítať
+blog-no-posts = zatiaľ žiadne zverejnené príspevky
+blog-views = zobrazení
+cd-up = cd ..
+about-sub = o tejto stránke.
+about-readonly = iba na čítanie
+audio-title = Audio
+audio-sub = zverejnené albumy
+audio-all-songs = Všetky skladby
+audio-open = Otvoriť
+audio-play = Prehrať
+audio-no-albums = zatiaľ žiadne zverejnené albumy
+songs-title = Skladby
+songs-sub = skladieb naprieč všetkými albumami.
+songs-play-all = Prehrať všetko
+songs-albums = Albumy
+songs-no-tracks = zatiaľ žiadne skladby
+album-by = od
+album-play-full = Prehrať celý album
+album-queue-all = zoradiť všetky skladby v poradí
+album-no-tracks = zatiaľ žiadne skladby
+login-title = Prihlásenie admina
+login-error = Prístup odmietnutý - nesprávny e-mail alebo heslo.
+login-root = root
+login-auth = Prihlásiť sa
+login-email = E-mail
+login-password = Heslo
+readonly = iba na čítanie
+post = príspevok
+album = album
+published = zverejnené
+draft = koncept
+single = samostatne
+manage = Spravovať
+open = Otvoriť
+play = Prehrať
+new-article = Nový článok
+edit = Upraviť
+delete = Zmazať
--- a/assets/views/admin/base.html
+++ b/assets/views/admin/base.html
@@ -1,9 +1,9 @@
 <!doctype html>
-<html lang="en" data-theme="dark">
+<html lang="{{ lang | default(value='sk') }}" data-theme="dark">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>{% block title %}Admin{% endblock title %}</title>
+    <title>{% block title %}{{ t(key="admin-title", lang=lang | default(value='sk')) }}{% endblock title %}</title>
    <script>
      function applyTheme(t) {
        var dark = t === 'dark'
@@ -73,21 +73,21 @@
          <span class="t-red">root</span><span class="t-dim">@universal-web</span><span class="t-dim">:</span><span class="t-yellow">/admin</span><span class="t-dim">#</span>
        </a>
        <ul class="nav-menu term-navlinks menu menu-sm hidden items-center md:flex">
-          <li><a href="/admin/dashboard" data-nav="/admin/dashboard">dashboard</a></li>
-          <li><a href="/admin/blog/articles" data-nav="/admin/blog">blog</a></li>
-          <li><a href="/admin/audio/albums" data-nav="/admin/audio">audio</a></li>
-          <li><a href="/admin/images" data-nav="/admin/images">images</a></li>
-          <li><a href="/admin/about" data-nav="/admin/about">about</a></li>
-          <li><a href="/" class="t-blue">exit</a></li>
+          <li><a href="/admin/dashboard" data-nav="/admin/dashboard">{{ t(key="admin-dashboard", lang=lang | default(value='sk')) }}</a></li>
+          <li><a href="/admin/blog/articles" data-nav="/admin/blog">{{ t(key="admin-blog", lang=lang | default(value='sk')) }}</a></li>
+          <li><a href="/admin/audio/albums" data-nav="/admin/audio">{{ t(key="admin-audio", lang=lang | default(value='sk')) }}</a></li>
+          <li><a href="/admin/images" data-nav="/admin/images">{{ t(key="admin-images", lang=lang | default(value='sk')) }}</a></li>
+          <li><a href="/admin/about" data-nav="/admin/about">{{ t(key="admin-about", lang=lang | default(value='sk')) }}</a></li>
+          <li><a href="/" class="t-blue">{{ t(key="admin-exit", lang=lang | default(value='sk')) }}</a></li>
          <li>
            <form method="post" action="/admin/logout">
-              <button type="submit" class="t-red w-full">logout</button>
+              <button type="submit" class="t-red w-full">{{ t(key="logout", lang=lang | default(value='sk')) }}</button>
            </form>
          </li>
        </ul>
        <div class="term-nav-right">
          <div class="dropdown dropdown-end md:hidden">
-            <div tabindex="0" role="button" class="btn btn-ghost btn-sm btn-circle" aria-label="Menu">
+            <div tabindex="0" role="button" class="btn btn-ghost btn-sm btn-circle" aria-label="{{ t(key='menu', lang=lang | default(value='sk')) }}">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                stroke="currentColor" class="h-5 w-5">
                <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
@@ -95,21 +95,21 @@
            </div>
            <ul tabindex="0"
              class="menu dropdown-content z-50 mt-3 w-52 border border-base-300 bg-base-200 p-2 shadow-lg">
-              <li><a href="/admin/dashboard">dashboard</a></li>
-              <li><a href="/admin/blog/articles">blog</a></li>
-              <li><a href="/admin/audio/albums">audio</a></li>
-              <li><a href="/admin/images">images</a></li>
-              <li><a href="/admin/about">about</a></li>
-              <li><a href="/" class="t-blue">exit</a></li>
+              <li><a href="/admin/dashboard">{{ t(key="admin-dashboard", lang=lang | default(value='sk')) }}</a></li>
+              <li><a href="/admin/blog/articles">{{ t(key="admin-blog", lang=lang | default(value='sk')) }}</a></li>
+              <li><a href="/admin/audio/albums">{{ t(key="admin-audio", lang=lang | default(value='sk')) }}</a></li>
+              <li><a href="/admin/images">{{ t(key="admin-images", lang=lang | default(value='sk')) }}</a></li>
+              <li><a href="/admin/about">{{ t(key="admin-about", lang=lang | default(value='sk')) }}</a></li>
+              <li><a href="/" class="t-blue">{{ t(key="admin-exit", lang=lang | default(value='sk')) }}</a></li>
              <li>
                <form method="post" action="/admin/logout">
-                  <button type="submit" class="t-red w-full">logout</button>
+                  <button type="submit" class="t-red w-full">{{ t(key="logout", lang=lang | default(value='sk')) }}</button>
                </form>
              </li>
            </ul>
          </div>
          <div class="dropdown dropdown-end">
-            <div tabindex="0" role="button" class="btn btn-ghost btn-sm btn-circle" aria-label="Settings" title="Settings">
+            <div tabindex="0" role="button" class="btn btn-ghost btn-sm btn-circle" aria-label="{{ t(key='settings', lang=lang | default(value='sk')) }}" title="{{ t(key='settings', lang=lang | default(value='sk')) }}">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                stroke="currentColor" class="h-5 w-5">
                <path stroke-linecap="round" stroke-linejoin="round"
@@ -118,6 +118,27 @@
              </svg>
            </div>
            <ul tabindex="0" class="menu dropdown-content z-50 mt-3 w-56 border border-base-300 bg-base-200 p-2 shadow-lg">
+              <li class="menu-title">{{ t(key="settings-language", lang=lang | default(value='sk')) }}</li>
+              <li>
+                <form method="post" action="/lang" hx-boost="false">
+                  <button type="submit" name="lang" value="en" class="btn btn-ghost btn-sm w-full justify-start">
+                    <span>English</span>
+                    {% if lang | default(value='sk') == 'en' %}
+                    <span class="ml-auto">✓</span>
+                    {% endif %}
+                  </button>
+                </form>
+              </li>
+              <li>
+                <form method="post" action="/lang" hx-boost="false">
+                  <button type="submit" name="lang" value="sk" class="btn btn-ghost btn-sm w-full justify-start">
+                    <span>Slovenčina</span>
+                    {% if lang | default(value='sk') == 'sk' %}
+                    <span class="ml-auto">✓</span>
+                    {% endif %}
+                  </button>
+                </form>
+              </li>
              <li class="menu-title">:set theme</li>
              <li><button type="button" data-theme-opt="system" onclick="setTheme('system')">system <span class="opt-check ml-auto hidden">✓</span></button></li>
              <li><button type="button" data-theme-opt="light" onclick="setTheme('light')">light <span class="opt-check ml-auto hidden">✓</span></button></li>
--- a/assets/views/admin/index.html
+++ b/assets/views/admin/index.html
@@ -1,6 +1,6 @@
 {% extends "admin/base.html" %}

-{% block title %}Admin{% endblock title %}
+{% block title %}{{ t(key="admin-title", lang=lang | default(value='sk')) }}{% endblock title %}
 {% block crumb %}dashboard{% endblock crumb %}

 {% block content %}
@@ -10,11 +10,11 @@
      <span class="t-red">root@universal-web</span><span class="t-dim">:</span><span class="t-yellow">/admin</span><span class="t-dim">#</span>
      ls -la
    </p>
-    <h1 class="term-title">dashboard</h1>
+    <h1 class="term-title">{{ t(key="admin-dashboard", lang=lang | default(value='sk')) }}</h1>
    <p class="term-sub">// session: {{ admin.email }}</p>
  </div>
  <div class="term-cmd-actions">
-    <a href="/" class="btn btn-outline btn-sm">[ view site ]</a>
+    <a href="/" class="btn btn-outline btn-sm">[ {{ t(key="view-site", lang=lang | default(value='sk')) }} ]</a>
  </div>
 </header>

@@ -30,13 +30,13 @@
        <span class="term-dot r"></span><span class="term-dot y"></span><span class="term-dot g"></span>
      </span>
      <span class="term-head-name">/admin/blog</span>
-      <span class="term-head-meta term-tag">content</span>
+      <span class="term-head-meta term-tag">{{ t(key="manage", lang=lang | default(value='sk')) }}</span>
    </div>
    <div class="card-body">
-      <h2 class="card-title text-base">blog</h2>
-      <p class="text-sm opacity-70">create and update blog articles.</p>
+      <h2 class="card-title text-base">{{ t(key="blog-title", lang=lang | default(value='sk')) }}</h2>
+      <p class="text-sm opacity-70">{{ t(key="admin-blog-desc", lang=lang | default(value='sk')) }}</p>
      <div class="pt-2">
-        <a href="/admin/blog/articles" class="btn btn-primary btn-sm">[ manage → ]</a>
+        <a href="/admin/blog/articles" class="btn btn-primary btn-sm">[ {{ t(key="blog-manage", lang=lang | default(value='sk')) }} → ]</a>
      </div>
    </div>
  </article>
@@ -47,13 +47,13 @@
        <span class="term-dot r"></span><span class="term-dot y"></span><span class="term-dot g"></span>
      </span>
      <span class="term-head-name">/admin/about</span>
-      <span class="term-head-meta term-tag is-blue">page</span>
+      <span class="term-head-meta term-tag is-blue">{{ t(key="single", lang=lang | default(value='sk')) }}</span>
    </div>
    <div class="card-body">
-      <h2 class="card-title text-base">about page</h2>
-      <p class="text-sm opacity-70">edit the public about page content.</p>
+      <h2 class="card-title text-base">{{ t(key="about-sub", lang=lang | default(value='sk')) }}</h2>
+      <p class="text-sm opacity-70">{{ t(key="admin-about-desc", lang=lang | default(value='sk')) }}</p>
      <div class="pt-2">
-        <a href="/admin/about" class="btn btn-primary btn-sm">[ edit → ]</a>
+        <a href="/admin/about" class="btn btn-primary btn-sm">[ {{ t(key="edit", lang=lang | default(value='sk')) }} → ]</a>
      </div>
    </div>
  </article>
@@ -64,13 +64,13 @@
        <span class="term-dot r"></span><span class="term-dot y"></span><span class="term-dot g"></span>
      </span>
      <span class="term-head-name">/admin/audio</span>
-      <span class="term-head-meta term-tag is-purple">media</span>
+      <span class="term-head-meta term-tag is-purple">{{ t(key="album", lang=lang | default(value='sk')) }}</span>
    </div>
    <div class="card-body">
-      <h2 class="card-title text-base">audio</h2>
-      <p class="text-sm opacity-70">upload songs, then group them into albums.</p>
+      <h2 class="card-title text-base">{{ t(key="audio-title", lang=lang | default(value='sk')) }}</h2>
+      <p class="text-sm opacity-70">{{ t(key="admin-audio-desc", lang=lang | default(value='sk')) }}</p>
      <div class="pt-2">
-        <a href="/admin/audio/albums" class="btn btn-primary btn-sm">[ manage → ]</a>
+        <a href="/admin/audio/albums" class="btn btn-primary btn-sm">[ {{ t(key="manage", lang=lang | default(value='sk')) }} → ]</a>
      </div>
    </div>
  </article>
@@ -81,13 +81,13 @@
        <span class="term-dot r"></span><span class="term-dot y"></span><span class="term-dot g"></span>
      </span>
      <span class="term-head-name">/admin/images</span>
-      <span class="term-head-meta term-tag is-green">uploads</span>
+      <span class="term-head-meta term-tag is-green">{{ t(key="admin-images", lang=lang | default(value='sk')) }}</span>
    </div>
    <div class="card-body">
-      <h2 class="card-title text-base">images</h2>
-      <p class="text-sm opacity-70">upload images for covers and articles.</p>
+      <h2 class="card-title text-base">{{ t(key="admin-images", lang=lang | default(value='sk')) }}</h2>
+      <p class="text-sm opacity-70">{{ t(key="admin-images-desc", lang=lang | default(value='sk')) }}</p>
      <div class="pt-2">
-        <a href="/admin/images" class="btn btn-primary btn-sm">[ upload → ]</a>
+        <a href="/admin/images" class="btn btn-primary btn-sm">[ {{ t(key="open", lang=lang | default(value='sk')) }} → ]</a>
      </div>
    </div>
  </article>
--- a/assets/views/admin/login.html
+++ b/assets/views/admin/login.html
@@ -1,6 +1,6 @@
 {% extends "base.html" %}

-{% block title %}Admin login{% endblock title %}
+{% block title %}{{ t(key="login-title", lang=lang | default(value='sk')) }}{% endblock title %}
 {% block crumb %}admin/login{% endblock crumb %}

 {% block content %}
@@ -15,24 +15,24 @@
    </div>
    <div class="card-body">
      <p class="term-cmd-line">
-        <span class="t-dim">universal-web login:</span> <span class="t-red">root</span>
+        <span class="t-dim">universal-web login:</span> <span class="t-red">{{ t(key="login-root", lang=lang | default(value='sk')) }}</span>
      </p>
-      <h1 class="term-title">authenticate</h1>
+      <h1 class="term-title">{{ t(key="login-auth", lang=lang | default(value='sk')) }}</h1>
      {% if error %}
      <div class="alert alert-error mt-2">
-        <span>✗ access denied — invalid email or password.</span>
+        <span>✗ {{ t(key="login-error", lang=lang | default(value='sk')) }}</span>
      </div>
      {% endif %}
      <form method="post" action="/admin/login" hx-boost="false" class="space-y-2">
        <div class="form-control">
-          <label class="label"><span class="label-text t-green">email:</span></label>
+          <label class="label"><span class="label-text t-green">{{ t(key="login-email", lang=lang | default(value='sk')) }}:</span></label>
          <input type="email" name="email" required autofocus class="input input-bordered w-full">
        </div>
        <div class="form-control">
-          <label class="label"><span class="label-text t-green">password:</span></label>
+          <label class="label"><span class="label-text t-green">{{ t(key="login-password", lang=lang | default(value='sk')) }}:</span></label>
          <input type="password" name="password" required class="input input-bordered w-full">
        </div>
-        <button class="btn btn-primary mt-2 w-full">[ authenticate ]</button>
+        <button class="btn btn-primary mt-2 w-full">[ {{ t(key="login-auth", lang=lang | default(value='sk')) }} ]</button>
      </form>
    </div>
  </div>
--- a/assets/views/audio/album.html
+++ b/assets/views/audio/album.html
@@ -13,15 +13,15 @@
    </p>
    <h1 class="term-title">{{ album.title }}</h1>
    {% if album.artist %}
-    <p class="term-sub">// by {{ album.artist }}</p>
+    <p class="term-sub">// {{ t(key="album-by", lang=lang | default(value='sk')) }} {{ album.artist }}</p>
    {% endif %}
  </div>
  <div class="term-cmd-actions">
    {% if tracks | length > 0 %}
    <button type="button" class="uw-play-album btn btn-primary btn-sm"
-      data-tracks-from="#uw-album-tracks">&#9654; play album</button>
+      data-tracks-from="#uw-album-tracks">{{ t(key="album-play-full", lang=lang | default(value='sk')) }}</button>
    {% endif %}
-    <a href="/audio/albums" class="btn btn-outline btn-sm">[ cd .. ]</a>
+    <a href="/audio/albums" class="btn btn-outline btn-sm">[ {{ t(key="cd-up", lang=lang | default(value='sk')) }} ]</a>
  </div>
 </header>

@@ -65,8 +65,8 @@
    {% if tracks | length > 0 %}
      <div class="term-track-bar">
        <button type="button" class="uw-play-album btn btn-primary btn-sm"
-          data-tracks-from="#uw-album-tracks">&#9654; play album</button>
-        <span class="term-track-name t-dim">// queue all {{ tracks | length }} tracks</span>
+          data-tracks-from="#uw-album-tracks">{{ t(key="album-play-full", lang=lang | default(value='sk')) }}</button>
+        <span class="term-track-name t-dim">// {{ t(key="album-queue-all", lang=lang | default(value='sk')) }}</span>
      </div>
      {% for track in tracks %}
      <div class="term-track">
@@ -79,7 +79,7 @@
      </div>
      {% endfor %}
    {% else %}
-      <p class="term-empty-cmd">$ ls → no tracks yet</p>
+      <p class="term-empty-cmd">{{ t(key="album-no-tracks", lang=lang | default(value='sk')) }}</p>
    {% endif %}
  </div>
 </div>
@@ -88,15 +88,15 @@
  <div>
    <h1 class="term-title">{{ album.title }}</h1>
    {% if album.artist %}
-    <p class="term-sub">by {{ album.artist }}</p>
+    <p class="term-sub">{{ t(key="album-by", lang=lang | default(value='sk')) }} {{ album.artist }}</p>
    {% endif %}
  </div>
  <div class="term-cmd-actions">
    {% if tracks | length > 0 %}
    <button type="button" class="uw-play-album btn btn-primary btn-sm"
-      data-tracks-from="#uw-album-tracks">play album</button>
+      data-tracks-from="#uw-album-tracks">{{ t(key="album-play-full", lang=lang | default(value='sk')) }}</button>
    {% endif %}
-    <a href="/audio/albums" class="btn btn-outline btn-sm">[ cd .. ]</a>
+    <a href="/audio/albums" class="btn btn-outline btn-sm">[ {{ t(key="cd-up", lang=lang | default(value='sk')) }} ]</a>
  </div>
 </header>

@@ -131,13 +131,13 @@
    {% if tracks | length > 0 %}
      <div class="term-track-bar">
        <button type="button" class="uw-play-album btn btn-primary btn-sm"
-          data-tracks-from="#uw-album-tracks">play full album</button>
-        <span class="term-track-name t-dim">// play every track in order</span>
+          data-tracks-from="#uw-album-tracks">{{ t(key="album-play-full", lang=lang | default(value='sk')) }}</button>
+        <span class="term-track-name t-dim">// {{ t(key="album-queue-all", lang=lang | default(value='sk')) }}</span>
      </div>
      {% for track in tracks %}
      <div class="term-track">
        <button type="button" class="uw-play btn btn-primary btn-sm"
-          data-src="/audio/tracks/{{ track.id }}/stream" data-title="{{ track.title }}">play</button>
+          data-src="/audio/tracks/{{ track.id }}/stream" data-title="{{ track.title }}">{{ t(key="audio-play", lang=lang | default(value='sk')) }}</button>
        <span class="term-track-name">
          <span class="t-dim">{% if track.track_number %}{{ track.track_number }}{% else %}-{% endif %}</span>
          <span class="t-green">▸</span> {{ track.title }}
@@ -145,7 +145,7 @@
      </div>
      {% endfor %}
    {% else %}
-      <p class="term-empty-cmd">$ ls → no tracks yet</p>
+      <p class="term-empty-cmd">{{ t(key="album-no-tracks", lang=lang | default(value='sk')) }}</p>
    {% endif %}
  </div>
 </div>
--- a/assets/views/audio/albums.html
+++ b/assets/views/audio/albums.html
@@ -1,6 +1,6 @@
 {% extends "base.html" %}

-{% block title %}Audio{% endblock title %}
+{% block title %}{{ t(key="audio-title", lang=lang | default(value='sk')) }}{% endblock title %}
 {% block crumb %}audio{% endblock crumb %}

 {% block content %}
@@ -11,11 +11,11 @@
      <span class="t-green">visitor@universal-web</span><span class="t-dim">:</span><span class="t-blue">~/audio</span><span class="t-dim">$</span>
      ls -d */
    </p>
-    <h1 class="term-title">audio</h1>
-    <p class="term-sub">// {{ albums | length }} published album(s).</p>
+    <h1 class="term-title">{{ t(key="audio-title", lang=lang | default(value='sk')) }}</h1>
+    <p class="term-sub">// {{ albums | length }} {{ t(key="audio-sub", lang=lang | default(value='sk')) }}</p>
  </div>
  <div class="term-cmd-actions">
-    <a href="/audio/tracks" class="btn btn-outline btn-sm">[ all songs ]</a>
+    <a href="/audio/tracks" class="btn btn-outline btn-sm">[ {{ t(key="audio-all-songs", lang=lang | default(value='sk')) }} ]</a>
  </div>
 </header>

@@ -28,7 +28,7 @@
            <span class="term-dot r"></span><span class="term-dot y"></span><span class="term-dot g"></span>
          </span>
          <span class="term-head-name">~/audio/{{ album.slug }}/</span>
-          <span class="term-head-meta term-tag is-purple">album</span>
+          <span class="term-head-meta term-tag is-purple">{{ t(key="album", lang=lang | default(value='sk')) }}</span>
        </div>
        <div class="card-body">
          {% if album.cover_image_id %}
@@ -43,8 +43,8 @@
          {% endif %}
          <div class="flex flex-wrap gap-2 pt-2">
            <button type="button" class="uw-play-album-remote btn btn-primary btn-sm"
-              data-album-tracks-url="/audio/albums/{{ album.slug }}/tracks">&#9654; play</button>
-            <a href="/audio/albums/{{ album.slug }}" class="btn btn-outline btn-sm">[ open → ]</a>
+              data-album-tracks-url="/audio/albums/{{ album.slug }}/tracks">{{ t(key="audio-play", lang=lang | default(value='sk')) }}</button>
+            <a href="/audio/albums/{{ album.slug }}" class="btn btn-outline btn-sm">{{ t(key="audio-open", lang=lang | default(value='sk')) }}</a>
          </div>
        </div>
      </article>
@@ -52,18 +52,17 @@
  </div>
 {% else %}
  <div class="term-empty">
-    <p class="font-medium">no published albums yet</p>
-    <p class="term-empty-cmd">$ ls ~/audio → 0 results</p>
+    <p class="font-medium">{{ t(key="audio-no-albums", lang=lang | default(value='sk')) }}</p>
  </div>
 {% endif %}
 {% else %}
 <header class="term-cmd">
  <div>
-    <h1 class="term-title">audio</h1>
-    <p class="term-sub">{{ albums | length }} published album(s).</p>
+    <h1 class="term-title">{{ t(key="audio-title", lang=lang | default(value='sk')) }}</h1>
+    <p class="term-sub">{{ albums | length }} {{ t(key="audio-sub", lang=lang | default(value='sk')) }}</p>
  </div>
  <div class="term-cmd-actions">
-    <a href="/audio/tracks" class="btn btn-outline btn-sm">[ all songs ]</a>
+    <a href="/audio/tracks" class="btn btn-outline btn-sm">[ {{ t(key="audio-all-songs", lang=lang | default(value='sk')) }} ]</a>
  </div>
 </header>

@@ -73,7 +72,7 @@
      <article class="card">
        <div class="term-head">
          <span class="term-head-name">~/audio/{{ album.slug }}/</span>
-          <span class="term-head-meta term-tag is-purple">album</span>
+          <span class="term-head-meta term-tag is-purple">{{ t(key="album", lang=lang | default(value='sk')) }}</span>
        </div>
        <div class="card-body">
          {% if album.cover_image_id %}
@@ -88,8 +87,8 @@
          {% endif %}
          <div class="flex flex-wrap gap-2 pt-2">
            <button type="button" class="uw-play-album-remote btn btn-primary btn-sm"
-              data-album-tracks-url="/audio/albums/{{ album.slug }}/tracks">play</button>
-            <a href="/audio/albums/{{ album.slug }}" class="btn btn-outline btn-sm">open</a>
+              data-album-tracks-url="/audio/albums/{{ album.slug }}/tracks">{{ t(key="audio-play", lang=lang | default(value='sk')) }}</button>
+            <a href="/audio/albums/{{ album.slug }}" class="btn btn-outline btn-sm">{{ t(key="audio-open", lang=lang | default(value='sk')) }}</a>
          </div>
        </div>
      </article>
@@ -97,7 +96,7 @@
  </div>
 {% else %}
  <div class="term-empty">
-    <p class="font-medium">no published albums yet</p>
+    <p class="font-medium">{{ t(key="audio-no-albums", lang=lang | default(value='sk')) }}</p>
  </div>
 {% endif %}
 {% endif %}
--- a/assets/views/audio/tracks.html
+++ b/assets/views/audio/tracks.html
@@ -1,6 +1,6 @@
 {% extends "base.html" %}

-{% block title %}Songs{% endblock title %}
+{% block title %}{{ t(key="songs-title", lang=lang | default(value='sk')) }}{% endblock title %}
 {% block crumb %}audio/tracks{% endblock crumb %}

 {% block content %}
@@ -11,15 +11,15 @@
      <span class="t-green">visitor@universal-web</span><span class="t-dim">:</span><span class="t-blue">~/audio</span><span class="t-dim">$</span>
      find . -name '*.mp3'
    </p>
-    <h1 class="term-title">songs</h1>
-    <p class="term-sub">// {{ tracks | length }} track(s) across every album.</p>
+    <h1 class="term-title">{{ t(key="songs-title", lang=lang | default(value='sk')) }}</h1>
+    <p class="term-sub">// {{ tracks | length }} {{ t(key="songs-sub", lang=lang | default(value='sk')) }}</p>
  </div>
  <div class="term-cmd-actions">
    {% if tracks | length > 0 %}
    <button type="button" class="uw-play-album btn btn-primary btn-sm"
-      data-tracks-from="#uw-songs-list">&#9654; play all</button>
+      data-tracks-from="#uw-songs-list">{{ t(key="songs-play-all", lang=lang | default(value='sk')) }}</button>
    {% endif %}
-    <a href="/audio/albums" class="btn btn-outline btn-sm">[ albums ]</a>
+    <a href="/audio/albums" class="btn btn-outline btn-sm">[ {{ t(key="songs-albums", lang=lang | default(value='sk')) }} ]</a>
  </div>
 </header>

@@ -36,27 +36,27 @@
      {% for track in tracks %}
      <div class="term-track">
        <button type="button" class="uw-play btn btn-primary btn-sm"
-          data-src="/audio/tracks/{{ track.id }}/stream" data-title="{{ track.title }}">&#9654; play</button>
+          data-src="/audio/tracks/{{ track.id }}/stream" data-title="{{ track.title }}">{{ t(key="audio-play", lang=lang | default(value='sk')) }}</button>
        <span class="term-track-name"><span class="t-green">▸</span> {{ track.title }}</span>
      </div>
      {% endfor %}
    {% else %}
-      <p class="term-empty-cmd">$ find ~/audio -name '*.mp3' → 0 results</p>
+      <p class="term-empty-cmd">{{ t(key="songs-no-tracks", lang=lang | default(value='sk')) }}</p>
    {% endif %}
  </div>
 </div>
 {% else %}
 <header class="term-cmd">
  <div>
-    <h1 class="term-title">songs</h1>
-    <p class="term-sub">{{ tracks | length }} track(s) across every album.</p>
+    <h1 class="term-title">{{ t(key="songs-title", lang=lang | default(value='sk')) }}</h1>
+    <p class="term-sub">{{ tracks | length }} {{ t(key="songs-sub", lang=lang | default(value='sk')) }}</p>
  </div>
  <div class="term-cmd-actions">
    {% if tracks | length > 0 %}
    <button type="button" class="uw-play-album btn btn-primary btn-sm"
-      data-tracks-from="#uw-songs-list">play all</button>
+      data-tracks-from="#uw-songs-list">{{ t(key="songs-play-all", lang=lang | default(value='sk')) }}</button>
    {% endif %}
-    <a href="/audio/albums" class="btn btn-outline btn-sm">[ albums ]</a>
+    <a href="/audio/albums" class="btn btn-outline btn-sm">[ {{ t(key="songs-albums", lang=lang | default(value='sk')) }} ]</a>
  </div>
 </header>

@@ -70,12 +70,12 @@
      {% for track in tracks %}
      <div class="term-track">
        <button type="button" class="uw-play btn btn-primary btn-sm"
-          data-src="/audio/tracks/{{ track.id }}/stream" data-title="{{ track.title }}">play</button>
+          data-src="/audio/tracks/{{ track.id }}/stream" data-title="{{ track.title }}">{{ t(key="audio-play", lang=lang | default(value='sk')) }}</button>
        <span class="term-track-name">{{ track.title }}</span>
      </div>
      {% endfor %}
    {% else %}
-      <p class="term-empty-cmd">no tracks yet</p>
+      <p class="term-empty-cmd">{{ t(key="songs-no-tracks", lang=lang | default(value='sk')) }}</p>
    {% endif %}
  </div>
 </div>
--- a/assets/views/base.html
+++ b/assets/views/base.html
@@ -1,9 +1,9 @@
 <!doctype html>
-<html lang="en" data-theme="dark">
+<html lang="{{ lang | default(value='sk') }}" data-theme="dark">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>{% block title %}Universal Web{% endblock title %}</title>
+    <title>{% block title %}{{ t(key="brand", lang=lang | default(value='sk')) }}{% endblock title %}</title>
    <script>
      function applyTheme(t) {
        var dark = t === 'dark'
@@ -258,28 +258,28 @@
          <span class="t-green">root</span><span class="t-dim">@universal-web</span><span class="t-dim">:~$</span>
        </a>
        {% else %}
-        <a href="/" class="term-brand"><span class="t-green">universal-web</span></a>
+        <a href="/" class="term-brand">{{ t(key="brand", lang=lang | default(value='sk')) }}</a>
        {% endif %}
        <ul class="nav-menu term-navlinks menu menu-sm hidden items-center md:flex">
-          <li><a href="/" data-nav="/">home</a></li>
-          <li><a href="/about" data-nav="/about">about</a></li>
-          <li><a href="/blog" data-nav="/blog">blog</a></li>
-          <li><a href="/audio/albums" data-nav="/audio/albums">audio</a></li>
-          <li><a href="/audio/tracks" data-nav="/audio/tracks">songs</a></li>
+          <li><a href="/" data-nav="/">{{ t(key="nav-home", lang=lang | default(value='sk')) }}</a></li>
+          <li><a href="/about" data-nav="/about">{{ t(key="nav-about", lang=lang | default(value='sk')) }}</a></li>
+          <li><a href="/blog" data-nav="/blog">{{ t(key="nav-blog", lang=lang | default(value='sk')) }}</a></li>
+          <li><a href="/audio/albums" data-nav="/audio/albums">{{ t(key="nav-audio", lang=lang | default(value='sk')) }}</a></li>
+          <li><a href="/audio/tracks" data-nav="/audio/tracks">{{ t(key="nav-songs", lang=lang | default(value='sk')) }}</a></li>
          {% if logged_in_admin %}
-          <li><a href="/admin/dashboard" class="t-yellow" data-nav="/admin">admin</a></li>
+          <li><a href="/admin/dashboard" class="t-yellow" data-nav="/admin">{{ t(key="admin-title", lang=lang | default(value='sk')) }}</a></li>
          <li>
            <form method="post" action="/admin/logout" hx-boost="false">
-              <button type="submit" class="t-red w-full">logout</button>
+              <button type="submit" class="t-red w-full">{{ t(key="logout", lang=lang | default(value='sk')) }}</button>
            </form>
          </li>
          {% else %}
-          <li><a href="/admin/login" data-nav="/admin/login">login</a></li>
+          <li><a href="/admin/login" data-nav="/admin/login">{{ t(key="nav-admin", lang=lang | default(value='sk')) }}</a></li>
          {% endif %}
        </ul>
        <div class="term-nav-right">
          <div class="dropdown dropdown-end md:hidden">
-            <div tabindex="0" role="button" class="btn btn-ghost btn-sm btn-circle" aria-label="Menu">
+            <div tabindex="0" role="button" class="btn btn-ghost btn-sm btn-circle" aria-label="{{ t(key='menu', lang=lang | default(value='sk')) }}">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                stroke="currentColor" class="h-5 w-5">
                <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
@@ -287,25 +287,25 @@
            </div>
            <ul tabindex="0"
              class="menu dropdown-content z-50 mt-3 w-52 border border-base-300 bg-base-200 p-2 shadow-lg">
-              <li><a href="/">home</a></li>
-              <li><a href="/about">about</a></li>
-              <li><a href="/blog">blog</a></li>
-              <li><a href="/audio/albums">audio</a></li>
-              <li><a href="/audio/tracks">songs</a></li>
+              <li><a href="/">{{ t(key="nav-home", lang=lang | default(value='sk')) }}</a></li>
+              <li><a href="/about">{{ t(key="nav-about", lang=lang | default(value='sk')) }}</a></li>
+              <li><a href="/blog">{{ t(key="nav-blog", lang=lang | default(value='sk')) }}</a></li>
+              <li><a href="/audio/albums">{{ t(key="nav-audio", lang=lang | default(value='sk')) }}</a></li>
+              <li><a href="/audio/tracks">{{ t(key="nav-songs", lang=lang | default(value='sk')) }}</a></li>
              {% if logged_in_admin %}
-              <li><a href="/admin/dashboard" class="t-yellow">admin</a></li>
+              <li><a href="/admin/dashboard" class="t-yellow">{{ t(key="admin-title", lang=lang | default(value='sk')) }}</a></li>
              <li>
                <form method="post" action="/admin/logout">
-                  <button type="submit" class="t-red w-full">logout</button>
+                  <button type="submit" class="t-red w-full">{{ t(key="logout", lang=lang | default(value='sk')) }}</button>
                </form>
              </li>
              {% else %}
-              <li><a href="/admin/login">login</a></li>
+              <li><a href="/admin/login">{{ t(key="nav-admin", lang=lang | default(value='sk')) }}</a></li>
              {% endif %}
            </ul>
          </div>
          <div class="dropdown dropdown-end">
-            <div tabindex="0" role="button" class="btn btn-ghost btn-sm btn-circle" aria-label="Settings" title="Settings">
+            <div tabindex="0" role="button" class="btn btn-ghost btn-sm btn-circle" aria-label="{{ t(key='settings', lang=lang | default(value='sk')) }}" title="{{ t(key='settings', lang=lang | default(value='sk')) }}">
              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
                stroke="currentColor" class="h-5 w-5">
                <path stroke-linecap="round" stroke-linejoin="round"
@@ -314,10 +314,31 @@
              </svg>
            </div>
            <ul tabindex="0" class="menu dropdown-content z-50 mt-3 w-56 border border-base-300 bg-base-200 p-2 shadow-lg">
-              <li class="menu-title">:set theme</li>
-              <li><button type="button" data-theme-opt="system" onclick="setTheme('system')">system <span class="opt-check ml-auto hidden">✓</span></button></li>
-              <li><button type="button" data-theme-opt="light" onclick="setTheme('light')">light <span class="opt-check ml-auto hidden">✓</span></button></li>
-              <li><button type="button" data-theme-opt="dark" onclick="setTheme('dark')">dark <span class="opt-check ml-auto hidden">✓</span></button></li>
+              <li class="menu-title">{{ t(key="settings-language", lang=lang | default(value='sk')) }}</li>
+              <li>
+                <form method="post" action="/lang" hx-boost="false">
+                  <button type="submit" name="lang" value="en" class="btn btn-ghost btn-sm w-full justify-start">
+                    <span>English</span>
+                    {% if lang | default(value='sk') == 'en' %}
+                    <span class="ml-auto">✓</span>
+                    {% endif %}
+                  </button>
+                </form>
+              </li>
+              <li>
+                <form method="post" action="/lang" hx-boost="false">
+                  <button type="submit" name="lang" value="sk" class="btn btn-ghost btn-sm w-full justify-start">
+                    <span>Slovenčina</span>
+                    {% if lang | default(value='sk') == 'sk' %}
+                    <span class="ml-auto">✓</span>
+                    {% endif %}
+                  </button>
+                </form>
+              </li>
+              <li class="menu-title">{{ t(key="settings-theme", lang=lang | default(value='sk')) }}</li>
+              <li><button type="button" data-theme-opt="system" onclick="setTheme('system')">{{ t(key="theme-system", lang=lang | default(value='sk')) }} <span class="opt-check ml-auto hidden">✓</span></button></li>
+              <li><button type="button" data-theme-opt="light" onclick="setTheme('light')">{{ t(key="theme-light", lang=lang | default(value='sk')) }} <span class="opt-check ml-auto hidden">✓</span></button></li>
+              <li><button type="button" data-theme-opt="dark" onclick="setTheme('dark')">{{ t(key="theme-dark", lang=lang | default(value='sk')) }} <span class="opt-check ml-auto hidden">✓</span></button></li>
            </ul>
          </div>
        </div>
@@ -329,7 +350,7 @@
    </main>
    {% if logged_in_admin %}
    <footer class="term-statusline">
-      <span class="term-seg is-mode">ADMIN</span>
+      <span class="term-seg is-mode">{{ t(key="admin-title", lang=lang | default(value='sk')) }}</span>
      <span class="term-seg">universal-web</span>
      <span class="term-seg is-fill">~/{% block crumb %}{% endblock crumb %}</span>
      <span class="term-seg">utf-8</span>
--- a/assets/views/blog/index.html
+++ b/assets/views/blog/index.html
@@ -1,6 +1,6 @@
 {% extends "base.html" %}

-{% block title %}Blog{% endblock title %}
+{% block title %}{{ t(key="blog-title", lang=lang | default(value='sk')) }}{% endblock title %}
 {% block crumb %}blog{% endblock crumb %}

 {% block content %}
@@ -11,11 +11,11 @@
      <span class="t-green">visitor@universal-web</span><span class="t-dim">:</span><span class="t-blue">~/blog</span><span class="t-dim">$</span>
      ls -la
    </p>
-    <h1 class="term-title">blog</h1>
-    <p class="term-sub">// {{ articles | length }} published article(s).</p>
+    <h1 class="term-title">{{ t(key="blog-title", lang=lang | default(value='sk')) }}</h1>
+    <p class="term-sub">// {{ articles | length }} {{ t(key="blog-sub", lang=lang | default(value='sk')) }}</p>
  </div>
  <div class="term-cmd-actions">
-    <a href="/admin/blog/articles" class="btn btn-outline btn-sm">[ manage ]</a>
+    <a href="/admin/blog/articles" class="btn btn-outline btn-sm">[ {{ t(key="blog-manage", lang=lang | default(value='sk')) }} ]</a>
  </div>
 </header>

@@ -28,7 +28,7 @@
            <span class="term-dot r"></span><span class="term-dot y"></span><span class="term-dot g"></span>
          </span>
          <span class="term-head-name">~/blog/{{ article.slug }}.txt</span>
-          <span class="term-head-meta term-tag">post</span>
+          <span class="term-head-meta term-tag">{{ t(key="post", lang=lang | default(value='sk')) }}</span>
        </div>
        <div class="card-body">
          <h2 class="card-title text-base">
@@ -38,7 +38,7 @@
          <p class="term-prose text-sm opacity-80">{{ article.excerpt }}</p>
          {% endif %}
          <div class="pt-2">
-            <a href="/blog/{{ article.slug }}" class="btn btn-primary btn-sm">[ cat → ]</a>
+            <a href="/blog/{{ article.slug }}" class="btn btn-primary btn-sm">{{ t(key="blog-read", lang=lang | default(value='sk')) }}</a>
          </div>
        </div>
      </article>
@@ -46,15 +46,14 @@
  </div>
 {% else %}
  <div class="term-empty">
-    <p class="font-medium">no published posts yet</p>
-    <p class="term-empty-cmd">$ ls ~/blog → 0 results</p>
+    <p class="font-medium">{{ t(key="blog-no-posts", lang=lang | default(value='sk')) }}</p>
  </div>
 {% endif %}
 {% else %}
 <header class="term-cmd">
  <div>
-    <h1 class="term-title">blog</h1>
-    <p class="term-sub">{{ articles | length }} published article(s).</p>
+    <h1 class="term-title">{{ t(key="blog-title", lang=lang | default(value='sk')) }}</h1>
+    <p class="term-sub">{{ articles | length }} {{ t(key="blog-sub", lang=lang | default(value='sk')) }}</p>
  </div>
 </header>

@@ -64,7 +63,7 @@
      <article class="card">
        <div class="term-head">
          <span class="term-head-name">~/blog/{{ article.slug }}.txt</span>
-          <span class="term-head-meta term-tag">post</span>
+          <span class="term-head-meta term-tag">{{ t(key="post", lang=lang | default(value='sk')) }}</span>
        </div>
        <div class="card-body">
          <h2 class="card-title text-base">
@@ -74,7 +73,7 @@
          <p class="term-prose text-sm opacity-80">{{ article.excerpt }}</p>
          {% endif %}
          <div class="pt-2">
-            <a href="/blog/{{ article.slug }}" class="btn btn-primary btn-sm">read</a>
+            <a href="/blog/{{ article.slug }}" class="btn btn-primary btn-sm">{{ t(key="blog-read", lang=lang | default(value='sk')) }}</a>
          </div>
        </div>
      </article>
@@ -82,7 +81,7 @@
  </div>
 {% else %}
  <div class="term-empty">
-    <p class="font-medium">no published posts yet</p>
+    <p class="font-medium">{{ t(key="blog-no-posts", lang=lang | default(value='sk')) }}</p>
  </div>
 {% endif %}
 {% endif %}
--- a/assets/views/blog/show.html
+++ b/assets/views/blog/show.html
@@ -12,10 +12,10 @@
      cat {{ article.slug }}.txt
    </p>
    <h1 class="term-title">{{ article.title }}</h1>
-    <p class="term-sub">// {{ article.view_count }} view(s) logged.</p>
+    <p class="term-sub">// {{ article.view_count }} {{ t(key="blog-views", lang=lang | default(value='sk')) }}</p>
  </div>
  <div class="term-cmd-actions">
-    <a href="/blog" class="btn btn-outline btn-sm">[ cd .. ]</a>
+    <a href="/blog" class="btn btn-outline btn-sm">[ {{ t(key="cd-up", lang=lang | default(value='sk')) }} ]</a>
  </div>
 </header>

@@ -25,7 +25,7 @@
      <span class="term-dot r"></span><span class="term-dot y"></span><span class="term-dot g"></span>
    </span>
    <span class="term-head-name">~/blog/{{ article.slug }}.txt</span>
-    <span class="term-head-meta term-tag is-blue">readonly</span>
+    <span class="term-head-meta term-tag is-blue">{{ t(key="readonly", lang=lang | default(value='sk')) }}</span>
  </div>
  <div class="card-body">
    {% if article.excerpt %}
@@ -39,17 +39,17 @@
 <header class="term-cmd">
  <div>
    <h1 class="term-title">{{ article.title }}</h1>
-    <p class="term-sub">{{ article.view_count }} view(s) logged.</p>
+    <p class="term-sub">{{ article.view_count }} {{ t(key="blog-views", lang=lang | default(value='sk')) }}</p>
  </div>
  <div class="term-cmd-actions">
-    <a href="/blog" class="btn btn-outline btn-sm">[ cd .. ]</a>
+    <a href="/blog" class="btn btn-outline btn-sm">[ {{ t(key="cd-up", lang=lang | default(value='sk')) }} ]</a>
  </div>
 </header>

 <article class="card">
  <div class="term-head">
    <span class="term-head-name">~/blog/{{ article.slug }}.txt</span>
-    <span class="term-head-meta term-tag is-blue">readonly</span>
+    <span class="term-head-meta term-tag is-blue">{{ t(key="readonly", lang=lang | default(value='sk')) }}</span>
  </div>
  <div class="card-body">
    {% if article.excerpt %}
--- a/assets/views/home/hello.html
+++ b/assets/views/home/hello.html
@@ -4,9 +4,9 @@
  find this tera template at <code>assets/views/home/hello.html</code>: 
  <br/>
  <br/>
-  {{ t(key="hello-world", lang="en-US") }}, 
+  {{ t(key="hello-world", lang="sk") }}, 
  <br/>
-  {{ t(key="hello-world", lang="de-DE") }}
+  {{ t(key="hello-world", lang="en") }}
  
 </body></html>
  
--- a/assets/views/home/index.html
+++ b/assets/views/home/index.html
@@ -1,6 +1,6 @@
 {% extends "base.html" %}

-{% block title %}Home{% endblock title %}
+{% block title %}{{ t(key="home-title", lang=lang | default(value='sk')) }}{% endblock title %}
 {% block crumb %}{% endblock crumb %}

 {% block content %}
@@ -11,23 +11,23 @@
      <span class="t-green">visitor@universal-web</span><span class="t-dim">:</span><span class="t-blue">~</span><span class="t-dim">$</span>
      ls -la
    </p>
-    <h1 class="term-title">home</h1>
-    <p class="term-sub">// latest news and updates.</p>
+    <h1 class="term-title">{{ t(key="home-title", lang=lang | default(value='sk')) }}</h1>
+    <p class="term-sub">// {{ t(key="home-sub", lang=lang | default(value='sk')) }}</p>
  </div>
  <div class="term-cmd-actions">
-    <a href="/blog" class="btn btn-outline btn-sm">[ all posts ]</a>
+    <a href="/blog" class="btn btn-outline btn-sm">[ {{ t(key="home-all-posts", lang=lang | default(value='sk')) }} ]</a>
  </div>
 </header>

 <div class="term-screen mb-6">
  <p class="line" data-p="visitor@universal-web:~$">whoami</p>
-  <p class="line out">→ guitar player - original songs, albums and notes</p>
+  <p class="line out">→ {{ t(key="home-tagline", lang=lang | default(value='sk')) }}</p>
  <p class="line" data-p="visitor@universal-web:~$">ls ~/sections</p>
-  <p class="line out">about/   blog/   audio/   songs/</p>
+  <p class="line out">{{ t(key="home-sections", lang=lang | default(value='sk')) }}</p>
 </div>

 <section>
-  <p class="term-cmd-line mb-6"><span class="t-dim"># </span>recent posts <span class="t-dim">({{ articles | length }})</span></p>
+  <p class="term-cmd-line mb-6"><span class="t-dim"># </span>{{ t(key="home-recent", lang=lang | default(value='sk')) }} <span class="t-dim">({{ articles | length }})</span></p>
  {% if articles | length > 0 %}
    <div class="term-stack">
      {% for article in articles %}
@@ -37,7 +37,7 @@
              <span class="term-dot r"></span><span class="term-dot y"></span><span class="term-dot g"></span>
            </span>
            <span class="term-head-name">~/blog/{{ article.slug }}.txt</span>
-            <span class="term-head-meta term-tag">post</span>
+            <span class="term-head-meta term-tag">{{ t(key="post", lang=lang | default(value='sk')) }}</span>
          </div>
          <div class="card-body">
            <h2 class="card-title text-base">
@@ -47,7 +47,7 @@
            <p class="term-prose text-sm opacity-80">{{ article.excerpt }}</p>
            {% endif %}
            <div class="pt-2">
-              <a href="/blog/{{ article.slug }}" class="btn btn-primary btn-sm">[ cat → ]</a>
+              <a href="/blog/{{ article.slug }}" class="btn btn-primary btn-sm">{{ t(key="blog-read", lang=lang | default(value='sk')) }}</a>
            </div>
          </div>
        </article>
@@ -55,36 +55,35 @@
    </div>
  {% else %}
    <div class="term-empty">
-      <p class="font-medium">no published posts yet</p>
-      <p class="term-empty-cmd">$ ls ~/blog → 0 results</p>
+      <p class="font-medium">{{ t(key="home-no-posts", lang=lang | default(value='sk')) }}</p>
    </div>
  {% endif %}
 </section>
 {% else %}
 <header class="term-cmd">
  <div>
-    <h1 class="term-title">home</h1>
-    <p class="term-sub">latest news and updates.</p>
+    <h1 class="term-title">{{ t(key="home-title", lang=lang | default(value='sk')) }}</h1>
+    <p class="term-sub">{{ t(key="home-sub", lang=lang | default(value='sk')) }}</p>
  </div>
  <div class="term-cmd-actions">
-    <a href="/blog" class="btn btn-outline btn-sm">all posts</a>
+    <a href="/blog" class="btn btn-outline btn-sm">{{ t(key="home-all-posts", lang=lang | default(value='sk')) }}</a>
  </div>
 </header>

 <div class="term-screen mb-6">
-  <p class="line">guitar player - original songs, albums and notes</p>
-  <p class="line out">about/   blog/   audio/   songs/</p>
+  <p class="line">{{ t(key="home-tagline", lang=lang | default(value='sk')) }}</p>
+  <p class="line out">{{ t(key="home-sections", lang=lang | default(value='sk')) }}</p>
 </div>

 <section>
-  <p class="term-cmd-line mb-6"><span class="t-dim"># </span>recent posts <span class="t-dim">({{ articles | length }})</span></p>
+  <p class="term-cmd-line mb-6"><span class="t-dim"># </span>{{ t(key="home-recent", lang=lang | default(value='sk')) }} <span class="t-dim">({{ articles | length }})</span></p>
  {% if articles | length > 0 %}
    <div class="term-stack">
      {% for article in articles %}
        <article class="card">
          <div class="term-head">
            <span class="term-head-name">~/blog/{{ article.slug }}.txt</span>
-            <span class="term-head-meta term-tag">post</span>
+            <span class="term-head-meta term-tag">{{ t(key="post", lang=lang | default(value='sk')) }}</span>
          </div>
          <div class="card-body">
            <h2 class="card-title text-base">
@@ -94,7 +93,7 @@
            <p class="text-sm opacity-80">{{ article.excerpt }}</p>
            {% endif %}
            <div class="pt-2">
-              <a href="/blog/{{ article.slug }}" class="btn btn-primary btn-sm">cat</a>
+              <a href="/blog/{{ article.slug }}" class="btn btn-primary btn-sm">{{ t(key="blog-read", lang=lang | default(value='sk')) }}</a>
            </div>
          </div>
        </article>
@@ -102,7 +101,7 @@
    </div>
  {% else %}
    <div class="term-empty">
-      <p class="font-medium">no published posts yet</p>
+      <p class="font-medium">{{ t(key="home-no-posts", lang=lang | default(value='sk')) }}</p>
    </div>
  {% endif %}
 </section>
--- a/assets/views/pages/about.html
+++ b/assets/views/pages/about.html
@@ -12,10 +12,10 @@
      cat about.txt
    </p>
    <h1 class="term-title">{{ page.title }}</h1>
-    <p class="term-sub">// about this site.</p>
+    <p class="term-sub">// {{ t(key="about-sub", lang=lang | default(value='sk')) }}</p>
  </div>
  <div class="term-cmd-actions">
-    <a href="/admin/about" class="btn btn-outline btn-sm">[ edit ]</a>
+    <a href="/admin/about" class="btn btn-outline btn-sm">[ {{ t(key="edit", lang=lang | default(value='sk')) }} ]</a>
  </div>
 </header>

@@ -25,7 +25,7 @@
      <span class="term-dot r"></span><span class="term-dot y"></span><span class="term-dot g"></span>
    </span>
    <span class="term-head-name">~/about.txt</span>
-    <span class="term-head-meta term-tag is-blue">readonly</span>
+    <span class="term-head-meta term-tag is-blue">{{ t(key="readonly", lang=lang | default(value='sk')) }}</span>
  </div>
  <div class="card-body">
    <div class="term-prose whitespace-pre-line">{{ page.content }}</div>
@@ -35,14 +35,14 @@
 <header class="term-cmd">
  <div>
    <h1 class="term-title">{{ page.title }}</h1>
-    <p class="term-sub">about this site.</p>
+    <p class="term-sub">{{ t(key="about-sub", lang=lang | default(value='sk')) }}</p>
  </div>
 </header>

 <article class="card">
  <div class="term-head">
    <span class="term-head-name">~/about.txt</span>
-    <span class="term-head-meta term-tag is-blue">readonly</span>
+    <span class="term-head-meta term-tag is-blue">{{ t(key="readonly", lang=lang | default(value='sk')) }}</span>
  </div>
  <div class="card-body">
    <div class="term-prose whitespace-pre-line">{{ page.content }}</div>
--- a/src/app.rs
+++ b/src/app.rs
@@ -61,6 +61,7 @@ impl Hooks for App {
            .add_route(controllers::auth::routes())
            .add_route(controllers::admin::routes())
            .add_route(controllers::blog::routes())
+            .add_route(controllers::i18n::routes())
            .add_route(controllers::media::routes())
            .add_route(controllers::pages::routes())
            .add_route(controllers::frontend::routes())
--- a/src/controllers/frontend.rs
+++ b/src/controllers/frontend.rs
@@ -1,5 +1,5 @@
 use crate::{
-    controllers::{admin, auth as auth_controller},
+    controllers::{admin, auth as auth_controller, i18n::current_lang},
    models::{
        _entities::{blog_articles, site_pages},
        users::{self, LoginParams},
@@ -122,7 +122,11 @@ async fn home(
    format::view(
        &v,
        "home/index.html",
-        json!({ "articles": articles, "logged_in_admin": logged_in_admin(&ctx, &jar).await }),
+        json!({
+            "articles": articles,
+            "logged_in_admin": logged_in_admin(&ctx, &jar).await,
+            "lang": current_lang(&jar),
+        }),
    )
 }

@@ -138,6 +142,7 @@ async fn about(
        json!({
            "page": about_page(&ctx).await?,
            "logged_in_admin": logged_in_admin(&ctx, &jar).await,
+            "lang": current_lang(&jar),
        }),
    )
 }
@@ -157,7 +162,11 @@ async fn blog_index(
    format::view(
        &v,
        "blog/index.html",
-        json!({ "articles": articles, "logged_in_admin": logged_in_admin(&ctx, &jar).await }),
+        json!({
+            "articles": articles,
+            "logged_in_admin": logged_in_admin(&ctx, &jar).await,
+            "lang": current_lang(&jar),
+        }),
    )
 }

@@ -183,7 +192,11 @@ async fn blog_show(
    format::view(
        &v,
        "blog/show.html",
-        json!({ "article": article, "logged_in_admin": logged_in_admin(&ctx, &jar).await }),
+        json!({
+            "article": article,
+            "logged_in_admin": logged_in_admin(&ctx, &jar).await,
+            "lang": current_lang(&jar),
+        }),
    )
 }

@@ -200,12 +213,17 @@ async fn admin_login_page(
    format::view(
        &v,
        "admin/login.html",
-        json!({ "error": null, "logged_in_admin": false }),
+        json!({
+            "error": null,
+            "logged_in_admin": false,
+            "lang": current_lang(&jar),
+        }),
    )
 }

 #[debug_handler]
 async fn admin_login(
+    jar: CookieJar,
    ViewEngine(v): ViewEngine<TeraView>,
    State(ctx): State<AppContext>,
    Form(params): Form<LoginParams>,
@@ -214,7 +232,11 @@ async fn admin_login(
        return format::view(
            &v,
            "admin/login.html",
-            json!({ "error": "Invalid credentials", "logged_in_admin": false }),
+            json!({
+                "error": "Invalid credentials",
+                "logged_in_admin": false,
+                "lang": current_lang(&jar),
+            }),
        );
    };

@@ -222,7 +244,11 @@ async fn admin_login(
        return format::view(
            &v,
            "admin/login.html",
-            json!({ "error": "Invalid credentials", "logged_in_admin": false }),
+            json!({
+                "error": "Invalid credentials",
+                "logged_in_admin": false,
+                "lang": current_lang(&jar),
+            }),
        );
    }

@@ -246,21 +272,31 @@ async fn admin_logout() -> Result<Response> {
 #[debug_handler]
 async fn admin_home(
    auth: auth::JWT,
+    jar: CookieJar,
    ViewEngine(v): ViewEngine<TeraView>,
    State(ctx): State<AppContext>,
 ) -> Result<Response> {
    let admin_user = admin::current_admin(auth, &ctx).await?;
-    format::view(&v, "admin/index.html", json!({ "admin": admin_user }))
+    format::view(
+        &v,
+        "admin/index.html",
+        json!({ "admin": admin_user, "lang": current_lang(&jar) }),
+    )
 }

 #[debug_handler]
 async fn admin_about(
    auth: auth::JWT,
+    jar: CookieJar,
    ViewEngine(v): ViewEngine<TeraView>,
    State(ctx): State<AppContext>,
 ) -> Result<Response> {
    admin::current_admin(auth, &ctx).await?;
-    format::view(&v, "admin/about.html", json!({ "page": about_page(&ctx).await? }))
+    format::view(
+        &v,
+        "admin/about.html",
+        json!({ "page": about_page(&ctx).await?, "lang": current_lang(&jar) }),
+    )
 }

 #[debug_handler]
@@ -280,6 +316,7 @@ async fn admin_about_update(
 #[debug_handler]
 async fn admin_articles(
    auth: auth::JWT,
+    jar: CookieJar,
    ViewEngine(v): ViewEngine<TeraView>,
    State(ctx): State<AppContext>,
 ) -> Result<Response> {
@@ -288,17 +325,22 @@ async fn admin_articles(
        .order_by_desc(blog_articles::Column::CreatedAt)
        .all(&ctx.db)
        .await?;
-    format::view(&v, "admin/blog/index.html", json!({ "articles": articles }))
+    format::view(
+        &v,
+        "admin/blog/index.html",
+        json!({ "articles": articles, "lang": current_lang(&jar) }),
+    )
 }

 #[debug_handler]
 async fn admin_article_new(
    auth: auth::JWT,
+    jar: CookieJar,
    ViewEngine(v): ViewEngine<TeraView>,
    State(ctx): State<AppContext>,
 ) -> Result<Response> {
    admin::current_admin(auth, &ctx).await?;
-    format::view(&v, "admin/blog/new.html", json!({}))
+    format::view(&v, "admin/blog/new.html", json!({ "lang": current_lang(&jar) }))
 }

 #[debug_handler]
@@ -332,6 +374,7 @@ async fn admin_article_create(
 #[debug_handler]
 async fn admin_article_edit(
    auth: auth::JWT,
+    jar: CookieJar,
    ViewEngine(v): ViewEngine<TeraView>,
    Path(id): Path<Uuid>,
    State(ctx): State<AppContext>,
@@ -340,7 +383,7 @@ async fn admin_article_edit(
    format::view(
        &v,
        "admin/blog/edit.html",
-        json!({ "article": article_by_id(&ctx, id).await? }),
+        json!({ "article": article_by_id(&ctx, id).await?, "lang": current_lang(&jar) }),
    )
 }

--- a/src/controllers/i18n.rs
+++ b/src/controllers/i18n.rs
@@ -0,0 +1,60 @@
+use axum::{
+    http::{header, HeaderMap},
+    response::Redirect,
+};
+use loco_rs::prelude::*;
+use serde::Deserialize;
+
+pub const LANG_COOKIE: &str = "lang";
+
+#[derive(Debug, Deserialize)]
+pub struct LangForm {
+    pub lang: String,
+}
+
+pub fn current_lang(jar: &axum_extra::extract::cookie::CookieJar) -> String {
+    match jar.get(LANG_COOKIE).map(|cookie| cookie.value().to_string()) {
+        Some(ref lang) if lang == "en" => "en".to_string(),
+        _ => "sk".to_string(),
+    }
+}
+
+#[debug_handler]
+async fn set_lang(headers: HeaderMap, Form(form): Form<LangForm>) -> Result<Response> {
+    let lang = if form.lang == "en" { "en" } else { "sk" };
+    let cookie = format!("{LANG_COOKIE}={lang}; Path=/; Max-Age=31536000; SameSite=Lax");
+
+    Ok((
+        [(header::SET_COOKIE, cookie)],
+        Redirect::to(&back_path(&headers)),
+    )
+        .into_response())
+}
+
+fn back_path(headers: &HeaderMap) -> String {
+    let raw = headers
+        .get(header::REFERER)
+        .and_then(|value| value.to_str().ok())
+        .unwrap_or("/");
+
+    if raw.starts_with('/') {
+        return raw.to_string();
+    }
+
+    if let Some(after_scheme) = raw.split_once("://").map(|(_, rest)| rest) {
+        if let Some(path_start) = after_scheme.find('/') {
+            let path = &after_scheme[path_start..];
+            return if path.starts_with('/') {
+                path.to_string()
+            } else {
+                "/".to_string()
+            };
+        }
+    }
+
+    "/".to_string()
+}
+
+pub fn routes() -> Routes {
+    Routes::new().add("/lang", post(set_lang))
+}
--- a/src/controllers/media.rs
+++ b/src/controllers/media.rs
@@ -1,5 +1,5 @@
 use crate::{
-    controllers::{admin, auth as auth_controller},
+    controllers::{admin, auth as auth_controller, i18n::current_lang},
    models::{
        _entities::{audio_albums, audio_tracks},
        users,
@@ -439,6 +439,7 @@ async fn image_upload(auth: auth::JWT, State(ctx): State<AppContext>, multipart:
 #[debug_handler]
 async fn admin_images(
    auth: auth::JWT,
+    jar: CookieJar,
    ViewEngine(v): ViewEngine<TeraView>,
    Query(query): Query<HashMap<String, String>>,
    State(ctx): State<AppContext>,
@@ -451,6 +452,7 @@ async fn admin_images(
        json!({
            "uploaded": uploaded,
            "uploaded_url": uploaded.map(|filename| format!("/images/{filename}")),
+            "lang": current_lang(&jar),
        }),
    )
 }
@@ -507,7 +509,11 @@ async fn public_albums(
    format::view(
        &v,
        "audio/albums.html",
-        json!({ "albums": albums, "logged_in_admin": logged_in_admin(&ctx, &jar).await }),
+        json!({
+            "albums": albums,
+            "logged_in_admin": logged_in_admin(&ctx, &jar).await,
+            "lang": current_lang(&jar),
+        }),
    )
 }

@@ -544,6 +550,7 @@ async fn public_album(
            "album": album,
            "tracks": tracks,
            "logged_in_admin": logged_in_admin(&ctx, &jar).await,
+            "lang": current_lang(&jar),
        }),
    )
 }
@@ -599,13 +606,18 @@ async fn public_tracks(
    format::view(
        &v,
        "audio/tracks.html",
-        json!({ "tracks": tracks, "logged_in_admin": logged_in_admin(&ctx, &jar).await }),
+        json!({
+            "tracks": tracks,
+            "logged_in_admin": logged_in_admin(&ctx, &jar).await,
+            "lang": current_lang(&jar),
+        }),
    )
 }

 #[debug_handler]
 async fn admin_albums(
    auth: auth::JWT,
+    jar: CookieJar,
    ViewEngine(v): ViewEngine<TeraView>,
    State(ctx): State<AppContext>,
 ) -> Result<Response> {
@@ -623,12 +635,17 @@ async fn admin_albums(
        rows.push(json!({ "album": album, "track_count": track_count }));
    }

-    format::view(&v, "admin/audio/albums.html", json!({ "albums": rows }))
+    format::view(
+        &v,
+        "admin/audio/albums.html",
+        json!({ "albums": rows, "lang": current_lang(&jar) }),
+    )
 }

 #[debug_handler]
 async fn admin_tracks(
    auth: auth::JWT,
+    jar: CookieJar,
    ViewEngine(v): ViewEngine<TeraView>,
    State(ctx): State<AppContext>,
 ) -> Result<Response> {
@@ -638,18 +655,34 @@ async fn admin_tracks(
        .all(&ctx.db)
        .await?;

-    format::view(&v, "admin/audio/songs.html", json!({ "tracks": tracks }))
+    format::view(
+        &v,
+        "admin/audio/songs.html",
+        json!({ "tracks": tracks, "lang": current_lang(&jar) }),
+    )
 }

 #[debug_handler]
-async fn admin_album_new(auth: auth::JWT, ViewEngine(v): ViewEngine<TeraView>, State(ctx): State<AppContext>) -> Result<Response> {
+async fn admin_album_new(
+    auth: auth::JWT,
+    jar: CookieJar,
+    ViewEngine(v): ViewEngine<TeraView>,
+    State(ctx): State<AppContext>,
+) -> Result<Response> {
    admin::current_admin(auth, &ctx).await?;
    let available_tracks = audio_tracks::Entity::find()
        .filter(audio_tracks::Column::AlbumId.is_null())
        .order_by_asc(audio_tracks::Column::Title)
        .all(&ctx.db)
        .await?;
-    format::view(&v, "admin/audio/new_album.html", json!({ "available_tracks": available_tracks }))
+    format::view(
+        &v,
+        "admin/audio/new_album.html",
+        json!({
+            "available_tracks": available_tracks,
+            "lang": current_lang(&jar),
+        }),
+    )
 }

 #[debug_handler]
@@ -713,6 +746,7 @@ async fn admin_album_create(
 #[debug_handler]
 async fn admin_album_tracks(
    auth: auth::JWT,
+    jar: CookieJar,
    ViewEngine(v): ViewEngine<TeraView>,
    Path(album_id): Path<Uuid>,
    State(ctx): State<AppContext>,
@@ -734,7 +768,12 @@ async fn admin_album_tracks(
    format::view(
        &v,
        "admin/audio/tracks.html",
-        json!({ "album": album, "tracks": tracks, "available_tracks": available_tracks }),
+        json!({
+            "album": album,
+            "tracks": tracks,
+            "available_tracks": available_tracks,
+            "lang": current_lang(&jar),
+        }),
    )
 }

@@ -784,6 +823,7 @@ async fn admin_track_remove_from_album(
 #[debug_handler]
 async fn admin_track_upload_form(
    auth: auth::JWT,
+    jar: CookieJar,
    ViewEngine(v): ViewEngine<TeraView>,
    Path(album_id): Path<Uuid>,
    State(ctx): State<AppContext>,
@@ -792,18 +832,23 @@ async fn admin_track_upload_form(
    format::view(
        &v,
        "admin/audio/upload_track.html",
-        json!({ "album": album_by_id(&ctx, album_id).await? }),
+        json!({ "album": album_by_id(&ctx, album_id).await?, "lang": current_lang(&jar) }),
    )
 }

 #[debug_handler]
 async fn admin_song_upload_form(
    auth: auth::JWT,
+    jar: CookieJar,
    ViewEngine(v): ViewEngine<TeraView>,
    State(ctx): State<AppContext>,
 ) -> Result<Response> {
    admin::current_admin(auth, &ctx).await?;
-    format::view(&v, "admin/audio/upload_track.html", json!({ "album": null }))
+    format::view(
+        &v,
+        "admin/audio/upload_track.html",
+        json!({ "album": null, "lang": current_lang(&jar) }),
+    )
 }

 async fn create_uploaded_track(
--- a/src/controllers/mod.rs
+++ b/src/controllers/mod.rs
@@ -1,6 +1,7 @@
 pub mod admin;
 pub mod auth;
 pub mod blog;
+pub mod i18n;
 pub mod frontend;
 pub mod media;
 pub mod pages;
--- a/src/initializers/view_engine.rs
+++ b/src/initializers/view_engine.rs
@@ -25,7 +25,7 @@ impl Initializer for ViewEngineInitializer {
    async fn after_routes(&self, router: AxumRouter, _ctx: &AppContext) -> Result<AxumRouter> {
        let tera_engine = if std::path::Path::new(I18N_DIR).exists() {
            let arc = std::sync::Arc::new(
-                ArcLoader::builder(&I18N_DIR, unic_langid::langid!("en-US"))
+                ArcLoader::builder(&I18N_DIR, unic_langid::langid!("sk"))
                    .shared_resources(Some(&[I18N_SHARED.into()]))
                    .customize(|bundle| bundle.set_use_isolating(false))
                    .build()