63 lines
2.1 KiB
HTML
63 lines
2.1 KiB
HTML
---
|
|
layout: "layouts/base"
|
|
---
|
|
|
|
{% from "macros/date.njk" import format %}
|
|
{% from "macros/utils.njk" import stars %}
|
|
{% from "macros/tags.njk" import tagList %}
|
|
<header class="flow flow-space-1">
|
|
{{ format(page.date) }}
|
|
<h1>{{ title }}</h1>
|
|
<p class="text-fadeText flow-space-0.25">{{ pullquote }}</p>
|
|
</header>
|
|
{% if hasSpoilers %}
|
|
<section class="bg-surface radius-0.5 p-1">
|
|
<span class="text-secondary">{% include "svgs/triangle-exclamation.svg" %}</span>
|
|
<strong>Warning!</strong>
|
|
The following may contain spoilers!
|
|
</section>
|
|
{% endif %}
|
|
{% if content %}
|
|
<section class="flow">
|
|
{{ content | safe }}
|
|
</section>
|
|
{% endif %}
|
|
{% if favourite or isFavourite %}
|
|
<p>
|
|
<span class="text-secondary">{% include "svgs/star.svg" %}</span>
|
|
This is one of my favourite shows!
|
|
</p>
|
|
{% endif %}
|
|
<hr class="my-2" />
|
|
<footer class="media-meta-grid gap-1">
|
|
<div class="media-image media-image--tall">
|
|
<img src="{{ image }}" alt="" />
|
|
</div>
|
|
<div class="flow flex-col justify-center">
|
|
<div class="flex items-center gap-0.5 flex-wrap">
|
|
<h2>{{ title }}</h2>
|
|
</div>
|
|
{% if subtitle %}<h2>{{ subtitle }}</h2>{% endif %}
|
|
{% if director %}
|
|
<p class="flex gap-0.5">
|
|
<span class="text-fadeText">Directed by</span>{{ director }}
|
|
</p>
|
|
{% endif %}
|
|
{% if watchHistory %}<p class="flow-space-0.25">{{ format(watchHistory | last) }}</p>{% endif %}
|
|
{% if rating %}{{ stars(rating) }}{% endif %}
|
|
<ul class="list-none p-0 mb-0 media-meta gap-0.5">
|
|
{% if year %}
|
|
<li class="flex-col">
|
|
<strong>Released</strong><span>{{ year }}</span>
|
|
</li>
|
|
{% endif %}
|
|
{% if runtime %}
|
|
<li class="flex-col">
|
|
<strong>Runtime</strong><span>{{ runtime }} mins</span>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
</footer>
|
|
<hr class="my-2">
|
|
{{ tagList(tags | filter("tv") , "/watching/shows") }}
|