chore: clearer organizational distinction between data-generated (dynamic) pages and strictly markdown ones

src/pages/dynamic/watching/show.html

@@ -0,0 +1,50 @@
+---
+layout: default
+pagination:
+  data: tv.shows
+  size: 1
+  alias: show
+permalink: "{{ show.url }}/index.html"
+schema: show
+---
+{%- capture alt -%}
+  {{ show.title }} / {{ show.year }}
+{%- endcapture -%}
+{% assign lastWatched = show | getLastWatched %}
+<a class="back-link-header link-icon" href="/watching" title="Go back to the watching index page">{% tablericon "arrow-left" "Go back to the watching index page" %} Back to watching</a>
+<article class="watching-focus">
+  <img
+    srcset="
+      https://cdn.coryd.dev{{ show.backdrop }}?class=bannersm 256w,
+      https://cdn.coryd.dev{{ show.backdrop }}?class=bannermd 512w,
+      https://cdn.coryd.dev{{ show.backdrop }}?class=bannerbase 1024w,
+      https://cdn.coryd.dev{{ show.backdrop }}?class=bannerlg 2048w
+    "
+    sizes="(max-width: 450px) 256px,
+      (max-width: 850px) 512px,
+      (max-width: 1000px) 1024px,
+      2048px"
+    src="https://cdn.coryd.dev/{{ show.backdrop }}?class=bannerlg"
+    alt="{{ alt }}"
+    class="image-banner"
+    loading="eager"
+    decoding="async"
+    width="1080"
+    height="720"
+  />
+  <div class="watching-meta">
+    <p class="title"><strong>{{ show.title }}</strong></p>
+    {% if lastWatched %}<p class="sub-meta">Last watched on {{ lastWatched | date: "%B %e, %Y" }}</p>{% endif %}
+    <p class="sub-meta"><a href="https://themoviedb.org/tv/{{ show.tmdb_id }}" title="View {{ show.title | escape }} on TMDB">View on TMDB</a></p>
+  </div>
+  {% if show.review %}
+    {% render "partials/blocks/banners/warning.liquid", text: "There are probably spoilers after this banner — this is a warning about them." %}
+    <h3>My thoughts</h3>
+    {{ show.review | markdown }}
+    <hr />
+  {% endif %}
+  {% if show.description %}
+    <h3>Overview</h3>
+    {{ show.description | markdown }}
+  {% endif %}
+</article>