cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: lightweight media pages

Browse source
This commit is contained in:
Cory Dransfeldt 2024-05-22 15:45:51 -07:00
parent cd268580fc
commit 1fb5acd132
No known key found for this signature in database
11 changed files with 223 additions and 129 deletions
Download patch file Download diff file Expand all files Collapse all files

23
src/pages/main/watching/movie.html Normal file
View file

@ -0,0 +1,23 @@
---
layout: default
pagination:
data: movies.movies
size: 1
alias: movie
permalink: /movies/{{ movie.id }}/
schema: movie
---
{%- capture alt -%}
{{ movie.title }} • {{ movie.year }}{% if move.rating %} ({{ movie.rating }}){% endif %}
{%- endcapture -%}
<a class="back-link-header link-icon flex-centered" href="/watching">{% tablericon "arrow-left" "Go back" %} Go back</a>
<article class="watching-focus">
<img src="https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fm=webp&q=85&w=768&h=432" alt="{{ alt }}" class="image-banner" loading="eager" decoding="async" width="768" height="432" />
<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 }}">View on TMDB</a></p>
</div>
{% if movie.description %}<p><em>{{ movie.description }}</em></p>{% endif %}
</article>

23
src/pages/main/watching/show.html Normal file
View file

@ -0,0 +1,23 @@
---
layout: default
pagination:
data: tv.shows
size: 1
alias: show
permalink: /shows/{{ show.tmdb_id }}/
schema: show
---
{%- capture alt -%}
{{ show.title }} • {{ show.year }}
{%- endcapture -%}
{% assign lastWatched = show | getLastWatched %}
<a class="back-link-header link-icon flex-centered" href="/watching">{% tablericon "arrow-left" "Go back" %} Go back</a>
<article class="watching-focus">
<img src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fm=webp&q=85&w=768&h=432" alt="{{ alt }}" class="image-banner" loading="eager" decoding="async" width="768" height="432" />
<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 }}">View on TMDB</a></p>
</div>
{% if show.description %}<p><em>{{ show.description }}</em></p>{% endif %}
</article>