filipriec/universal_web_loco_rewrite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

simplified and removed terminal stuff

Browse Source
This commit is contained in:
Priec
2026-05-19 20:03:20 +02:00
parent 98a1c69582
commit c1db8358c4
20 changed files with 527 additions and 182 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
assets/views/admin/base.html
View File

@@ -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>

38
assets/views/admin/index.html
View File

@@ -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>

14
assets/views/admin/login.html
View File

@@ -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>

26
assets/views/audio/album.html
View File

@@ -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>

31
assets/views/audio/albums.html
View File

@@ -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 %}

26
assets/views/audio/tracks.html
View File

@@ -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>

73
assets/views/base.html
View File

@@ -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>

25
assets/views/blog/index.html
View File

@@ -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 %}

12
assets/views/blog/show.html
View File

@@ -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 %}

6
assets/views/home/hello.html
View File

@@ -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>

39
assets/views/home/index.html
View File

@@ -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>

10
assets/views/pages/about.html
View File

@@ -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>