diff --git a/eleventy.config.js b/eleventy.config.js
index 38b6912..3cb5c6b 100644
--- a/eleventy.config.js
+++ b/eleventy.config.js
@@ -6,19 +6,7 @@ import htmlminifier from 'html-minifier-terser';
import markdownIt from 'markdown-it';
const MARKDOWNIT_OPTIONS = { html: true, linkify: true, typographer: true };
-
-const IMAGE_BASE_WIDTHS = [500, 750, 1000];
-const IMAGE_COMPUTED_WIDTHS = new Set(IMAGE_BASE_WIDTHS.flatMap((w) => [w * 1, w * 2, w * 3]));
-const IMAGE_ATTR_SIZES = [
- { minw: '120em', size: '1000px' },
- { minw: '64em', size: '750px' },
- { minw: '40em', size: '700px' },
- { minw: '35em', size: '500px' },
- { minw: null, size: 'calc(100vw - 3rem)' }
-];
-
const IMAGE_TRANSFORM_OPTS = {
- widths: [...IMAGE_COMPUTED_WIDTHS, 'auto'],
formats: ['avif', 'webp', 'auto'],
sharpJpegOptions: { mozjpeg: true, optimiseScans: true, quality: 95 },
sharpPngOptions: { compressionLevel: 9 },
@@ -27,7 +15,7 @@ const IMAGE_TRANSFORM_OPTS = {
defaultAttributes: {
loading: 'lazy',
decoding: 'async',
- sizes: IMAGE_ATTR_SIZES.map(({ minw, size }) => (minw ? `(min-width: ${minw}): ${size}` : size))
+ sizes: '(min-width: 64em) 500px, (min-width: 50em) 420px, 375px'
}
};
diff --git a/src/components/ref-img.webc b/src/components/ref-img.webc
index 640b6f4..018fbaf 100644
--- a/src/components/ref-img.webc
+++ b/src/components/ref-img.webc
@@ -4,12 +4,16 @@
:class="(dropshadow ? 'dropshadow' : '')"
:src="`src/img/${char}/${src}`"
:alt="`${alt} by ${artist}`"
+ :width="width"
+ sizes="1000px"
>
diff --git a/src/img/jarek/avatar.png b/src/img/jarek/avatar.png
index 9d4ed6c..7357c13 100644
Binary files a/src/img/jarek/avatar.png and b/src/img/jarek/avatar.png differ
diff --git a/src/img/sebin/ref-muscle-1.png b/src/img/sebin/ref-muscle-1.png
index 30e5f42..9953b17 100644
Binary files a/src/img/sebin/ref-muscle-1.png and b/src/img/sebin/ref-muscle-1.png differ
diff --git a/src/img/sebin/ref-muscle-3.png b/src/img/sebin/ref-muscle-3.png
index 4ba1f43..0ecb72e 100644
Binary files a/src/img/sebin/ref-muscle-3.png and b/src/img/sebin/ref-muscle-3.png differ
diff --git a/src/img/sebin/ref-muscle-4.png b/src/img/sebin/ref-muscle-4.png
index 378680c..48b2368 100644
Binary files a/src/img/sebin/ref-muscle-4.png and b/src/img/sebin/ref-muscle-4.png differ
diff --git a/src/img/sebin/ref-muscle-5.png b/src/img/sebin/ref-muscle-5.png
index cd87ec0..233c581 100644
Binary files a/src/img/sebin/ref-muscle-5.png and b/src/img/sebin/ref-muscle-5.png differ
diff --git a/src/img/sebin/ref-muscle-6.png b/src/img/sebin/ref-muscle-6.png
index a16a0ed..b3d026f 100644
Binary files a/src/img/sebin/ref-muscle-6.png and b/src/img/sebin/ref-muscle-6.png differ
diff --git a/src/img/sebin/ref-muscle-7.png b/src/img/sebin/ref-muscle-7.png
index 9aea9ae..0f9af53 100644
Binary files a/src/img/sebin/ref-muscle-7.png and b/src/img/sebin/ref-muscle-7.png differ
diff --git a/src/img/sebin/ref-muscle-8.png b/src/img/sebin/ref-muscle-8.png
index fe50075..fc5379b 100644
Binary files a/src/img/sebin/ref-muscle-8.png and b/src/img/sebin/ref-muscle-8.png differ
diff --git a/src/img/sebin/ref-muscle-9.png b/src/img/sebin/ref-muscle-9.png
index ce70d4c..17ef783 100644
Binary files a/src/img/sebin/ref-muscle-9.png and b/src/img/sebin/ref-muscle-9.png differ
diff --git a/src/img/sebin/ref-upper-body.png b/src/img/sebin/ref-upper-body.png
index 1670811..8d0dfbb 100644
Binary files a/src/img/sebin/ref-upper-body.png and b/src/img/sebin/ref-upper-body.png differ
diff --git a/src/img/viktor/avatar.png b/src/img/viktor/avatar.png
index b149d98..89fcc86 100644
Binary files a/src/img/viktor/avatar.png and b/src/img/viktor/avatar.png differ
diff --git a/src/jarek/anatomy.md b/src/jarek/anatomy.md
index 4b56ed0..ad8dd01 100644
--- a/src/jarek/anatomy.md
+++ b/src/jarek/anatomy.md
@@ -9,6 +9,7 @@ eleventyNavigation:
:@alt="'Jarek Ref'"
:@artist="'Alpha Moonlight'"
:@href="'https://bsky.app/profile/alphamoonlight.bsky.social'"
+ :@width="[1000]"
:@char="$data.firstName.toLowerCase()"
:@dropshadow="true"
:@nsfw="true"
diff --git a/src/layouts/character.webc b/src/layouts/character.webc
index 7932c32..960461c 100644
--- a/src/layouts/character.webc
+++ b/src/layouts/character.webc
@@ -19,8 +19,7 @@ feedbackLink: https://cloud.sebin-nyshkim.net/apps/forms/s/eHjsosE9FB4fCpjBt4mbP
slot="avatar"
:src="`src/img/${firstName.toLowerCase()}/avatar.png`"
:alt="firstName + ' Avatar'"
- :width="[100, 200, 300, 400, 500, 600]"
- sizes="(min-width: 120em) 250px, (min-width: 64em) 200px, 100px"
+ :width="[500, 1000]"
>
diff --git a/src/sebin/anatomy.md b/src/sebin/anatomy.md
index b34b3e2..5ca73dd 100644
--- a/src/sebin/anatomy.md
+++ b/src/sebin/anatomy.md
@@ -9,6 +9,7 @@ eleventyNavigation:
:@alt="`Sebin Ref`"
:@artist="`draftgon`"
:@href="`https://bsky.app/profile/draftgon.bsky.social`"
+ :@width="[1000]"
:@char="$data.firstName.toLowerCase()"
:@dropshadow="true"
:@nsfw="true"
@@ -37,6 +38,7 @@ Sebin has a muscular build that he keeps in shape with regular exercise, which h
:@alt="`Sebin Ref`"
:@artist="`draftgon`"
:@href="`https://bsky.app/profile/draftgon.bsky.social`"
+ :@width="[1000]"
:@char="$data.firstName.toLowerCase()"
:@dropshadow="true"
:@nsfw="true"
@@ -59,6 +61,7 @@ While Sebin's wings can carry him short to medium distances, there are limitatio
:@alt="`Sebin's expressions`"
:@artist="`draftgon`"
:@href="`https://bsky.app/profile/draftgon.bsky.social`"
+ :@width="[1000]"
:@char="$data.firstName.toLowerCase()"
:@dropshadow="true"
>
@@ -84,6 +87,7 @@ When threatened or enraged, Sebin can unleash a stream of fire from his mouth, w
:@alt="`Sebin's upper body closeup`"
:@artist="`Nidhogg`"
:@href="`https://bsky.app/profile/nidthedragon.bsky.social`"
+ :@width="[1000]"
:@char="$data.firstName.toLowerCase()"
:@dropshadow="true"
>
@@ -104,6 +108,7 @@ Sebin's drawn muscle anatomy can vary quite a bit. It can range from athletic to
diff --git a/src/sebin/clothing.md b/src/sebin/clothing.md
index 657f87e..7b8c35c 100644
--- a/src/sebin/clothing.md
+++ b/src/sebin/clothing.md
@@ -11,6 +11,7 @@ Sebin knows how to dress!
:@src="`ref-clothes-${ref + 1}.png`"
:@alt="$data.galleryClothing[ref].alt"
:@href="$data.galleryClothing[ref].href"
+ :@width="[500, 1000]"
:@char="$data.firstName.toLowerCase()"
:@artist="$data.galleryClothing[ref].artist"
:@dropshadow="false"
diff --git a/src/sebin/overdrive.md b/src/sebin/overdrive.md
index 8def545..f54d741 100644
--- a/src/sebin/overdrive.md
+++ b/src/sebin/overdrive.md
@@ -46,6 +46,7 @@ He needed answers. If he ever were to tap into this power again, he feared he co
:@alt="`Sebin Overdrive Ref`"
:@artist="`CVictorrosso`"
:@href="`https://bsky.app/profile/cvictorrosso.bsky.social`"
+ :@width="[1000]"
:@char="$data.firstName.toLowerCase()"
:@dropshadow="false"
>