From 2b8dca5ca8e04002a69a7d38bc710f097b1b53ce Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <hi@coryd.dev>
Date: Fri, 26 May 2023 17:33:15 -0700
Subject: [PATCH] chore: image optimization
---
config/mediaFilters.js | 4 ++--
package.json | 2 +-
src/_includes/now.liquid | 2 +-
3 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/config/mediaFilters.js b/config/mediaFilters.js
index 2fd7164a..a8a418b2 100644
--- a/config/mediaFilters.js
+++ b/config/mediaFilters.js
@@ -11,7 +11,7 @@ module.exports = {
)
: `https://cdn.coryd.dev/albums/${media.name.replace(/\s+/g, '-').toLowerCase()}.jpg`
},
- proxy: (url, host, cdn) => {
- return url.replace(host, cdn)
+ movie: (url, host, cdn) => {
+ return url.replace(host, cdn).replace('600', '200').replace('900', '300')
},
}
diff --git a/package.json b/package.json
index e84c90a5..5e2329bc 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,7 @@
"description": "The source for my personal site, blog and portfolio. Build using 11ty and hosted on Vercel.",
"main": "index.html",
"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",
"lint": "eslint .",
"lint:fix": "eslint . --fix",
diff --git a/src/_includes/now.liquid b/src/_includes/now.liquid
index 4b9f8baa..55b8b272 100644
--- a/src/_includes/now.liquid
+++ b/src/_includes/now.liquid
@@ -145,7 +145,7 @@ layout: main
<div class="px-1 text-xs font-bold text-white">{{ movie.title }}</div>
</div>
<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'"
width="226"
height="337"