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

feat: host tv + movies

Browse source
This commit is contained in:
Cory Dransfeldt 2024-05-14 16:51:01 -07:00
parent 9b1528dda1
commit f0041e0525
No known key found for this signature in database
23 changed files with 1282 additions and 166 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/_includes/book-year.liquid
View file

@ -5,7 +5,7 @@ layout: default
{%- capture currentYear -%}{% currentYear %}{%- endcapture -%}
{%- assign yearString = year | append: '' -%}
{%- assign currentYearString = currentYear | append: '' -%}
<p><a class="link-arrow flex-centered" href="/books">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
<p><a class="link-icon flex-centered" href="/books">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
<h2 class="page-header">{{ title }}</h2>
{{ content }}
{% if yearString == currentYearString %}

46
src/_includes/now.liquid
View file

@ -15,7 +15,7 @@ layout: default
<button class="small active" data-toggle="artists-window">This week</button>
<button class="small secondary" data-toggle="artists-month">This month</button>
<button class="small secondary" data-toggle="artists-three-months">3 months</button>
<button class="small secondary" data-toggle="artists-year">This year</button>
<button class="small secondary" data-toggle="artists-all-time">All time</button>
</div>
</div>
<div id="artists-window">
@ -27,8 +27,8 @@ layout: default
<div class="hidden" id="artists-three-months">
{% render "partials/now/media-grid.liquid", data:music.threeMonth.artists, shape: "square", count: 8 %}
</div>
<div class="hidden" id="artists-year">
{% render "partials/now/media-grid.liquid", data:music.year.artists, shape: "square", count: 8 %}
<div class="hidden" id="artists-all-time">
{% render "partials/now/media-grid.liquid", data:music.allTime.artists, shape: "square", count: 8 %}
</div>
<div class="section-header-wrapper">
<h2 id="albums" class="section-header flex-centered">
@ -39,7 +39,7 @@ layout: default
<button class="small active" data-toggle="albums-window">This week</button>
<button class="small secondary" data-toggle="albums-month">This month</button>
<button class="small secondary" data-toggle="albums-three-months">3 months</button>
<button class="small secondary" data-toggle="albums-year">This year</button>
<button class="small secondary" data-toggle="albums-all-time">All time</button>
</div>
</div>
<div id="albums-window">
@ -51,8 +51,8 @@ layout: default
<div class="hidden" id="albums-three-months">
{% render "partials/now/media-grid.liquid", data:music.threeMonth.albums, shape: "square", count: 8 %}
</div>
<div class="hidden" id="albums-year">
{% render "partials/now/media-grid.liquid", data:music.year.albums, shape: "square", count: 8 %}
<div class="hidden" id="albums-all-time">
{% render "partials/now/media-grid.liquid", data:music.allTime.albums, shape: "square", count: 8 %}
</div>
<div class="section-header-wrapper">
<h2 id="tracks" class="section-header flex-centered">
@ -83,22 +83,28 @@ layout: default
{% render "partials/now/track-chart.liquid", data:music.year.tracks, mostPlayed:music.year.tracks[0].plays %}
</div>
{% render "partials/now/album-releases.liquid", albumReleases:albumReleases %}
<h2 id="books" class="section-header flex-centered">
{% tablericon "books" "Books" %}
Books
</h2>
<a class="link-icon flex-centered" href="/books">
<h2 id="books" class="section-header flex-centered">
{% tablericon "books" "Books" %}
Books
</h2>
</a>
{% assign bookData = books | bookStatus: 'started' | reverse %}
{% render "partials/now/media-grid.liquid", data:bookData, shape: "vertical", count: 6 %}
{% render "partials/widgets/recent-links.liquid", links:collections.links %}
<h2 id="movies" class="section-header flex-centered">
{% tablericon "movie" "Movies" %}
Movies
</h2>
{% render "partials/now/media-grid.liquid", data:movies.recentlyWatched, icon: "movie", title: "Movies", shape: "vertical", count: 6 %}
<h2 id="tv" class="section-header flex-centered">
{% tablericon "device-tv" "TV" %}
TV
</h2>
{% render "partials/now/media-grid.liquid", data:tv.recentlyWatched, icon: "device-tv", title: "TV", shape: "vertical", count: 6 %}
<a class="link-icon flex-centered" href="/watching#movies">
<h2 id="movies" class="section-header flex-centered">
{% tablericon "movie" "Movies" %}
Movies
</h2>
</a>
{% render "partials/now/media-grid.liquid", data:movies.recentlyWatched, shape: "vertical", count: 6 %}
<a class="link-icon flex-centered" href="/watching#tv">
<h2 id="tv" class="section-header flex-centered">
{% tablericon "device-tv" "TV" %}
TV
</h2>
</a>
{% render "partials/now/media-grid.liquid", data:tv.recentlyWatched, shape: "vertical", count: 6 %}
<p class="now-explainer text-small text-centered">This is a <a href="https://nownownow.com/about">now page</a>, and if you have your own site, <a href="https://nownownow.com/about">you should make one too</a>.</p>
<p class="text-small text-centered"><em>This page was last updated on {{ "now" | date: "%B %-d, %-I:%M%p", "America/Los_Angeles" }}.</em></p>

2
src/_includes/partials/home/posts.liquid
View file

@ -23,6 +23,6 @@
</article>
{% endfor %}
{% if postType != 'featured' %}
<a class="link-arrow flex-centered" href="/posts">View all posts {% tablericon "arrow-right" "View all posts" %}</a>
<a class="link-icon flex-centered" href="/posts">View all posts {% tablericon "arrow-right" "View all posts" %}</a>
{% endif %}
</div>

23
src/_includes/partials/watching/favorites-grid.liquid Normal file
View file

@ -0,0 +1,23 @@
{% if favorites.size > 0 %}
<div class="watching grid">
{% for favorite in favorites limit: count %}
{% capture alt %}{{ favorite.title | escape }} ({{ favorite.year }}){% endcapture %}
<a href="{{ favorite.url }}">
<div class="watching item shadow">
<div class="meta-text">
{% if favorite.type == 'movie' %}
<div class="header">{{ favorite.title }}</div>
<div class="subheader">{{ favorite.year }}</div>
{% else %}
<div class="header">{{ favorite.name }}</div>
{% endif %}
</div>
{%- capture loadingStrategy -%}
{%- if loading -%}{{ loading }}{%- else -%}lazy{%- endif -%}
{%- endcapture -%}
<img src="https://coryd.dev/.netlify/images/?url={{ favorite.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=75" alt="{{ alt }}" loading="{{ loadingStrategy }}" decoding="async" width="256" height="144" />
</div>
</a>
{% endfor %}
</div>
{% endif %}

7
src/_includes/partials/watching/hero.liquid Normal file
View file

@ -0,0 +1,7 @@
{% capture alt %}{{ movie.title | escape }} ({{ movie.year }}){% endcapture %}
<a href="{{ movie.url }}">
<div class="watching hero shadow">
<span>{{ movie.title }} ({{ movie.year }})</span>
<img src="https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=1200&h=675&fm=webp&q=75" alt="{{ alt }}" loading="eager" decoding="async" width="1200" height="765" />
</div>
</a>