76 lines
No EOL
2.7 KiB
HTML
76 lines
No EOL
2.7 KiB
HTML
---
|
|
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 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>{%- if movie.year and not movie.rating %} ({{ movie.year }}){%- endif -%}</p>
|
|
<p>
|
|
{%- if movie.rating -%}
|
|
{{ movie.rating }}
|
|
{%- if movie.year %}
|
|
({{ movie.year }})
|
|
{%- endif -%}
|
|
{% endif -%}
|
|
</p>
|
|
{% 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.artists -%}
|
|
{%- capture sectionTitle -%}
|
|
{% if movie.artists.size > 1 %}
|
|
I listen to artists featured in this movie!
|
|
{% else %}
|
|
I listen to the artist featured in this movie!
|
|
{%- endif -%}
|
|
{%- endcapture -%}
|
|
<p id="artists" class="music">
|
|
{% tablericon "headphones" "Music" %}
|
|
{{ sectionTitle }}
|
|
</p>
|
|
<ul>
|
|
{% for artist in movie.artists %}
|
|
<li><a href="{{ artist.url }}">{{ artist.name }}</a>{%- if artist.total_plays > 0 -%}: <strong class="highlight-text">{{ artist.total_plays }} plays</strong>{%- endif -%}</li>
|
|
{% endfor %}
|
|
</ul>
|
|
<hr />
|
|
{%- endif -%}
|
|
{% if movie.description %}
|
|
<h3>Overview</h3>
|
|
{{ movie.description | markdown }}
|
|
{% endif %}
|
|
</article> |