feat: recently watched pages

This commit is contained in:
Cory Dransfeldt 2024-05-20 13:17:54 -07:00
parent 53a5fbd906
commit 9fdb0db1fb
No known key found for this signature in database
12 changed files with 98 additions and 64 deletions

View file

@ -8,4 +8,4 @@ schema: watching
<h2 class="watching page-header">{{ title }}</h2>
<p>These are my favorite movies. There are many like them, but these are mine.</p>
<hr class="large-spacing" />
{% render "partials/media/watching/favorites-grid.liquid", favorites:movies.favorites, count: 99 %}
{% render "partials/media/watching/backdrop-grid.liquid", mediaItems:movies.favorites, count: 99 %}

View file

@ -8,4 +8,4 @@ schema: watching
<h2 class="watching page-header">{{ title }}</h2>
<p>These are my favorite shows. There are many like them, but these are mine.</p>
<hr class="large-spacing" />
{% render "partials/media/watching/favorites-grid.liquid", favorites:tv.favorites, count: 99 %}
{% render "partials/media/watching/backdrop-grid.liquid", mediaItems:tv.favorites, count: 99 %}

View file

@ -10,15 +10,19 @@ schema: watching
{% 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. You can also take a look at the <a href="/watching/movies-to-watch">movies</a> and <a href="/watching/shows-to-watch">shows</a> I'm planning to watch.</p>
{% render "partials/banners/rss.liquid", url: "https://feedpress.me/coryd-movies", text: "Subscribe to my movies feed or follow along on this page" %}
<h2 id="movies" class="section-header flex-centered">
{% tablericon "movie" "Recent movies" %}
Recent movies
</h2>
<a class="link-icon flex-centered" href="/recent/movies">
<h2 id="movies" class="section-header flex-centered">
{% tablericon "movie" "Recent movies" %}
Recent movies
</h2>
</a>
{% render "partials/media/grid.liquid", data:movies.recentlyWatched, shape: "vertical", count: 6 %}
<h2 id="tv" class="section-header flex-centered">
{% tablericon "device-tv" "Recent shows" %}
Recent shows
</h2>
<a class="link-icon flex-centered" href="/recent/shows">
<h2 id="tv" class="section-header flex-centered">
{% tablericon "device-tv" "Recent shows" %}
Recent shows
</h2>
</a>
{% render "partials/media/grid.liquid", data:tv.recentlyWatched, shape: "vertical", count: 6 %}
<a class="link-icon flex-centered" href="/watching/favorite-movies">
<h2 class="section-header flex-centered">
@ -27,7 +31,7 @@ schema: watching
</h2>
</a>
{% assign favoriteMovies = movies.favorites | featuredWatching: 6 %}
{% render "partials/media/watching/favorites-grid.liquid", favorites:favoriteMovies, count: 6 %}
{% render "partials/media/watching/backdrop-grid.liquid", mediaItems:favoriteMovies, count: 6 %}
<a class="link-icon flex-centered" href="/watching/favorite-shows">
<h2 class="section-header flex-centered">
{% tablericon "star" "Favorite shows" %}
@ -35,4 +39,4 @@ schema: watching
</h2>
</a>
{% assign favoriteShows = tv.favorites | featuredWatching: 6 %}
{% render "partials/media/watching/favorites-grid.liquid", favorites:favoriteShows, count: 6 %}
{% render "partials/media/watching/backdrop-grid.liquid", mediaItems:favoriteShows, count: 6 %}

View file

@ -0,0 +1,11 @@
---
title: Recent movies
layout: default
permalink: "/recent/movies/index.html"
schema: watching
---
<p><a class="link-icon flex-centered" href="/watching">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
<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.</p>
<hr class="large-spacing" />
{% render "partials/media/watching/backdrop-grid.liquid", mediaItems:movies.recentlyWatched, count: 99, rating: true %}

View file

@ -0,0 +1,11 @@
---
title: Recent shows
layout: default
permalink: "/recent/shows/index.html"
schema: watching
---
<p><a class="link-icon flex-centered" href="/watching">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
<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.</p>
<hr class="large-spacing" />
{% render "partials/media/watching/backdrop-grid.liquid", mediaItems:tv.recentlyWatched, count: 99 %}