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

feat: dynamic media page og images

Browse source
This commit is contained in:
Cory Dransfeldt 2024-05-20 09:10:37 -07:00
parent bc03c708a6
commit 00440c24d9
No known key found for this signature in database
29 changed files with 46 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
package-lock.json generated
View file

@ -1,12 +1,12 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "16.0.3", "version": "16.1.0",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "coryd.dev", "name": "coryd.dev",
"version": "16.0.3", "version": "16.1.0",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@cdransf/api-text": "^1.2.2", "@cdransf/api-text": "^1.2.2",

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "16.0.3", "version": "16.1.0",
"description": "The source for my personal site. Built using 11ty.", "description": "The source for my personal site. Built using 11ty.",
"type": "module", "type": "module",
"scripts": { "scripts": {

2
src/_data/books.js
View file

@ -16,7 +16,7 @@ export default async function () {
title: book['title'], title: book['title'],
authors, authors,
description: book['description'], description: book['description'],
image: encodeURIComponent(book['thumbnail'].replace('&edge=curl', '')), image: book['thumbnail'],
url: `https://openlibrary.org/isbn/${book['isbn']}`, url: `https://openlibrary.org/isbn/${book['isbn']}`,
date, date,
status: book['status'], status: book['status'],

22
src/_includes/base.liquid
View file

@ -8,6 +8,21 @@
{{ meta.siteName }} {{ meta.siteName }}
{% endif %} {% endif %}
{%- endcapture -%} {%- endcapture -%}
{%- capture ogImage -%}
{% if schema == 'blog' %}
{{ meta.url }}/assets/img/ogi/{{ title | slugifyString }}-preview.png
{% elsif schema == 'music' %}
{{ music.recent.artists[0].image }}
{% elsif schema == 'watching' %}
{%- assign featuredMovie = movies.recentlyWatched | first -%}
{{ featuredMovie.backdrop }}
{% elsif schema == 'books' %}
{%- assign featuredBook = books | bookStatus: 'started' | reverse | first -%}
{{ featuredBook.image }}
{% else %}
{{ meta.meta_data.opengraph_default }}
{% endif %}
{%- endcapture -%}
<!doctype html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
@ -23,10 +38,7 @@
<meta property="og:description" content="{% if description %}{{ description }}{% else %}{{ meta.siteDescription }}{% endif %}" /> <meta property="og:description" content="{% if description %}{{ description }}{% else %}{{ meta.siteDescription }}{% endif %}" />
<meta property="og:type" content="article" /> <meta property="og:type" content="article" />
<meta property="og:url" content="{{ fullUrl }}" /> <meta property="og:url" content="{{ fullUrl }}" />
<meta <meta property="og:image" content="{{ ogImage }}" />
property="og:image"
content="{%- if schema == 'blog' %}{{ meta.url }}/assets/img/ogi/{{ title | slugifyString }}-preview.png{%- else -%}{{ meta.meta_data.opengraph_default }}{% endif -%}"
/>
<meta name="theme-color" content="{{ meta.themeColor }}" /> <meta name="theme-color" content="{{ meta.themeColor }}" />
<meta name="generator" content="Eleventy"> <meta name="generator" content="Eleventy">
<meta name="robots" content="noai, noimageai"> <meta name="robots" content="noai, noimageai">
@ -111,4 +123,4 @@
</script> </script>
{{ content }} {{ content }}
</body> </body>
</html> </html>

1
src/pages/main/books/index.html
View file

@ -2,6 +2,7 @@
title: Currently reading • Books title: Currently reading • Books
layout: default layout: default
permalink: "/books/index.html" permalink: "/books/index.html"
schema: books
--- ---
{%- assign bookData = books | bookStatus: 'started' | reverse -%} {%- assign bookData = books | bookStatus: 'started' | reverse -%}
{%- assign currentBookCount = books | currentBookCount -%} {%- assign currentBookCount = books | currentBookCount -%}

1
src/pages/main/books/want-to-read.html
View file

@ -6,6 +6,7 @@ pagination:
alias: books alias: books
size: 30 size: 30
permalink: "/books/want-to-read/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html" permalink: "/books/want-to-read/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html"
schema: books
--- ---
{% if pagination.pageNumber == 0 %} {% if pagination.pageNumber == 0 %}
<h2 class="page-header">Want to read</h2> <h2 class="page-header">Want to read</h2>

1
src/pages/main/books/years/2020.html
View file

@ -3,5 +3,6 @@ title: 2020 • Books
year: 2020 year: 2020
layout: book-year layout: book-year
permalink: "/books/years/2020.html" permalink: "/books/years/2020.html"
schema: books
--- ---
<p>This is everything I read in 2020. My favorites were: every book in <em>The Expanse</em> series and <em>I'll Be Gone in the Dark</em>.</p> <p>This is everything I read in 2020. My favorites were: every book in <em>The Expanse</em> series and <em>I'll Be Gone in the Dark</em>.</p>

1
src/pages/main/books/years/2021.html
View file

@ -3,5 +3,6 @@ title: 2021 • Books
year: 2021 year: 2021
layout: book-year layout: book-year
permalink: "/books/years/2021.html" permalink: "/books/years/2021.html"
schema: books
--- ---
<p>This is everything I read in 2021. My favorites were: <em>This Is How They Tell Me The World Ends</em>, <em>Sandworm</em>, <em>Empire of Pain</em>, <em>Say Nothing</em>, <em>Sigh, Gone</em> and <em>Leviathan Falls</em>.</p> <p>This is everything I read in 2021. My favorites were: <em>This Is How They Tell Me The World Ends</em>, <em>Sandworm</em>, <em>Empire of Pain</em>, <em>Say Nothing</em>, <em>Sigh, Gone</em> and <em>Leviathan Falls</em>.</p>

1
src/pages/main/books/years/2022.html
View file

@ -3,5 +3,6 @@ title: 2022 • Books
year: 2022 year: 2022
layout: book-year layout: book-year
permalink: "/books/years/2022.html" permalink: "/books/years/2022.html"
schema: books
--- ---
<p>This is everything I read in 2022. My favorites were: <em>Sellout</em>, <em>The Sins of Our Fathers</em>, <em>Drive</em>, <em>Adnan's Story</em> and <em>The Lazarus Heist</em>.</p> <p>This is everything I read in 2022. My favorites were: <em>Sellout</em>, <em>The Sins of Our Fathers</em>, <em>Drive</em>, <em>Adnan's Story</em> and <em>The Lazarus Heist</em>.</p>

1
src/pages/main/books/years/2023.html
View file

@ -3,5 +3,6 @@ title: 2023 • Books
year: 2023 year: 2023
layout: book-year layout: book-year
permalink: "/books/years/2023.html" permalink: "/books/years/2023.html"
schema: books
--- ---
<p>This is everything I read in 2023. My favorites were: <em>Stay True</em>, <em>Where Are Your Boys Tonight?</em>, <em>Trouble Boys</em>, <em>Tracers in the Dark</em> and <em>Girl in a Band</em>.</p> <p>This is everything I read in 2023. My favorites were: <em>Stay True</em>, <em>Where Are Your Boys Tonight?</em>, <em>Trouble Boys</em>, <em>Tracers in the Dark</em> and <em>Girl in a Band</em>.</p>

1
src/pages/main/books/years/2024.html
View file

@ -3,5 +3,6 @@ title: 2024 • Books
year: 2024 year: 2024
layout: book-year layout: book-year
permalink: "/books/years/2024.html" permalink: "/books/years/2024.html"
schema: books
--- ---
<p>This is everything I've read in 2024 — continuing my trend of concentrating on science fiction, tech coverage, pop sci, autobiographies and coverage of musicians I appreciate.</p> <p>This is everything I've read in 2024 — continuing my trend of concentrating on science fiction, tech coverage, pop sci, autobiographies and coverage of musicians I appreciate.</p>

1
src/pages/main/music/albums/3-months.html
View file

@ -5,6 +5,7 @@ pagination:
data: music.threeMonth.albums data: music.threeMonth.albums
size: 24 size: 24
permalink: "/music/albums/three-months/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html" permalink: "/music/albums/three-months/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html"
schema: music
--- ---
<p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p> <p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
<h2 class="page-header">{{ title }}</h2> <h2 class="page-header">{{ title }}</h2>

1
src/pages/main/music/albums/all-time.html
View file

@ -5,6 +5,7 @@ pagination:
data: music.allTime.albums data: music.allTime.albums
size: 24 size: 24
permalink: "/music/albums/all-time/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html" permalink: "/music/albums/all-time/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html"
schema: music
--- ---
<p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p> <p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
<h2 class="page-header">{{ title }}</h2> <h2 class="page-header">{{ title }}</h2>

1
src/pages/main/music/albums/this-month.html
View file

@ -5,6 +5,7 @@ pagination:
data: music.month.albums data: music.month.albums
size: 24 size: 24
permalink: "/music/albums/this-month/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html" permalink: "/music/albums/this-month/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html"
schema: music
--- ---
<p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p> <p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
<h2 class="page-header">{{ title }}</h2> <h2 class="page-header">{{ title }}</h2>

1
src/pages/main/music/albums/this-week.html
View file

@ -5,6 +5,7 @@ pagination:
data: music.week.albums data: music.week.albums
size: 24 size: 24
permalink: "/music/albums/this-week/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html" permalink: "/music/albums/this-week/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html"
schema: music
--- ---
<p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p> <p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
<h2 class="page-header">{{ title }}</h2> <h2 class="page-header">{{ title }}</h2>

1
src/pages/main/music/artists/3-months.html
View file

@ -5,6 +5,7 @@ pagination:
data: music.threeMonth.artists data: music.threeMonth.artists
size: 24 size: 24
permalink: "/music/artists/three-months/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html" permalink: "/music/artists/three-months/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html"
schema: music
--- ---
<p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p> <p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
<h2 class="page-header">{{ title }}</h2> <h2 class="page-header">{{ title }}</h2>

1
src/pages/main/music/artists/all-time.html
View file

@ -5,6 +5,7 @@ pagination:
data: music.allTime.artists data: music.allTime.artists
size: 24 size: 24
permalink: "/music/artists/all-time/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html" permalink: "/music/artists/all-time/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html"
schema: music
--- ---
<p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p> <p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
<h2 class="page-header">{{ title }}</h2> <h2 class="page-header">{{ title }}</h2>

1
src/pages/main/music/artists/this-month.html
View file

@ -5,6 +5,7 @@ pagination:
data: music.month.artists data: music.month.artists
size: 24 size: 24
permalink: "/music/artists/this-month/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html" permalink: "/music/artists/this-month/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html"
schema: music
--- ---
<p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p> <p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
<h2 class="page-header">{{ title }}</h2> <h2 class="page-header">{{ title }}</h2>

1
src/pages/main/music/artists/this-week.html
View file

@ -5,6 +5,7 @@ pagination:
data: music.week.artists data: music.week.artists
size: 24 size: 24
permalink: "/music/artists/this-week/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html" permalink: "/music/artists/this-week/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html"
schema: music
--- ---
<p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p> <p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
<h2 class="page-header">{{ title }}</h2> <h2 class="page-header">{{ title }}</h2>

1
src/pages/main/music/index.html
View file

@ -2,6 +2,7 @@
title: Music title: Music
layout: default layout: default
permalink: "/music/index.html" permalink: "/music/index.html"
schema: music
--- ---
{% capture js %} {% capture js %}
{% render "../../../assets/scripts/media-toggles.js" %} {% render "../../../assets/scripts/media-toggles.js" %}

1
src/pages/main/music/tracks/3-months.html
View file

@ -5,6 +5,7 @@ pagination:
data: music.threeMonth.tracks data: music.threeMonth.tracks
size: 50 size: 50
permalink: "/music/tracks/three-months/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html" permalink: "/music/tracks/three-months/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html"
schema: music
--- ---
<p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p> <p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
<h2 class="page-header">{{ title }}</h2> <h2 class="page-header">{{ title }}</h2>

1
src/pages/main/music/tracks/all-time.html
View file

@ -5,6 +5,7 @@ pagination:
data: music.allTime.tracks data: music.allTime.tracks
size: 50 size: 50
permalink: "/music/tracks/all-time/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html" permalink: "/music/tracks/all-time/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html"
schema: music
--- ---
<p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p> <p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
<h2 class="page-header">{{ title }}</h2> <h2 class="page-header">{{ title }}</h2>

1
src/pages/main/music/tracks/this-month.html
View file

@ -5,6 +5,7 @@ pagination:
data: music.month.tracks data: music.month.tracks
size: 50 size: 50
permalink: "/music/tracks/this-month/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html" permalink: "/music/tracks/this-month/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html"
schema: music
--- ---
<p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p> <p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
<h2 class="page-header">{{ title }}</h2> <h2 class="page-header">{{ title }}</h2>

1
src/pages/main/music/tracks/this-week.html
View file

@ -5,6 +5,7 @@ pagination:
data: music.week.tracks data: music.week.tracks
size: 50 size: 50
permalink: "/music/tracks/this-week/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html" permalink: "/music/tracks/this-week/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html"
schema: music
--- ---
<p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p> <p><a class="link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
<h2 class="page-header">{{ title }}</h2> <h2 class="page-header">{{ title }}</h2>

1
src/pages/main/watching/favorites/movies.html
View file

@ -2,6 +2,7 @@
title: Favorite movies title: Favorite movies
layout: default layout: default
permalink: "/watching/favorite-movies/index.html" permalink: "/watching/favorite-movies/index.html"
schema: watching
--- ---
<p><a class="link-icon flex-centered" href="/watching">{% tablericon "arrow-left" "Go back" %} Go back</a></p> <p><a class="link-icon flex-centered" href="/watching">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
<h2 class="watching page-header">{{ title }}</h2> <h2 class="watching page-header">{{ title }}</h2>

1
src/pages/main/watching/favorites/shows.html
View file

@ -2,6 +2,7 @@
title: Favorite shows title: Favorite shows
layout: default layout: default
permalink: "/watching/favorite-shows/index.html" permalink: "/watching/favorite-shows/index.html"
schema: watching
--- ---
<p><a class="link-icon flex-centered" href="/watching">{% tablericon "arrow-left" "Go back" %} Go back</a></p> <p><a class="link-icon flex-centered" href="/watching">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
<h2 class="watching page-header">{{ title }}</h2> <h2 class="watching page-header">{{ title }}</h2>

1
src/pages/main/watching/index.html
View file

@ -2,6 +2,7 @@
title: Watching title: Watching
layout: default layout: default
permalink: "/watching/index.html" permalink: "/watching/index.html"
schema: watching
--- ---
{% assign featuredMovie = movies.favorites | featuredWatching: 1 | first %} {% assign featuredMovie = movies.favorites | featuredWatching: 1 | first %}
<h2 class="watching page-header">{{ title }}</h2> <h2 class="watching page-header">{{ title }}</h2>

1
src/pages/main/watching/to-watch/movies.html
View file

@ -6,6 +6,7 @@ pagination:
alias: movies alias: movies
size: 30 size: 30
permalink: "/watching/movies-to-watch/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html" permalink: "/watching/movies-to-watch/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html"
schema: watching
--- ---
<p><a class="link-icon flex-centered" href="/watching">{% tablericon "arrow-left" "Go back" %} Go back</a></p> <p><a class="link-icon flex-centered" href="/watching">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
{% if pagination.pageNumber == 0 %} {% if pagination.pageNumber == 0 %}

1
src/pages/main/watching/to-watch/shows.html
View file

@ -6,6 +6,7 @@ pagination:
alias: shows alias: shows
size: 30 size: 30
permalink: "/watching/shows-to-watch/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html" permalink: "/watching/shows-to-watch/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber | plus: 1 }}/{% endif %}index.html"
schema: watching
--- ---
<p><a class="link-icon flex-centered" href="/watching">{% tablericon "arrow-left" "Go back" %} Go back</a></p> <p><a class="link-icon flex-centered" href="/watching">{% tablericon "arrow-left" "Go back" %} Go back</a></p>
{% if pagination.pageNumber == 0 %} {% if pagination.pageNumber == 0 %}