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

This commit is contained in:
Cory Dransfeldt 2024-07-16 15:37:30 -07:00
parent a8beefaa4a
commit 4dca0dfb3e
No known key found for this signature in database
36 changed files with 541 additions and 198 deletions

View file

@ -0,0 +1,17 @@
---
title: Favorite movies
description: These are my favorite movies. There are many like them, but these are mine.
layout: default
pagination:
data: movies.favorites
size: 24
permalink: "/watching/favorite-movies/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html"
schema: watching
---
<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>
{% if pagination.pageNumber == 0 %}
<h2 class="watching page-header">{{ title }}</h2>
<p>These are my favorite movies. There are many like them, but these are mine.</p>
<hr />
{% endif %}
{% render "partials/media/watching/grid.liquid", data:pagination %}

View file

@ -0,0 +1,17 @@
---
title: Favorite shows
description: These are my favorite shows. There are many like them, but these are mine.
layout: default
pagination:
data: tv.favorites
size: 24
permalink: "/watching/favorite-shows/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html"
schema: watching
---
<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>
{% if pagination.pageNumber == 0 %}
<h2 class="watching page-header">{{ title }}</h2>
<p>These are my favorite shows. There are many like them, but these are mine.</p>
<hr />
{% endif %}
{% render "partials/media/watching/grid.liquid", data:pagination %}

View file

@ -0,0 +1,44 @@
---
title: Watching
description: Here's all of the TV and movies I've been watching presented in what is (hopefully) an organized fashion.
layout: default
permalink: "/watching/index.html"
updated: "now"
schema: watching
---
{% assign featuredMovie = movies.recentlyWatched | featuredWatching: 1 | first %}
<h2 class="watching page-header">{{ title }}</h2>
{% render "partials/media/watching/hero.liquid" movie:featuredMovie %}
<p>Here's all of the TV and movies I've been watching presented in what is (hopefully) an organized fashion.</p>
{% render "partials/blocks/banners/rss.liquid", url: "https://feedpress.me/coryd-movies", text: "Subscribe to my movies feed or follow along on this page" %}
<hr />
<h3 id="movies" class="section-header no-top-margin">
<a class="link-icon" href="/watching/recent/movies">
{% tablericon "movie" "Recent movies" %}
Recent movies
</a>
</h3>
{% render "partials/media/grid.liquid", data:movies.recentlyWatched, shape: "vertical", count: 6 %}
<h3 id="tv" class="section-header">
<a class="link-icon" href="/watching/recent/shows">
{% tablericon "device-tv" "Recent shows" %}
Recent shows
</a>
</h3>
{% render "partials/media/grid.liquid", data:tv.recentlyWatched, shape: "vertical", count: 6 %}
<h3 id="favorite-movies" class="section-header">
<a class="link-icon" href="/watching/favorite-movies">
{% tablericon "star" "Favorite movies" %}
Favorite movies
</a>
</h3>
{% assign favoriteMovies = movies.favorites | featuredWatching: 6 %}
{% render "partials/media/watching/grid.liquid", mediaItems:favoriteMovies, count: 6 %}
<h3 id="favorite-shows" class="section-header">
<a class="link-icon" href="/watching/favorite-shows">
{% tablericon "star" "Favorite shows" %}
Favorite shows
</a>
</h3>
{% assign favoriteShows = tv.favorites | featuredWatching: 6 %}
{% render "partials/media/watching/grid.liquid", mediaItems:favoriteShows, count: 6 %}

View file

@ -0,0 +1,50 @@
---
layout: default
pagination:
data: movies.movies
size: 1
alias: movie
permalink: "{{ movie.url }}/index.html"
schema: movie
---
{%- capture alt -%}
{{ movie.title }} / {{ movie.year }}{% if move.rating %} ({{ movie.rating }}){% endif %}
{%- endcapture -%}
<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{{ movie.backdrop }}?class=bannersm 256w,
https://cdn.coryd.dev{{ movie.backdrop }}?class=bannermd 512w,
https://cdn.coryd.dev{{ movie.backdrop }}?class=bannerbase 1024w,
https://cdn.coryd.dev{{ movie.backdrop }}?class=bannerlg 2048w
"
sizes="(max-width: 450px) 256px,
(max-width: 850px) 512px,
(max-width: 1000px) 1024px,
2048px"
src="https://cdn.coryd.dev{{ movie.backdrop }}?class=bannerlg"
alt="{{ alt }}"
class="image-banner"
loading="eager"
decoding="async"
width="1080"
height="720"
/>
<div class="watching-meta">
<p class="title"><strong>{{ movie.title }}</strong></p>
{% if movie.rating %}<p class="rating">{{ movie.rating }}</p>{% endif %}
{% if movie.lastWatched %}<p class="sub-meta">Last watched on {{ movie.lastWatched | date: "%B %e, %Y" }}</p>{% endif %}
<p class="sub-meta"><a href="https://themoviedb.org/movie/{{ movie.id }}" title="View {{ movie.title | escape }} on TMDB">View on TMDB</a></p>
</div>
{% if movie.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>
{{ movie.review | markdown }}
<hr />
{% endif %}
{% if movie.description %}
<h3>Overview</h3>
{{ movie.description | markdown }}
{% endif %}
</article>

View file

@ -0,0 +1,17 @@
---
title: Recent movies
description: These are the movies I've watched recently. There are many like them, but these are mine.
layout: default
pagination:
data: movies.recentlyWatched
size: 24
permalink: "/watching/recent/movies/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html"
schema: watching
---
<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>
{% if pagination.pageNumber == 0 %}
<h2 class="watching page-header">{{ title }}</h2>
<p>These are the movies I've watched recently. There are many like them, but these are mine. (Or well, all the movies I've watched — they're ordered latest watched, descending, hence the recent part).</p>
<hr />
{% endif %}
{% render "partials/media/watching/grid.liquid", data:pagination %}

View file

@ -0,0 +1,17 @@
---
title: Recent shows
description: These are the shows I've watched recently. There are many like them, but these are mine.
layout: default
pagination:
data: tv.recentlyWatched
size: 24
permalink: "/watching/recent/shows/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}/{% endif %}index.html"
schema: watching
---
<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>
{% if pagination.pageNumber == 0 %}
<h2 class="watching page-header">{{ title }}</h2>
<p>These are the shows I've watched recently. There are many like them, but these are mine. (Or well, all the movies I've watched — they're ordered latest watched, descending, hence the recent part).</p>
<hr />
{% endif %}
{% render "partials/media/watching/grid.liquid", data:pagination %}

View file

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