removed terminal stuff

assets/views/audio/album.html

@@ -4,6 +4,7 @@
 {% block crumb %}audio/{{ album.slug }}{% endblock crumb %}
 
 {% block content %}
+{% if logged_in_admin %}
 <header class="term-cmd">
   <div>
     <p class="term-cmd-line">
@@ -82,4 +83,66 @@
     {% endif %}
   </div>
 </div>
+{% else %}
+<header class="term-cmd">
+  <div>
+    <h1 class="term-title">{{ album.title }}</h1>
+    {% if album.artist %}
+    <p class="term-sub">by {{ 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>
+    {% endif %}
+    <a href="/audio/albums" class="btn btn-outline btn-sm">[ cd .. ]</a>
+  </div>
+</header>
+
+{% if album.cover_image_id %}
+<div class="card mb-6">
+  <div class="term-head">
+    <span class="term-head-name">~/audio/{{ album.slug }}/cover.png</span>
+  </div>
+  <div class="card-body">
+    <img src="/images/{{ album.cover_image_id }}" alt="">
+  </div>
+</div>
+{% endif %}
+
+{% if album.description %}
+<div class="card mb-6">
+  <div class="term-head">
+    <span class="term-head-name">~/audio/{{ album.slug }}/notes.txt</span>
+  </div>
+  <div class="card-body">
+    <p class="term-prose whitespace-pre-line">{{ album.description }}</p>
+  </div>
+</div>
+{% endif %}
+
+<div class="card">
+  <div class="term-head">
+    <span class="term-head-name">~/audio/{{ album.slug }}/tracklist</span>
+    <span class="term-head-meta term-tag is-green">{{ tracks | length }} tracks</span>
+  </div>
+  <div class="card-body" id="uw-album-tracks">
+    {% if tracks | length > 0 %}
+      {% 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>
+        <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 }}
+        </span>
+      </div>
+      {% endfor %}
+    {% else %}
+      <p class="term-empty-cmd">$ ls → no tracks yet</p>
+    {% endif %}
+  </div>
+</div>
+{% endif %}
 {% endblock content %}

assets/views/audio/albums.html

@@ -4,6 +4,7 @@
 {% block crumb %}audio{% endblock crumb %}
 
 {% block content %}
+{% if logged_in_admin %}
 <header class="term-cmd">
   <div>
     <p class="term-cmd-line">
@@ -55,4 +56,49 @@
     <p class="term-empty-cmd">$ ls ~/audio → 0 results</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>
+  </div>
+  <div class="term-cmd-actions">
+    <a href="/audio/tracks" class="btn btn-outline btn-sm">[ all songs ]</a>
+  </div>
+</header>
+
+{% if albums | length > 0 %}
+  <div class="term-grid">
+    {% for album in albums %}
+      <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>
+        </div>
+        <div class="card-body">
+          {% if album.cover_image_id %}
+          <img src="/images/{{ album.cover_image_id }}" alt="" class="mb-3">
+          {% endif %}
+          <h2 class="card-title text-base">{{ album.title }}</h2>
+          {% if album.artist %}
+          <p class="text-sm t-aqua">{{ album.artist }}</p>
+          {% endif %}
+          {% if album.description %}
+          <p class="term-prose text-sm opacity-80">{{ album.description }}</p>
+          {% 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>
+          </div>
+        </div>
+      </article>
+    {% endfor %}
+  </div>
+{% else %}
+  <div class="term-empty">
+    <p class="font-medium">no published albums yet</p>
+  </div>
+{% endif %}
+{% endif %}
 {% endblock content %}

assets/views/audio/tracks.html

@@ -4,6 +4,7 @@
 {% block crumb %}audio/tracks{% endblock crumb %}
 
 {% block content %}
+{% if logged_in_admin %}
 <header class="term-cmd">
   <div>
     <p class="term-cmd-line">
@@ -44,4 +45,39 @@
     {% 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>
+  </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>
+    {% endif %}
+    <a href="/audio/albums" class="btn btn-outline btn-sm">[ albums ]</a>
+  </div>
+</header>
+
+<div class="card">
+  <div class="term-head">
+    <span class="term-head-name">~/audio/playlist.m3u</span>
+    <span class="term-head-meta term-tag is-green">{{ tracks | length }} tracks</span>
+  </div>
+  <div class="card-body" id="uw-songs-list">
+    {% if tracks | length > 0 %}
+      {% 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>
+        <span class="term-track-name">{{ track.title }}</span>
+      </div>
+      {% endfor %}
+    {% else %}
+      <p class="term-empty-cmd">no tracks yet</p>
+    {% endif %}
+  </div>
+</div>
+{% endif %}
 {% endblock content %}

assets/views/base.html

@@ -250,12 +250,16 @@
   <body hx-boost="true" class="flex min-h-screen flex-col bg-base-100 text-base-content antialiased">
     <header class="term-titlebar">
       <nav class="term-nav">
+        {% if logged_in_admin %}
         <span class="term-dots" aria-hidden="true">
           <span class="term-dot r"></span><span class="term-dot y"></span><span class="term-dot g"></span>
         </span>
         <a href="/" class="term-brand">
-          <span class="t-green">{% if logged_in_admin %}root{% else %}visitor{% endif %}</span><span class="t-dim">@universal-web</span><span class="t-dim">:~$</span>
+          <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>
+        {% 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>
@@ -323,8 +327,9 @@
     <main class="term-main">
       {% block content %}{% endblock content %}
     </main>
+    {% if logged_in_admin %}
     <footer class="term-statusline">
-      <span class="term-seg is-mode">{% if logged_in_admin %} ADMIN {% else %} NORMAL {% endif %}</span>
+      <span class="term-seg is-mode">ADMIN</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>
@@ -332,6 +337,7 @@
       <span class="term-seg is-alt">gruvbox-dark</span>
       <span class="term-seg is-mode">100%</span>
     </footer>
+    {% endif %}
     <div id="uw-player" hx-preserve="true">
       <div id="uw-queue" class="uw-queue" hidden>
         <div class="uw-queue-head">

assets/views/blog/index.html

@@ -4,6 +4,7 @@
 {% block crumb %}blog{% endblock crumb %}
 
 {% block content %}
+{% if logged_in_admin %}
 <header class="term-cmd">
   <div>
     <p class="term-cmd-line">
@@ -13,11 +14,9 @@
     <h1 class="term-title">blog</h1>
     <p class="term-sub">// {{ articles | length }} published article(s).</p>
   </div>
-  {% if logged_in_admin %}
   <div class="term-cmd-actions">
     <a href="/admin/blog/articles" class="btn btn-outline btn-sm">[ manage ]</a>
   </div>
-  {% endif %}
 </header>
 
 {% if articles | length > 0 %}
@@ -51,4 +50,40 @@
     <p class="term-empty-cmd">$ ls ~/blog → 0 results</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>
+  </div>
+</header>
+
+{% 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>
+        </div>
+        <div class="card-body">
+          <h2 class="card-title text-base">
+            <a href="/blog/{{ article.slug }}">{{ article.title }}</a>
+          </h2>
+          {% if article.excerpt %}
+          <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>
+          </div>
+        </div>
+      </article>
+    {% endfor %}
+  </div>
+{% else %}
+  <div class="term-empty">
+    <p class="font-medium">no published posts yet</p>
+  </div>
+{% endif %}
+{% endif %}
 {% endblock content %}

assets/views/blog/show.html

@@ -4,6 +4,7 @@
 {% block crumb %}blog/{{ article.slug }}{% endblock crumb %}
 
 {% block content %}
+{% if logged_in_admin %}
 <header class="term-cmd">
   <div>
     <p class="term-cmd-line">
@@ -34,4 +35,29 @@
     <div class="term-prose whitespace-pre-line">{{ article.content }}</div>
   </div>
 </article>
+{% else %}
+<header class="term-cmd">
+  <div>
+    <h1 class="term-title">{{ article.title }}</h1>
+    <p class="term-sub">{{ article.view_count }} view(s) logged.</p>
+  </div>
+  <div class="term-cmd-actions">
+    <a href="/blog" class="btn btn-outline btn-sm">[ cd .. ]</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>
+  </div>
+  <div class="card-body">
+    {% if article.excerpt %}
+    <p class="term-prose t-yellow"># {{ article.excerpt }}</p>
+    <div class="border-t border-base-300 pt-4"></div>
+    {% endif %}
+    <div class="term-prose whitespace-pre-line">{{ article.content }}</div>
+  </div>
+</article>
+{% endif %}
 {% endblock content %}

assets/views/home/index.html

@@ -4,6 +4,7 @@
 {% block crumb %}{% endblock crumb %}
 
 {% block content %}
+{% if logged_in_admin %}
 <header class="term-cmd">
   <div>
     <p class="term-cmd-line">
@@ -59,4 +60,51 @@
     </div>
   {% endif %}
 </section>
+{% else %}
+<header class="term-cmd">
+  <div>
+    <h1 class="term-title">home</h1>
+    <p class="term-sub">latest news and updates.</p>
+  </div>
+  <div class="term-cmd-actions">
+    <a href="/blog" class="btn btn-outline btn-sm">all posts</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>
+</div>
+
+<section>
+  <p class="term-cmd-line mb-6"><span class="t-dim"># </span>recent posts <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>
+          </div>
+          <div class="card-body">
+            <h2 class="card-title text-base">
+              <a href="/blog/{{ article.slug }}">{{ article.title }}</a>
+            </h2>
+            {% if article.excerpt %}
+            <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>
+            </div>
+          </div>
+        </article>
+      {% endfor %}
+    </div>
+  {% else %}
+    <div class="term-empty">
+      <p class="font-medium">no published posts yet</p>
+    </div>
+  {% endif %}
+</section>
+{% endif %}
 {% endblock content %}

assets/views/pages/about.html

@@ -4,6 +4,7 @@
 {% block crumb %}about{% endblock crumb %}
 
 {% block content %}
+{% if logged_in_admin %}
 <header class="term-cmd">
   <div>
     <p class="term-cmd-line">
@@ -13,11 +14,9 @@
     <h1 class="term-title">{{ page.title }}</h1>
     <p class="term-sub">// about this site.</p>
   </div>
-  {% if logged_in_admin %}
   <div class="term-cmd-actions">
     <a href="/admin/about" class="btn btn-outline btn-sm">[ edit ]</a>
   </div>
-  {% endif %}
 </header>
 
 <article class="card">
@@ -32,4 +31,22 @@
     <div class="term-prose whitespace-pre-line">{{ page.content }}</div>
   </div>
 </article>
+{% else %}
+<header class="term-cmd">
+  <div>
+    <h1 class="term-title">{{ page.title }}</h1>
+    <p class="term-sub">about this site.</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>
+  </div>
+  <div class="card-body">
+    <div class="term-prose whitespace-pre-line">{{ page.content }}</div>
+  </div>
+</article>
+{% endif %}
 {% endblock content %}