fix: image paths

This commit is contained in:
Cory Dransfeldt 2024-07-10 09:05:52 -07:00
parent a776b43f23
commit 8fd2e34341
No known key found for this signature in database
4 changed files with 10 additions and 9 deletions

5
package-lock.json generated
View file

@ -1,12 +1,12 @@
{
"name": "coryd.dev",
"version": "20.0.0",
"version": "20.0.1",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "coryd.dev",
"version": "20.0.0",
"version": "20.0.1",
"license": "MIT",
"dependencies": {
"@cdransf/api-text": "^1.4.0",
@ -2157,6 +2157,7 @@
"resolved": "https://registry.npmjs.org/liquidjs/-/liquidjs-10.15.0.tgz",
"integrity": "sha512-u5lYWhW8ioT+O3FdCcp5U+hiPEGNO4xASCFlCHA+k5rMTJwDIa2c2KF111ZDKc2xGM7LXPvMoNRIrBfbLNpRBg==",
"dev": true,
"license": "MIT",
"dependencies": {
"commander": "^10.0.0"
},

View file

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

View file

@ -47,8 +47,8 @@ const fetchAllShows = async () => {
const prepareShowData = (show) => {
return {
...show,
image: show.art?.filename_disk ? show.art.filename_disk : '',
backdrop: show.backdrop?.filename_disk ? show.backdrop.filename_disk : ''
image: show.art?.filename_disk ? `/${show.art.filename_disk}` : '',
backdrop: show.backdrop?.filename_disk ? `/${show.backdrop.filename_disk}` : ''
}
}

View file

@ -15,10 +15,10 @@ schema: show
<article class="watching-focus">
<img
srcset="
https://cdn.coryd.dev/{{ show.backdrop }}?class=bannersm 256w,
https://cdn.coryd.dev/{{ show.backdrop }}?class=bannermd 512w,
https://cdn.coryd.dev/{{ show.backdrop }}?class=bannerbase 1024w,
https://cdn.coryd.dev/{{ show.backdrop }}?class=bannerlg 2048w
https://cdn.coryd.dev{{ show.backdrop }}?class=bannersm 256w,
https://cdn.coryd.dev{{ show.backdrop }}?class=bannermd 512w,
https://cdn.coryd.dev{{ show.backdrop }}?class=bannerbase 1024w,
https://cdn.coryd.dev{{ show.backdrop }}?class=bannerlg 2048w
"
sizes="(max-width: 450px) 256px,
(max-width: 850px) 512px,