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