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

chore: image optimization

Browse source
This commit is contained in:
Cory Dransfeldt 2023-05-26 17:33:15 -07:00
parent 52b079515d
commit 2b8dca5ca8
No known key found for this signature in database
3 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
config/mediaFilters.js
View file

@ -11,7 +11,7 @@ module.exports = {
) )
: `https://cdn.coryd.dev/albums/${media.name.replace(/\s+/g, '-').toLowerCase()}.jpg` : `https://cdn.coryd.dev/albums/${media.name.replace(/\s+/g, '-').toLowerCase()}.jpg`
}, },
proxy: (url, host, cdn) => { movie: (url, host, cdn) => {
return url.replace(host, cdn) return url.replace(host, cdn).replace('600', '200').replace('900', '300')
}, },
} }

2
package.json
View file

@ -4,7 +4,7 @@
"description": "The source for my personal site, blog and portfolio. Build using 11ty and hosted on Vercel.", "description": "The source for my personal site, blog and portfolio. Build using 11ty and hosted on Vercel.",
"main": "index.html", "main": "index.html",
"scripts": { "scripts": {
"start": "ELEVENTY_PRODUCTION=false eleventy --serve && NODE_ENV=development npx tailwindcss -i ./tailwind.css -o _site/assets/styles/tailwind.css --watch", "start": "rm -rf .cache && ELEVENTY_PRODUCTION=false eleventy --serve && NODE_ENV=development npx tailwindcss -i ./tailwind.css -o _site/assets/styles/tailwind.css --watch",
"debug": "DEBUG=Eleventy* npx @11ty/eleventy --serve && NODE_ENV=development npx tailwindcss -i ./tailwind.css -o _site/assets/styles/tailwind.css --watch", "debug": "DEBUG=Eleventy* npx @11ty/eleventy --serve && NODE_ENV=development npx tailwindcss -i ./tailwind.css -o _site/assets/styles/tailwind.css --watch",
"lint": "eslint .", "lint": "eslint .",
"lint:fix": "eslint . --fix", "lint:fix": "eslint . --fix",

2
src/_includes/now.liquid
View file

@ -145,7 +145,7 @@ layout: main
<div class="px-1 text-xs font-bold text-white">{{ movie.title }}</div> <div class="px-1 text-xs font-bold text-white">{{ movie.title }}</div>
</div> </div>
<img <img
src="{{movie.image | proxy: site.letterboxd-host, site.cdn-movies}}" src="{{movie.image | movie: site.letterboxd-host, site.cdn-movies}}"
onerror="this.onerror=null; this.src='/assets/img/media/404-movie.jpg'" onerror="this.onerror=null; this.src='/assets/img/media/404-movie.jpg'"
width="226" width="226"
height="337" height="337"