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

chore: cdn url in cms + og images

Browse source
This commit is contained in:
Cory Dransfeldt 2024-10-13 10:35:48 -07:00
parent 35b56b75f2
commit c23ef6bd0d
No known key found for this signature in database
36 changed files with 102 additions and 101 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/pages/dynamic/books/book.html
View file

@ -15,15 +15,15 @@ schema: book
<div class="book-display">
<img
srcset="
https://cdn.coryd.dev{{ book.image }}?class=verticalsm&type=webp 200w,
https://cdn.coryd.dev{{ book.image }}?class=verticalmd&type=webp 400w,
https://cdn.coryd.dev{{ book.image }}?class=verticalbase&type=webp 800w
{{ globals.cdn_url }}{{ book.image }}?class=verticalsm&type=webp 200w,
{{ globals.cdn_url }}{{ book.image }}?class=verticalmd&type=webp 400w,
{{ globals.cdn_url }}{{ book.image }}?class=verticalbase&type=webp 800w
"
sizes="(max-width: 450px) 203px,
(max-width: 850px) 406px,
(max-width: 1000px) 812px,
812px"
src="https://cdn.coryd.dev{{ book.image }}?class=verticalsm&type=webp"
src="{{ globals.cdn_url }}{{ book.image }}?class=verticalsm&type=webp"
alt="{{ alt }}"
loading="lazy"
decoding="async"

6
src/pages/dynamic/books/index.html
View file

@ -20,12 +20,12 @@ schema: books
<a href="{{ book.url }}">
<img
srcset="
https://cdn.coryd.dev{{ book.image }}?class=verticalsm&type=webp 200w,
https://cdn.coryd.dev{{ book.image }}?class=verticalmd&type=webp 400w
{{ globals.cdn_url }}{{ book.image }}?class=verticalsm&type=webp 200w,
{{ globals.cdn_url }}{{ book.image }}?class=verticalmd&type=webp 400w
"
sizes="(max-width: 450px) 200px,
400px"
src="https://cdn.coryd.dev{{ book.image }}?class=verticalsm&type=webp"
src="{{ globals.cdn_url }}{{ book.image }}?class=verticalsm&type=webp"
alt="{{ alt }}"
loading="lazy"
decoding="async"

2
src/pages/dynamic/books/year.html
View file

@ -21,4 +21,4 @@ schema: books-year
<p>I finished <strong class="highlight-text">{{ bookData.size }} books</strong> in <strong class="highlight-text">{{ year.value }}</strong>.{%- if favoriteBooks %} Among my favorites were {{ favoriteBooks }}.{%- endif -%}</p>
{% endif %}
<hr />
{% render "partials/media/grid.liquid", data:bookData, shape:"vertical", count: 200, loading: "eager" %}
{% render "partials/media/grid.liquid", globals:globals, data:bookData, shape:"vertical", count: 200, loading: "eager" %}

2
src/pages/dynamic/music/albums/3-months.html
View file

@ -17,4 +17,4 @@ schema: music
<p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>
<hr />
{% endif %}
{% render "partials/media/grid.liquid" data:pagination.items, pagination:pagination shape:"square" %}
{% render "partials/media/grid.liquid", globals:globals, data:pagination.items, pagination:pagination shape:"square" %}

2
src/pages/dynamic/music/albums/this-month.html
View file

@ -17,4 +17,4 @@ schema: music
<p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>
<hr />
{% endif %}
{% render "partials/media/grid.liquid" data:pagination.items, pagination:pagination shape:"square" %}
{% render "partials/media/grid.liquid", globals:globals, data:pagination.items, pagination:pagination shape:"square" %}

2
src/pages/dynamic/music/albums/this-week.html
View file

@ -17,4 +17,4 @@ schema: music
<p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>
<hr />
{% endif %}
{% render "partials/media/grid.liquid" data:pagination.items, pagination:pagination shape:"square" %}
{% render "partials/media/grid.liquid", globals:globals, data:pagination.items, pagination:pagination shape:"square" %}

2
src/pages/dynamic/music/artists/3-months.html
View file

@ -17,4 +17,4 @@ schema: music
<p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>
<hr />
{% endif %}
{% render "partials/media/grid.liquid" data:pagination.items, pagination:pagination shape:"square" %}
{% render "partials/media/grid.liquid", globals:globals, data:pagination.items, pagination:pagination shape:"square" %}

8
src/pages/dynamic/music/artists/artist.html
View file

@ -24,14 +24,14 @@ schema: artist
<div class="artist-display">
<img
srcset="
https://cdn.coryd.dev{{ artist.image }}?class=w200&type=webp 200w,
https://cdn.coryd.dev{{ artist.image }}?class=w600&type=webp 400w,
https://cdn.coryd.dev{{ artist.image }}?class=w800&type=webp 800w
{{ globals.cdn_url }}{{ artist.image }}?class=w200&type=webp 200w,
{{ globals.cdn_url }}{{ artist.image }}?class=w600&type=webp 400w,
{{ globals.cdn_url }}{{ artist.image }}?class=w800&type=webp 800w
"
sizes="(max-width: 450px) 200px,
(max-width: 850px) 400px,
800px"
src="https://cdn.coryd.dev{{ artist.image }}?class=w200&type=webp"
src="{{ globals.cdn_url }}{{ artist.image }}?class=w200&type=webp"
alt="{{ alt }}"
loading="eager"
decoding="async"

2
src/pages/dynamic/music/artists/this-month.html
View file

@ -17,4 +17,4 @@ schema: music
<p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>
<hr />
{% endif %}
{% render "partials/media/grid.liquid" data:pagination.items, pagination:pagination shape:"square" %}
{% render "partials/media/grid.liquid", globals:globals, data:pagination.items, pagination:pagination shape:"square" %}

2
src/pages/dynamic/music/artists/this-week.html
View file

@ -17,4 +17,4 @@ schema: music
<p><a href="/music/concerts">You can also take a look at the concerts I've been to.</a></p>
<hr />
{% endif %}
{% render "partials/media/grid.liquid" data:pagination.items, pagination:pagination shape:"square" %}
{% render "partials/media/grid.liquid", globals:globals, data:pagination.items, pagination:pagination shape:"square" %}

8
src/pages/dynamic/music/index.html
View file

@ -18,14 +18,14 @@ schema: music-index
Artists
</a>
</h3>
{% render "partials/media/grid.liquid", data:music.week.artists, shape:"square", count: 8, loading: "eager" %}
{% render "partials/media/grid.liquid", globals:globals, data:music.week.artists, shape:"square", count: 8, loading: "eager" %}
<h3 id="albums">
<a class="icon-link" href="/music/albums/this-week">
{% tablericon "vinyl" %}
Albums
</a>
</h3>
{% render "partials/media/grid.liquid", data:music.week.albums, shape:"square", count: 8 %}
{% render "partials/media/grid.liquid", globals:globals, data:music.week.albums, shape:"square", count: 8 %}
<h3 id="tracks">
<a class="icon-link" href="/music/tracks/this-week">
{% tablericon "playlist" %}
@ -38,7 +38,7 @@ schema: music-index
<label for="tracks-recent" class="button" data-toggle="tracks-recent">Recent</label>
<label for="tracks-chart" class="button" data-toggle="tracks-chart">This week</label>
<div class="tracks-recent">
{% render "partials/media/music/recent", data:music.recent %}
{% render "partials/media/music/recent", globals:globals, data:music.recent %}
</div>
<div class="tracks-chart">
{% render "partials/media/music/chart.liquid", data:music.week.tracks, count: 10 %}
@ -49,5 +49,5 @@ schema: music-index
{% tablericon "calendar-time" %}
Anticipated albums
</h3>
{% render "partials/media/grid.liquid", data:albumReleases.upcoming, shape:"square", count: 8 %}
{% render "partials/media/grid.liquid", globals:globals, data:albumReleases.upcoming, shape:"square", count: 8 %}
{% endif %}

4
src/pages/dynamic/music/periods/3-months.html
View file

@ -18,14 +18,14 @@ schema: music-period
Artists
</a>
</h3>
{% render "partials/media/grid.liquid", data:music.threeMonth.artists, shape:"square", count: 8, loading: "eager" %}
{% render "partials/media/grid.liquid", globals:globals, data:music.threeMonth.artists, shape:"square", count: 8, loading: "eager" %}
<h3 id="albums">
<a class="icon-link" href="/music/albums/three-months">
{% tablericon "vinyl" %}
Albums
</a>
</h3>
{% render "partials/media/grid.liquid", data:music.threeMonth.albums, shape:"square", count: 8 %}
{% render "partials/media/grid.liquid", globals:globals, data:music.threeMonth.albums, shape:"square", count: 8 %}
<h3 id="tracks">
<a class="icon-link" href="/music/tracks/three-months">
{% tablericon "playlist" %}

4
src/pages/dynamic/music/periods/this-month.html
View file

@ -18,14 +18,14 @@ schema: music-period
Artists
</a>
</h3>
{% render "partials/media/grid.liquid", data:music.month.artists, shape:"square", count: 8, loading: "eager" %}
{% render "partials/media/grid.liquid", globals:globals, data:music.month.artists, shape:"square", count: 8, loading: "eager" %}
<h3 id="albums">
<a class="icon-link" href="/music/albums/this-month">
{% tablericon "vinyl" %}
Albums
</a>
</h3>
{% render "partials/media/grid.liquid", data:music.month.albums, shape:"square", count: 8 %}
{% render "partials/media/grid.liquid", globals:globals, data:music.month.albums, shape:"square", count: 8 %}
<h3 id="tracks">
<a class="icon-link" href="/music/tracks/this-month">
{% tablericon "playlist" %}

2
src/pages/dynamic/page.html
View file

@ -6,7 +6,7 @@ pagination:
alias: page
description: "{{ page.description }}"
permalink: "{{ page.permalink }}/index.html"
image: "{{ page.open_graph_image | prepend: 'https://cdn.coryd.dev' | default: globals.avatar }}"
image: "{{ page.open_graph_image | prepend: globals.cdn_url | default: globals.avatar }}"
updated: {{ page.updated | default: null }}
---
{% render "partials/blocks/index.liquid", blocks:page.blocks %}

10
src/pages/dynamic/posts/post.html
View file

@ -22,16 +22,16 @@ schema: blog
{%- if post.image -%}
<img
srcset="
https://cdn.coryd.dev{{ post.image }}?class=w200&type=webp 200w,
https://cdn.coryd.dev{{ post.image }}?class=w400&type=webp 400w,
https://cdn.coryd.dev{{ post.image }}?class=w800&type=webp 800w,
https://cdn.coryd.dev{{ post.image }}?class=w1600&type=webp 1600w
{{ globals.cdn_url }}{{ post.image }}?class=w200&type=webp 200w,
{{ globals.cdn_url }}{{ post.image }}?class=w400&type=webp 400w,
{{ globals.cdn_url }}{{ post.image }}?class=w800&type=webp 800w,
{{ globals.cdn_url }}{{ post.image }}?class=w1600&type=webp 1600w
"
sizes="(max-width: 450px) 200px,
(max-width: 850px) 400px,
(max-width: 1000px) 800px,
1200px"
src="https://cdn.coryd.dev{{ post.image }}?class=w200"
src="{{ globals.cdn_url }}{{ post.image }}?class=w200"
alt="{{ post.image_alt }}"
class="image-banner"
loading="eager"

2
src/pages/dynamic/watching/favorites/movies.html
View file

@ -14,4 +14,4 @@ schema: favorite-movies
<p>These are my favorite movies. There are many like them, but these are mine.</p>
<hr />
{% endif %}
{% render "partials/media/grid.liquid", data:pagination.items, pagination:pagination, shape:"poster" %}
{% render "partials/media/grid.liquid", globals:globals, data:pagination.items, pagination:pagination, shape:"poster" %}

2
src/pages/dynamic/watching/favorites/shows.html
View file

@ -14,4 +14,4 @@ schema: favorite-shows
<p>These are my favorite shows. There are many like them, but these are mine.</p>
<hr />
{% endif %}
{% render "partials/media/grid.liquid", data:pagination.items, pagination:pagination, shape:"poster" %}
{% render "partials/media/grid.liquid", globals:globals, data:pagination.items, pagination:pagination, shape:"poster" %}

10
src/pages/dynamic/watching/index.html
View file

@ -8,7 +8,7 @@ schema: watching
---
{%- assign featuredMovie = movies.recentlyWatched | shuffleArray | first -%}
<h2 class="watching">{{ title }}</h2>
{% render "partials/media/watching/hero.liquid" movie:featuredMovie %}
{% render "partials/media/watching/hero.liquid", globals:globals, movie:featuredMovie %}
<p>Here's all of the TV and movies I've been watching presented in what is (hopefully) an organized fashion.</p>
{% render "partials/blocks/banners/rss.liquid", url: "/feeds/movies", text: "Subscribe to my movies feed or follow along on this page" %}
<hr />
@ -18,14 +18,14 @@ schema: watching
Recent movies
</a>
</h3>
{% render "partials/media/grid.liquid", data:movies.recentlyWatched, shape:"vertical", count: 6 %}
{% render "partials/media/grid.liquid", globals:globals, data:movies.recentlyWatched, shape:"vertical", count: 6 %}
<h3 id="tv">
<a class="icon-link" href="/watching/recent/shows">
{% tablericon "device-tv-old" %}
Recent shows
</a>
</h3>
{% render "partials/media/grid.liquid", data:tv.recentlyWatched, shape:"vertical", count: 6 %}
{% render "partials/media/grid.liquid", globals:globals, data:tv.recentlyWatched, shape:"vertical", count: 6 %}
<h3 id="favorite-movies">
<a class="icon-link" href="/watching/favorite-movies">
{% tablericon "star" %}
@ -33,7 +33,7 @@ schema: watching
</a>
</h3>
{% assign favoriteMovies = movies.favorites | shuffleArray %}
{% render "partials/media/grid.liquid", data:favoriteMovies, shape:"vertical", count: 6 %}
{% render "partials/media/grid.liquid", globals:globals, data:favoriteMovies, shape:"vertical", count: 6 %}
<h3 id="favorite-shows">
<a class="icon-link" href="/watching/favorite-shows">
{% tablericon "star" %}
@ -41,4 +41,4 @@ schema: watching
</a>
</h3>
{% assign favoriteShows = tv.favorites | shuffleArray %}
{% render "partials/media/grid.liquid", data:favoriteShows, shape:"vertical", count: 6 %}
{% render "partials/media/grid.liquid", globals:globals, data:favoriteShows, shape:"vertical", count: 6 %}

8
src/pages/dynamic/watching/movie.html
View file

@ -14,14 +14,14 @@ schema: movie
<article class="watching focus">
<img
srcset="
https://cdn.coryd.dev{{ movie.backdrop }}?class=bannersm&type=webp 256w,
https://cdn.coryd.dev{{ movie.backdrop }}?class=bannermd&type=webp 512w,
https://cdn.coryd.dev{{ movie.backdrop }}?class=bannerbase&type=webp 1024w
{{ globals.cdn_url }}{{ movie.backdrop }}?class=bannersm&type=webp 256w,
{{ globals.cdn_url }}{{ movie.backdrop }}?class=bannermd&type=webp 512w,
{{ globals.cdn_url }}{{ movie.backdrop }}?class=bannerbase&type=webp 1024w
"
sizes="(max-width: 450px) 256px,
(max-width: 850px) 512px,
1024px"
src="https://cdn.coryd.dev{{ movie.backdrop }}?class=bannersm&type=webp"
src="{{ globals.cdn_url }}{{ movie.backdrop }}?class=bannersm&type=webp"
alt="{{ alt }}"
class="image-banner"
loading="eager"

2
src/pages/dynamic/watching/recent/movies.html
View file

@ -14,4 +14,4 @@ schema: watching
<p>These are the movies I've watched recently. There are many like them, but these are mine. (Or well, all the movies I've watched — they're ordered latest watched, descending, hence the recent part).</p>
<hr />
{% endif %}
{% render "partials/media/grid.liquid", data:pagination.items, pagination:pagination, shape:"poster" %}
{% render "partials/media/grid.liquid", globals:globals, data:pagination.items, pagination:pagination, shape:"poster" %}

2
src/pages/dynamic/watching/recent/shows.html
View file

@ -14,4 +14,4 @@ schema: watching-shows
<p>These are the shows I've watched recently. There are many like them, but these are mine. (Or well, all the movies I've watched — they're ordered latest watched, descending, hence the recent part).</p>
<hr />
{% endif %}
{% render "partials/media/grid.liquid", data:pagination.items, pagination:pagination, shape:"poster" %}
{% render "partials/media/grid.liquid", globals:globals, data:pagination.items, pagination:pagination, shape:"poster" %}

8
src/pages/dynamic/watching/show.html
View file

@ -14,14 +14,14 @@ schema: show
<article class="watching focus">
<img
srcset="
https://cdn.coryd.dev{{ show.backdrop }}?class=bannersm&type=webp 256w,
https://cdn.coryd.dev{{ show.backdrop }}?class=bannermd&type=webp 512w,
https://cdn.coryd.dev{{ show.backdrop }}?class=bannerbase&type=webp 1024w
{{ globals.cdn_url }}{{ show.backdrop }}?class=bannersm&type=webp 256w,
{{ globals.cdn_url }}{{ show.backdrop }}?class=bannermd&type=webp 512w,
{{ globals.cdn_url }}{{ show.backdrop }}?class=bannerbase&type=webp 1024w
"
sizes="(max-width: 450px) 256px,
(max-width: 850px) 512px,
1024px"
src="https://cdn.coryd.dev{{ show.backdrop }}?class=bannersm&type=webp"
src="{{ globals.cdn_url }}{{ show.backdrop }}?class=bannersm&type=webp"
alt="{{ alt }}"
class="image-banner"
loading="eager"