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" >