chore: image quality
This commit is contained in:
parent
5b1a548e6d
commit
3cdab81af1
28 changed files with 176 additions and 176 deletions
|
@ -19,16 +19,16 @@
|
||||||
{% if shape == 'square' %}
|
{% if shape == 'square' %}
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=200&fm=webp&q=85 200w,
|
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=200&fm=webp&q=50 200w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=400&h=400&fm=webp&q=85 400w,
|
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=400&h=400&fm=webp&q=50 400w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=800&h=800&fm=webp&q=85 800w,
|
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=800&h=800&fm=webp&q=50 800w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1200&fm=webp&q=85 1200w
|
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1200&fm=webp&q=50 1200w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 200px,
|
sizes="(max-width: 450px) 200px,
|
||||||
(max-width: 850px) 400px,
|
(max-width: 850px) 400px,
|
||||||
(max-width: 100px) 800px,
|
(max-width: 100px) 800px,
|
||||||
1200px"
|
1200px"
|
||||||
src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1200&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1200&fm=webp&q=50"
|
||||||
alt="{{ alt }}"
|
alt="{{ alt }}"
|
||||||
loading="{{ loadingStrategy }}"
|
loading="{{ loadingStrategy }}"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
|
@ -38,16 +38,16 @@
|
||||||
{% else %}
|
{% else %}
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=307&fm=webp&q=85 200w,
|
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=307&fm=webp&q=50 200w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=400&h=614&fm=webp&q=85 400w,
|
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=400&h=614&fm=webp&q=50 400w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=800&h=1228&fm=webp&q=85 800w,
|
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=800&h=1228&fm=webp&q=50 800w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1842&fm=webp&q=85 1200w
|
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1842&fm=webp&q=50 1200w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 200px,
|
sizes="(max-width: 450px) 200px,
|
||||||
(max-width: 850px) 400px,
|
(max-width: 850px) 400px,
|
||||||
(max-width: 1000px) 800px,
|
(max-width: 1000px) 800px,
|
||||||
1200px"
|
1200px"
|
||||||
src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1842&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=1200&h=1842&fm=webp&q=50"
|
||||||
alt="{{ alt }}"
|
alt="{{ alt }}"
|
||||||
loading="{{ loadingStrategy }}"
|
loading="{{ loadingStrategy }}"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
|
|
|
@ -5,16 +5,16 @@
|
||||||
<div class="meta">
|
<div class="meta">
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=64&h=64&fm=webp&q=85 64w,
|
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=64&h=64&fm=webp&q=50 64w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=128&h=128&fm=webp&q=85 128w,
|
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=128&h=128&fm=webp&q=50 128w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=256&h=256&fm=webp&q=85 256w,
|
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=256&h=256&fm=webp&q=50 256w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=512&h=512&fm=webp&q=85 512w
|
https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=512&h=512&fm=webp&q=50 512w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 64px,
|
sizes="(max-width: 450px) 64px,
|
||||||
(max-width: 850px) 128px,
|
(max-width: 850px) 128px,
|
||||||
(max-width: 1000px) 256px,
|
(max-width: 1000px) 256px,
|
||||||
512px"
|
512px"
|
||||||
src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=512&h=512&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=512&h=512&fm=webp&q=50"
|
||||||
alt="{{ alt }}"
|
alt="{{ alt }}"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
|
|
|
@ -23,16 +23,16 @@
|
||||||
{%- endcapture -%}
|
{%- endcapture -%}
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=85 256w,
|
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=50 256w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=85 512w,
|
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=50 512w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=85 1024w,
|
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=50 1024w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=85 2048w
|
https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=50 2048w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 256px,
|
sizes="(max-width: 450px) 256px,
|
||||||
(max-width: 850px) 512px,
|
(max-width: 850px) 512px,
|
||||||
(max-width: 1000px) 1024px,
|
(max-width: 1000px) 1024px,
|
||||||
2048px"
|
2048px"
|
||||||
src="https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url={{ item.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=50"
|
||||||
alt="{{ alt }}"
|
alt="{{ alt }}"
|
||||||
loading="{{ loadingStrategy }}"
|
loading="{{ loadingStrategy }}"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
|
|
|
@ -7,16 +7,16 @@
|
||||||
</div>
|
</div>
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=85 256w,
|
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=50 256w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=85 512w,
|
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=50 512w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=85 1024w,
|
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=50 1024w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=85 2048w
|
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=50 2048w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 256px,
|
sizes="(max-width: 450px) 256px,
|
||||||
(max-width: 850px) 512px,
|
(max-width: 850px) 512px,
|
||||||
(max-width: 1000px) 1024px,
|
(max-width: 1000px) 1024px,
|
||||||
2048px"
|
2048px"
|
||||||
src="https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=50"
|
||||||
alt="{{ alt }}"
|
alt="{{ alt }}"
|
||||||
loading="eager"
|
loading="eager"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
|
|
|
@ -2,16 +2,16 @@
|
||||||
<a href="https://11ty.dev">
|
<a href="https://11ty.dev">
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=88&h=31&fm=webp&q=85 88w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=88&h=31&fm=webp&q=50 88w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=176&h=62&fm=webp&q=85 176w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=176&h=62&fm=webp&q=50 176w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=352&h=124&fm=webp&q=85 352w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=352&h=124&fm=webp&q=50 352w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=704&h=248&fm=webp&q=85 704w
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=704&h=248&fm=webp&q=50 704w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 88px,
|
sizes="(max-width: 450px) 88px,
|
||||||
(max-width: 850px) 176px,
|
(max-width: 850px) 176px,
|
||||||
(max-width: 1000px) 352px,
|
(max-width: 1000px) 352px,
|
||||||
704px"
|
704px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=704&h=248&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/eleventy.png&fit=cover&w=704&h=248&fm=webp&q=50"
|
||||||
alt="Made with 11ty"
|
alt="Made with 11ty"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
|
@ -22,16 +22,16 @@
|
||||||
<a href="https://social.lol/@cory">
|
<a href="https://social.lol/@cory">
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=88&h=31&fm=webp&q=85 88w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=88&h=31&fm=webp&q=50 88w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=176&h=62&fm=webp&q=85 176w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=176&h=62&fm=webp&q=50 176w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=352&h=124&fm=webp&q=85 352w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=352&h=124&fm=webp&q=50 352w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=704&h=248&fm=webp&q=85 704w
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=704&h=248&fm=webp&q=50 704w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 88px,
|
sizes="(max-width: 450px) 88px,
|
||||||
(max-width: 850px) 176px,
|
(max-width: 850px) 176px,
|
||||||
(max-width: 1000px) 352px,
|
(max-width: 1000px) 352px,
|
||||||
704px"
|
704px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=704&h=248&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/mastodon.png&fit=cover&w=704&h=248&fm=webp&q=50"
|
||||||
alt="Made with 11ty"
|
alt="Made with 11ty"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
|
@ -42,16 +42,16 @@
|
||||||
<a href="https://www.buymeacoffee.com/cory">
|
<a href="https://www.buymeacoffee.com/cory">
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=88&h=31&fm=webp&q=85 88w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=88&h=31&fm=webp&q=50 88w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=176&h=62&fm=webp&q=85 176w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=176&h=62&fm=webp&q=50 176w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=352&h=124&fm=webp&q=85 352w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=352&h=124&fm=webp&q=50 352w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=704&h=248&fm=webp&q=85 704w
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=704&h=248&fm=webp&q=50 704w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 88px,
|
sizes="(max-width: 450px) 88px,
|
||||||
(max-width: 850px) 176px,
|
(max-width: 850px) 176px,
|
||||||
(max-width: 1000px) 352px,
|
(max-width: 1000px) 352px,
|
||||||
704px"
|
704px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=704&h=248&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/buymeacoffee.png&fit=cover&w=704&h=248&fm=webp&q=50"
|
||||||
alt="Made with 11ty"
|
alt="Made with 11ty"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
|
@ -62,16 +62,16 @@
|
||||||
<a href="https://github.com/cdransf">
|
<a href="https://github.com/cdransf">
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=88&h=31&fm=webp&q=85 88w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=88&h=31&fm=webp&q=50 88w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=176&h=62&fm=webp&q=85 176w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=176&h=62&fm=webp&q=50 176w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=352&h=124&fm=webp&q=85 352w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=352&h=124&fm=webp&q=50 352w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=704&h=248&fm=webp&q=85 704w
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=704&h=248&fm=webp&q=50 704w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 88px,
|
sizes="(max-width: 450px) 88px,
|
||||||
(max-width: 850px) 176px,
|
(max-width: 850px) 176px,
|
||||||
(max-width: 1000px) 352px,
|
(max-width: 1000px) 352px,
|
||||||
704px"
|
704px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=704&h=248&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/github.png&fit=cover&w=704&h=248&fm=webp&q=50"
|
||||||
alt="Made with 11ty"
|
alt="Made with 11ty"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
|
@ -82,16 +82,16 @@
|
||||||
<a href="https://github.com/ai-robots-txt/ai.robots.txt">
|
<a href="https://github.com/ai-robots-txt/ai.robots.txt">
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=88&h=31&fm=webp&q=85 88w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=88&h=31&fm=webp&q=50 88w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=176&h=62&fm=webp&q=85 176w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=176&h=62&fm=webp&q=50 176w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=352&h=124&fm=webp&q=85 352w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=352&h=124&fm=webp&q=50 352w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=704&h=248&fm=webp&q=85 704w
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=704&h=248&fm=webp&q=50 704w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 88px,
|
sizes="(max-width: 450px) 88px,
|
||||||
(max-width: 850px) 176px,
|
(max-width: 850px) 176px,
|
||||||
(max-width: 1000px) 352px,
|
(max-width: 1000px) 352px,
|
||||||
704px"
|
704px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=704&h=248&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/notarobot.png&fit=cover&w=704&h=248&fm=webp&q=50"
|
||||||
alt="Made with 11ty"
|
alt="Made with 11ty"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
|
@ -102,16 +102,16 @@
|
||||||
<a href="https://validator.w3.org">
|
<a href="https://validator.w3.org">
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=88&h=31&fm=webp&q=85 88w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=88&h=31&fm=webp&q=50 88w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=176&h=62&fm=webp&q=85 176w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=176&h=62&fm=webp&q=50 176w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=352&h=124&fm=webp&q=85 352w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=352&h=124&fm=webp&q=50 352w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=704&h=248&fm=webp&q=85 704w
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=704&h=248&fm=webp&q=50 704w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 88px,
|
sizes="(max-width: 450px) 88px,
|
||||||
(max-width: 850px) 176px,
|
(max-width: 850px) 176px,
|
||||||
(max-width: 1000px) 352px,
|
(max-width: 1000px) 352px,
|
||||||
704px"
|
704px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=704&h=248&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validhtml5.png&fit=cover&w=704&h=248&fm=webp&q=50"
|
||||||
alt="Made with 11ty"
|
alt="Made with 11ty"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
|
@ -122,16 +122,16 @@
|
||||||
<a href="https://www.w3.org/Style/CSS/Overview.en.html">
|
<a href="https://www.w3.org/Style/CSS/Overview.en.html">
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=88&h=31&fm=webp&q=85 88w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=88&h=31&fm=webp&q=50 88w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=176&h=62&fm=webp&q=85 176w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=176&h=62&fm=webp&q=50 176w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=352&h=124&fm=webp&q=85 352w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=352&h=124&fm=webp&q=50 352w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=704&h=248&fm=webp&q=85 704w
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=704&h=248&fm=webp&q=50 704w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 88px,
|
sizes="(max-width: 450px) 88px,
|
||||||
(max-width: 850px) 176px,
|
(max-width: 850px) 176px,
|
||||||
(max-width: 1000px) 352px,
|
(max-width: 1000px) 352px,
|
||||||
704px"
|
704px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=704&h=248&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validcss.png&fit=cover&w=704&h=248&fm=webp&q=50"
|
||||||
alt="Made with 11ty"
|
alt="Made with 11ty"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
|
@ -142,16 +142,16 @@
|
||||||
<a href="https://coryd.dev/feeds">
|
<a href="https://coryd.dev/feeds">
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=88&h=31&fm=webp&q=85 88w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=88&h=31&fm=webp&q=50 88w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=176&h=62&fm=webp&q=85 176w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=176&h=62&fm=webp&q=50 176w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=352&h=124&fm=webp&q=85 352w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=352&h=124&fm=webp&q=50 352w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=704&h=248&fm=webp&q=85 704w
|
https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=704&h=248&fm=webp&q=50 704w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 88px,
|
sizes="(max-width: 450px) 88px,
|
||||||
(max-width: 850px) 176px,
|
(max-width: 850px) 176px,
|
||||||
(max-width: 1000px) 352px,
|
(max-width: 1000px) 352px,
|
||||||
704px"
|
704px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=704&h=248&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=/assets/img/badges/validrss.png&fit=cover&w=704&h=248&fm=webp&q=50"
|
||||||
alt="Made with 11ty"
|
alt="Made with 11ty"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
|
|
|
@ -2,16 +2,16 @@
|
||||||
<div class="webring__centered flex-centered">
|
<div class="webring__centered flex-centered">
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=200&h=169&fm=webp&q=85 200w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=200&h=169&fm=webp&q=50 200w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=400&h=338&fm=webp&q=85 400w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=400&h=338&fm=webp&q=50 400w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=800&h=676&fm=webp&q=85 800w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=800&h=676&fm=webp&q=50 800w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=1600&h=1352&fm=webp&q=85 1600w
|
https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=1600&h=1352&fm=webp&q=50 1600w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 200px,
|
sizes="(max-width: 450px) 200px,
|
||||||
(max-width: 850px) 400px,
|
(max-width: 850px) 400px,
|
||||||
(max-width: 1000px) 800px,
|
(max-width: 1000px) 800px,
|
||||||
1600px"
|
1600px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=1600&h=1352&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=/assets/img/webrings/theclaw.png&fit=cover&w=1600&h=1352&fm=webp&q=50"
|
||||||
alt="The Claw Webring"
|
alt="The Claw Webring"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
|
|
|
@ -8,16 +8,16 @@ image: /assets/img/404.jpg
|
||||||
<div class="four-oh-four-wrapper">
|
<div class="four-oh-four-wrapper">
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=256&h=144&fm=webp&q=85 256w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=256&h=144&fm=webp&q=50 256w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=512&h=288&fm=webp&q=85 512w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=512&h=288&fm=webp&q=50 512w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=1024&h=576&fm=webp&q=85 1024w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=1024&h=576&fm=webp&q=50 1024w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=2048&h=1152&fm=webp&q=85 2048w
|
https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=2048&h=1152&fm=webp&q=50 2048w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 256px,
|
sizes="(max-width: 450px) 256px,
|
||||||
(max-width: 850px) 512px,
|
(max-width: 850px) 512px,
|
||||||
(max-width: 1000px) 1024px,
|
(max-width: 1000px) 1024px,
|
||||||
2048px"
|
2048px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=2048&h=1152&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=/assets/img/404.jpg&fit=cover&w=2048&h=1152&fm=webp&q=50"
|
||||||
alt="{{ alt }}"
|
alt="{{ alt }}"
|
||||||
class="image-banner"
|
class="image-banner"
|
||||||
loading="eager"
|
loading="eager"
|
||||||
|
|
|
@ -11,16 +11,16 @@ permalink: /about.html
|
||||||
{%- capture about_alt -%}{{ meta.siteName }} - image by David Neal / @reverentgeek{%- endcapture -%}
|
{%- capture about_alt -%}{{ meta.siteName }} - image by David Neal / @reverentgeek{%- endcapture -%}
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=200&h=200&fm=webp&q=85 200w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=200&h=200&fm=webp&q=50 200w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=400&h=400&fm=webp&q=85 400w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=400&h=400&fm=webp&q=50 400w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=800&h=800&fm=webp&q=85 800w,
|
https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=800&h=800&fm=webp&q=50 800w,
|
||||||
https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=1200&h=1200&fm=webp&q=85 1200w
|
https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=1200&h=1200&fm=webp&q=50 1200w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 200px,
|
sizes="(max-width: 450px) 200px,
|
||||||
(max-width: 850px) 400px,
|
(max-width: 850px) 400px,
|
||||||
(max-width: 1000px) 800px,
|
(max-width: 1000px) 800px,
|
||||||
1200px"
|
1200px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=1200&h=1200&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=/assets/img/avatar-transparent.png&fit=cover&w=1200&h=1200&fm=webp&q=50"
|
||||||
alt="{{ about_alt }}"
|
alt="{{ about_alt }}"
|
||||||
loading="eager"
|
loading="eager"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
|
|
|
@ -16,16 +16,16 @@ schema: book
|
||||||
<div class="book-display">
|
<div class="book-display">
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=203&h=309&fm=webp&q=85 203w,
|
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=203&h=309&fm=webp&q=50 203w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=406&h=618&fm=webp&q=85 406w,
|
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=406&h=618&fm=webp&q=50 406w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=812&h=1236&fm=webp&q=85 812w,
|
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=812&h=1236&fm=webp&q=50 812w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=1624&h=2472&fm=webp&q=85 1624w
|
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=1624&h=2472&fm=webp&q=50 1624w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 203px,
|
sizes="(max-width: 450px) 203px,
|
||||||
(max-width: 850px) 406px,
|
(max-width: 850px) 406px,
|
||||||
(max-width: 1000px) 812px,
|
(max-width: 1000px) 812px,
|
||||||
1624px"
|
1624px"
|
||||||
src="https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=1624&h=2472&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=1624&h=2472&fm=webp&q=50"
|
||||||
alt="{{ alt }}"
|
alt="{{ alt }}"
|
||||||
loading="eager"
|
loading="eager"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
|
|
|
@ -20,16 +20,16 @@ schema: books
|
||||||
<a href="{{ book.url }}">
|
<a href="{{ book.url }}">
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=203&h=309&fm=webp&q=85 203w,
|
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=203&h=309&fm=webp&q=50 203w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=406&h=618&fm=webp&q=85 406w,
|
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=406&h=618&fm=webp&q=50 406w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=812&h=1236&fm=webp&q=85 812w,
|
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=812&h=1236&fm=webp&q=50 812w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=1624&h=2472&fm=webp&q=85 1624w
|
https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=1624&h=2472&fm=webp&q=50 1624w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 203px,
|
sizes="(max-width: 450px) 203px,
|
||||||
(max-width: 850px) 406px,
|
(max-width: 850px) 406px,
|
||||||
(max-width: 1000px) 812px,
|
(max-width: 1000px) 812px,
|
||||||
1624px"
|
1624px"
|
||||||
src="https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=1624&h=2472&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url={{ book.image }}&fit=cover&w=1624&h=2472&fm=webp&q=50"
|
||||||
alt="{{ alt }}"
|
alt="{{ alt }}"
|
||||||
loading="eager"
|
loading="eager"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
|
|
|
@ -21,16 +21,16 @@ schema: artist
|
||||||
<div class="artist-display">
|
<div class="artist-display">
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=200&h=200&fm=webp&q=85 200w,
|
https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=200&h=200&fm=webp&q=50 200w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=400&h=400&fm=webp&q=85 400w,
|
https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=400&h=400&fm=webp&q=50 400w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=800&h=800&fm=webp&q=85 800w,
|
https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=800&h=800&fm=webp&q=50 800w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=1200&h=1200&fm=webp&q=85 1200w
|
https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=1200&h=1200&fm=webp&q=50 1200w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 200px,
|
sizes="(max-width: 450px) 200px,
|
||||||
(max-width: 850px) 400px,
|
(max-width: 850px) 400px,
|
||||||
(max-width: 1000px) 800px,
|
(max-width: 1000px) 800px,
|
||||||
1200px"
|
1200px"
|
||||||
src="https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=1200&h=1200&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url={{ artist.image }}&fit=cover&w=1200&h=1200&fm=webp&q=50"
|
||||||
alt="{{ alt }}"
|
alt="{{ alt }}"
|
||||||
loading="eager"
|
loading="eager"
|
||||||
decoding="async"
|
decoding="async"
|
||||||
|
|
|
@ -14,16 +14,16 @@ schema: movie
|
||||||
<article class="watching-focus">
|
<article class="watching-focus">
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=85 256w,
|
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=256&h=144&fm=webp&q=50 256w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=85 512w,
|
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=512&h=288&fm=webp&q=50 512w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=85 1024w,
|
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=1024&h=576&fm=webp&q=50 1024w,
|
||||||
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=85 2048w
|
https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=50 2048w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 256px,
|
sizes="(max-width: 450px) 256px,
|
||||||
(max-width: 850px) 512px,
|
(max-width: 850px) 512px,
|
||||||
(max-width: 1000px) 1024px,
|
(max-width: 1000px) 1024px,
|
||||||
2048px"
|
2048px"
|
||||||
src="https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url={{ movie.backdrop }}&fit=cover&w=2048&h=1152&fm=webp&q=50"
|
||||||
alt="{{ alt }}"
|
alt="{{ alt }}"
|
||||||
class="image-banner"
|
class="image-banner"
|
||||||
loading="eager"
|
loading="eager"
|
||||||
|
|
|
@ -15,16 +15,16 @@ schema: show
|
||||||
<article class="watching-focus">
|
<article class="watching-focus">
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=256&h=144&fm=webp&q=85 256w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=256&h=144&fm=webp&q=50 256w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=512&h=288&fm=webp&q=85 512w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=512&h=288&fm=webp&q=50 512w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=1024&h=576&fm=webp&q=85 1024w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=1024&h=576&fm=webp&q=50 1024w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=2048&h=1152&fm=webp&q=85 2048w
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=2048&h=1152&fm=webp&q=50 2048w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 256px,
|
sizes="(max-width: 450px) 256px,
|
||||||
(max-width: 850px) 512px,
|
(max-width: 850px) 512px,
|
||||||
(max-width: 1000px) 1024px,
|
(max-width: 1000px) 1024px,
|
||||||
2048px"
|
2048px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=2048&h=1152&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/shows/backdrops/backdrop-{{ show.tmdb_id }}.jpg&fit=cover&w=2048&h=1152&fm=webp&q=50"
|
||||||
alt="{{ alt }}"
|
alt="{{ alt }}"
|
||||||
class="image-banner"
|
class="image-banner"
|
||||||
loading="eager"
|
loading="eager"
|
||||||
|
|
|
@ -205,16 +205,16 @@ We have an object containing arrays of objects — we iterate through each objec
|
||||||
|
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-artists.jpg&fit=cover&w=200&h=226&fm=webp&q=85 200w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-artists.jpg&fit=cover&w=200&h=226&fm=webp&q=50 200w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-artists.jpg&fit=cover&w=400&h=452&fm=webp&q=85 400w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-artists.jpg&fit=cover&w=400&h=452&fm=webp&q=50 400w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-artists.jpg&fit=cover&w=800&h=904&fm=webp&q=85 800w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-artists.jpg&fit=cover&w=800&h=904&fm=webp&q=50 800w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-artists.jpg&fit=cover&w=1200&h=1356&fm=webp&q=85 1200w
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-artists.jpg&fit=cover&w=1200&h=1356&fm=webp&q=50 1200w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 200px,
|
sizes="(max-width: 450px) 200px,
|
||||||
(max-width: 850px) 400px,
|
(max-width: 850px) 400px,
|
||||||
(max-width: 1000px) 800px,
|
(max-width: 1000px) 800px,
|
||||||
1200px"
|
1200px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-artists.jpg&fit=cover&w=1200&h=1356&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-artists.jpg&fit=cover&w=1200&h=1356&fm=webp&q=50"
|
||||||
alt="Albums and artists"
|
alt="Albums and artists"
|
||||||
class="image-banner"
|
class="image-banner"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
|
|
|
@ -11,16 +11,16 @@ For now, I've approached filtering my mail by applying regular expressions to re
|
||||||
|
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/fastmail-workflow.jpg&fit=cover&w=250&h=183&fm=webp&q=85 250w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/fastmail-workflow.jpg&fit=cover&w=250&h=183&fm=webp&q=50 250w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/fastmail-workflow.jpg&fit=cover&w=500&h=367&fm=webp&q=85 500w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/fastmail-workflow.jpg&fit=cover&w=500&h=367&fm=webp&q=50 500w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/fastmail-workflow.jpg&fit=cover&w=1000&h=733&fm=webp&q=85 1000w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/fastmail-workflow.jpg&fit=cover&w=1000&h=733&fm=webp&q=50 1000w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/fastmail-workflow.jpg&fit=cover&w=2000&h=1466&fm=webp&q=85 2000w
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/fastmail-workflow.jpg&fit=cover&w=2000&h=1466&fm=webp&q=50 2000w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 250px,
|
sizes="(max-width: 450px) 250px,
|
||||||
(max-width: 850px) 500px,
|
(max-width: 850px) 500px,
|
||||||
(max-width: 1000px) 1000px,
|
(max-width: 1000px) 1000px,
|
||||||
2000px"
|
2000px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/fastmail-workflow.jpg&fit=cover&w=2000&h=1466&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/fastmail-workflow.jpg&fit=cover&w=2000&h=1466&fm=webp&q=50"
|
||||||
alt="A diagram of my Fastmail workflow"
|
alt="A diagram of my Fastmail workflow"
|
||||||
class="image-banner"
|
class="image-banner"
|
||||||
loading="eager"
|
loading="eager"
|
||||||
|
|
|
@ -68,16 +68,16 @@ Leaving us with:
|
||||||
|
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&fit=cover&w=200&h=100&fm=webp&q=85 200w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&fit=cover&w=200&h=100&fm=webp&q=50 200w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&fit=cover&w=400&h=200&fm=webp&q=85 400w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&fit=cover&w=400&h=200&fm=webp&q=50 400w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&fit=cover&w=800&h=400&fm=webp&q=85 800w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&fit=cover&w=800&h=400&fm=webp&q=50 800w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&fit=cover&w=1600&h=800&fm=webp&q=85 1600w
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&fit=cover&w=1600&h=800&fm=webp&q=50 1600w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 200px,
|
sizes="(max-width: 450px) 200px,
|
||||||
(max-width: 850px) 400px,
|
(max-width: 850px) 400px,
|
||||||
(max-width: 1000px) 800px,
|
(max-width: 1000px) 800px,
|
||||||
1600px"
|
1600px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&fit=cover&w=1600&h=800&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/album-releases.jpg&fit=cover&w=1600&h=800&fm=webp&q=50"
|
||||||
alt="Albums I'm looking forward to"
|
alt="Albums I'm looking forward to"
|
||||||
class="image-banner"
|
class="image-banner"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
|
|
|
@ -14,16 +14,16 @@ By _minor_ I mean one of those things that may well break inexplicably depending
|
||||||
|
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/grouped-tv.jpg&fit=cover&w=200&h=75&fm=webp&q=85 200w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/grouped-tv.jpg&fit=cover&w=200&h=75&fm=webp&q=50 200w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/grouped-tv.jpg&fit=cover&w=400&h=150&fm=webp&q=85 400w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/grouped-tv.jpg&fit=cover&w=400&h=150&fm=webp&q=50 400w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/grouped-tv.jpg&fit=cover&w=800&h=300&fm=webp&q=85 800w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/grouped-tv.jpg&fit=cover&w=800&h=300&fm=webp&q=50 800w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/grouped-tv.jpg&fit=cover&w=1600&h=600&fm=webp&q=85 1600w
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/grouped-tv.jpg&fit=cover&w=1600&h=600&fm=webp&q=50 1600w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 200px,
|
sizes="(max-width: 450px) 200px,
|
||||||
(max-width: 850px) 400px,
|
(max-width: 850px) 400px,
|
||||||
(max-width: 1000px) 800px,
|
(max-width: 1000px) 800px,
|
||||||
1600px"
|
1600px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/grouped-tv.jpg&fit=cover&w=1600&h=600&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/grouped-tv.jpg&fit=cover&w=1600&h=600&fm=webp&q=50"
|
||||||
alt="Grouped TV episodes"
|
alt="Grouped TV episodes"
|
||||||
class="image-banner"
|
class="image-banner"
|
||||||
width="768"
|
width="768"
|
||||||
|
|
|
@ -170,16 +170,16 @@ All of this, yields the single line at the bottom of this image — updated on e
|
||||||
|
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&fit=cover&w=200&h=61&fm=webp&q=85 200w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&fit=cover&w=200&h=61&fm=webp&q=50 200w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&fit=cover&w=400&h=122&fm=webp&q=85 400w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&fit=cover&w=400&h=122&fm=webp&q=50 400w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&fit=cover&w=800&h=245&fm=webp&q=85 800w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&fit=cover&w=800&h=245&fm=webp&q=50 800w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&fit=cover&w=1600&h=490&fm=webp&q=85 1600w
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&fit=cover&w=1600&h=490&fm=webp&q=50 1600w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 200px,
|
sizes="(max-width: 450px) 200px,
|
||||||
(max-width: 850px) 400px,
|
(max-width: 850px) 400px,
|
||||||
(max-width: 1000px) 800px,
|
(max-width: 1000px) 800px,
|
||||||
1600px"
|
1600px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&fit=cover&w=1600&h=490&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/now-playing.jpg&fit=cover&w=1600&h=490&fm=webp&q=50"
|
||||||
alt="Now playing"
|
alt="Now playing"
|
||||||
class="image-banner"
|
class="image-banner"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
|
|
|
@ -128,16 +128,16 @@ All of these boilerplate steps leave us with a quick to load, accessible and res
|
||||||
|
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&fit=cover&w=250&h=121&fm=webp&q=85 250w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&fit=cover&w=250&h=121&fm=webp&q=50 250w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&fit=cover&w=500&h=242&fm=webp&q=85 500w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&fit=cover&w=500&h=242&fm=webp&q=50 500w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&fit=cover&w=1000&h=484&fm=webp&q=85 1000w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&fit=cover&w=1000&h=484&fm=webp&q=50 1000w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&fit=cover&w=2000&h=968&fm=webp&q=85 2000w
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&fit=cover&w=2000&h=968&fm=webp&q=50 2000w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 250px,
|
sizes="(max-width: 450px) 250px,
|
||||||
(max-width: 850px) 500px,
|
(max-width: 850px) 500px,
|
||||||
(max-width: 1000px) 1000px,
|
(max-width: 1000px) 1000px,
|
||||||
2000px"
|
2000px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&fit=cover&w=2000&h=968&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/page-speed.jpg&fit=cover&w=2000&h=968&fm=webp&q=50"
|
||||||
alt="Pagespeed scores for coryd.dev/now"
|
alt="Pagespeed scores for coryd.dev/now"
|
||||||
class="image-banner"
|
class="image-banner"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
|
|
|
@ -134,16 +134,16 @@ There are some significant issues with this approach: it doesn't capture listens
|
||||||
|
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&fit=cover&w=200&h=127&fm=webp&q=85 200w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&fit=cover&w=200&h=127&fm=webp&q=50 200w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&fit=cover&w=400&h=254&fm=webp&q=85 400w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&fit=cover&w=400&h=254&fm=webp&q=50 400w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&fit=cover&w=800&h=508&fm=webp&q=85 800w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&fit=cover&w=800&h=508&fm=webp&q=50 800w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&fit=cover&w=1600&h=1016&fm=webp&q=85 1600w
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&fit=cover&w=1600&h=1016&fm=webp&q=50 1600w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 200px,
|
sizes="(max-width: 450px) 200px,
|
||||||
(max-width: 850px) 400px,
|
(max-width: 850px) 400px,
|
||||||
(max-width: 1000px) 800px,
|
(max-width: 1000px) 800px,
|
||||||
1600px"
|
1600px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&fit=cover&w=1600&h=1016&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/charlie.jpg&fit=cover&w=1600&h=1016&fm=webp&q=50"
|
||||||
alt="Charlie Day standing in front of charts"
|
alt="Charlie Day standing in front of charts"
|
||||||
class="image-banner"
|
class="image-banner"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
|
|
|
@ -26,16 +26,16 @@ Trakt's backups are in JSON so I went to work coercing them into CSVs to upload
|
||||||
|
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/watched-media-schema.png&fit=cover&w=200&h=87&fm=webp&q=85 200w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/watched-media-schema.png&fit=cover&w=200&h=87&fm=webp&q=50 200w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/watched-media-schema.png&fit=cover&w=400&h=174&fm=webp&q=85 400w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/watched-media-schema.png&fit=cover&w=400&h=174&fm=webp&q=50 400w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/watched-media-schema.png&fit=cover&w=800&h=347&fm=webp&q=85 800w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/watched-media-schema.png&fit=cover&w=800&h=347&fm=webp&q=50 800w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/watched-media-schema.png&fit=cover&w=1600&h=694&fm=webp&q=85 1600w
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/watched-media-schema.png&fit=cover&w=1600&h=694&fm=webp&q=50 1600w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 200px,
|
sizes="(max-width: 450px) 200px,
|
||||||
(max-width: 850px) 400px,
|
(max-width: 850px) 400px,
|
||||||
(max-width: 1000px) 800px,
|
(max-width: 1000px) 800px,
|
||||||
1600px"
|
1600px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/watched-media-schema.png&fit=cover&w=1600&h=694&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/watched-media-schema.png&fit=cover&w=1600&h=694&fm=webp&q=50"
|
||||||
alt="A diagram of my watched media tables"
|
alt="A diagram of my watched media tables"
|
||||||
class="image-banner"
|
class="image-banner"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
|
|
|
@ -11,16 +11,16 @@ I could have kept depending on Last.fm and — don't get me wrong — I love Las
|
||||||
|
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&fit=cover&w=200&h=100&fm=webp&q=85 200w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&fit=cover&w=200&h=100&fm=webp&q=50 200w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&fit=cover&w=400&h=200&fm=webp&q=85 400w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&fit=cover&w=400&h=200&fm=webp&q=50 400w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&fit=cover&w=800&h=400&fm=webp&q=85 800w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&fit=cover&w=800&h=400&fm=webp&q=50 800w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&fit=cover&w=1600&h=800&fm=webp&q=85 1600w
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&fit=cover&w=1600&h=800&fm=webp&q=50 1600w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 200px,
|
sizes="(max-width: 450px) 200px,
|
||||||
(max-width: 850px) 400px,
|
(max-width: 850px) 400px,
|
||||||
(max-width: 1000px) 800px,
|
(max-width: 1000px) 800px,
|
||||||
1600px"
|
1600px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&fit=cover&w=1600&h=800&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/scrobbler.png&fit=cover&w=1600&h=800&fm=webp&q=50"
|
||||||
alt="A diagram of the scrobbling architecture"
|
alt="A diagram of the scrobbling architecture"
|
||||||
class="image-banner"
|
class="image-banner"
|
||||||
width="768"
|
width="768"
|
||||||
|
|
|
@ -118,7 +118,7 @@ schema: artist
|
||||||
<a class="back-link-header link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a>
|
<a class="back-link-header link-icon flex-centered" href="/music">{% tablericon "arrow-left" "Go back" %} Go back</a>
|
||||||
<article class="artist-focus">
|
<article class="artist-focus">
|
||||||
<div class="artist-display">
|
<div class="artist-display">
|
||||||
<img src="https://coryd.dev/.netlify/images/?url={{ artist.image }}&fm=webp&q=85&w=240&h=240&fit=cover" alt="{{ alt }}" loading="eager" decoding="async" width="240" height="240" />
|
<img src="https://coryd.dev/.netlify/images/?url={{ artist.image }}&fm=webp&q=50&w=240&h=240&fit=cover" alt="{{ alt }}" loading="eager" decoding="async" width="240" height="240" />
|
||||||
<div class="artist-meta">
|
<div class="artist-meta">
|
||||||
<p class="title"><strong>{{ artist.name_string }}</strong></p>
|
<p class="title"><strong>{{ artist.name_string }}</strong></p>
|
||||||
{%- if artist.favorite -%}
|
{%- if artist.favorite -%}
|
||||||
|
|
|
@ -16,16 +16,16 @@ My music charting feature relies on JSON maps of artist and album metadata — i
|
||||||
|
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-hazel-rule-example.png&fit=cover&w=200&h=75&fm=webp&q=85 200w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-hazel-rule-example.png&fit=cover&w=200&h=75&fm=webp&q=50 200w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-hazel-rule-example.png&fit=cover&w=400&h=150&fm=webp&q=85 400w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-hazel-rule-example.png&fit=cover&w=400&h=150&fm=webp&q=50 400w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-hazel-rule-example.png&fit=cover&w=800&h=300&fm=webp&q=85 800w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-hazel-rule-example.png&fit=cover&w=800&h=300&fm=webp&q=50 800w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-hazel-rule-example.png&fit=cover&w=1600&h=600&fm=webp&q=85 1600w
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-hazel-rule-example.png&fit=cover&w=1600&h=600&fm=webp&q=50 1600w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 200px,
|
sizes="(max-width: 450px) 200px,
|
||||||
(max-width: 850px) 400px,
|
(max-width: 850px) 400px,
|
||||||
(max-width: 1000px) 800px,
|
(max-width: 1000px) 800px,
|
||||||
1600px"
|
1600px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-hazel-rule-example.png&fit=cover&w=1600&h=600&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/albums-hazel-rule-example.png&fit=cover&w=1600&h=600&fm=webp&q=50"
|
||||||
alt="An example of my album art Hazel workflow"
|
alt="An example of my album art Hazel workflow"
|
||||||
class="image-banner"
|
class="image-banner"
|
||||||
width="786"
|
width="786"
|
||||||
|
|
|
@ -31,16 +31,16 @@ I imported those CSVs into their respective tables, and worked my way to connect
|
||||||
|
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/supabase-schema.png&fit=cover&w=250&h=221&fm=webp&q=85 250w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/supabase-schema.png&fit=cover&w=250&h=221&fm=webp&q=50 250w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/supabase-schema.png&fit=cover&w=500&h=443&fm=webp&q=85 500w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/supabase-schema.png&fit=cover&w=500&h=443&fm=webp&q=50 500w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/supabase-schema.png&fit=cover&w=1000&h=886&fm=webp&q=85 1000w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/supabase-schema.png&fit=cover&w=1000&h=886&fm=webp&q=50 1000w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/supabase-schema.png&fit=cover&w=2000&h=1772&fm=webp&q=85 2000w
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/supabase-schema.png&fit=cover&w=2000&h=1772&fm=webp&q=50 2000w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 250px,
|
sizes="(max-width: 450px) 250px,
|
||||||
(max-width: 850px) 500px,
|
(max-width: 850px) 500px,
|
||||||
(max-width: 1000px) 1000px,
|
(max-width: 1000px) 1000px,
|
||||||
2000px"
|
2000px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/supabase-schema.png&fit=cover&w=2000&h=1772&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/supabase-schema.png&fit=cover&w=2000&h=1772&fm=webp&q=50"
|
||||||
alt="A diagram of my scrobbling tables"
|
alt="A diagram of my scrobbling tables"
|
||||||
class="image-banner"
|
class="image-banner"
|
||||||
loading="eager"
|
loading="eager"
|
||||||
|
|
|
@ -30,16 +30,16 @@ Each piece was important to me when I got it and remains important to me now. Th
|
||||||
|
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&fit=cover&w=200&h=179&fm=webp&q=85 200w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&fit=cover&w=200&h=179&fm=webp&q=50 200w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&fit=cover&w=400&h=358&fm=webp&q=85 400w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&fit=cover&w=400&h=358&fm=webp&q=50 400w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&fit=cover&w=800&h=715&fm=webp&q=85 800w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&fit=cover&w=800&h=715&fm=webp&q=50 800w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&fit=cover&w=1600&h=1430&fm=webp&q=85 1600w
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&fit=cover&w=1600&h=1430&fm=webp&q=50 1600w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 200px,
|
sizes="(max-width: 450px) 200px,
|
||||||
(max-width: 850px) 400px,
|
(max-width: 850px) 400px,
|
||||||
(max-width: 1000px) 800px,
|
(max-width: 1000px) 800px,
|
||||||
1600px"
|
1600px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&fit=cover&w=1600&h=1430&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/half-sleeve.jpg&fit=cover&w=1600&h=1430&fm=webp&q=50"
|
||||||
alt="A photo of the Sturgill Simpson-inspired half sleeve referenced above."
|
alt="A photo of the Sturgill Simpson-inspired half sleeve referenced above."
|
||||||
class="image-banner"
|
class="image-banner"
|
||||||
loading="lazy"
|
loading="lazy"
|
||||||
|
|
|
@ -9,16 +9,16 @@ I've called the same band my favorite for a long time and, the older I get, the
|
||||||
|
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/nmn.jpg&fit=cover&w=200&h=133&fm=webp&q=85 200w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/nmn.jpg&fit=cover&w=200&h=133&fm=webp&q=50 200w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/nmn.jpg&fit=cover&w=400&h=267&fm=webp&q=85 400w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/nmn.jpg&fit=cover&w=400&h=267&fm=webp&q=50 400w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/nmn.jpg&fit=cover&w=800&h=533&fm=webp&q=85 800w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/nmn.jpg&fit=cover&w=800&h=533&fm=webp&q=50 800w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/nmn.jpg&fit=cover&w=1600&h=1067&fm=webp&q=85 1600w
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/nmn.jpg&fit=cover&w=1600&h=1067&fm=webp&q=50 1600w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 200px,
|
sizes="(max-width: 450px) 200px,
|
||||||
(max-width: 850px) 400px,
|
(max-width: 850px) 400px,
|
||||||
(max-width: 1000px) 800px,
|
(max-width: 1000px) 800px,
|
||||||
1600px"
|
1600px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/nmn.jpg&fit=cover&w=1600&h=1067&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/nmn.jpg&fit=cover&w=1600&h=1067&fm=webp&q=50"
|
||||||
alt="Albums and artists"
|
alt="Albums and artists"
|
||||||
class="image-banner"
|
class="image-banner"
|
||||||
loading="eager"
|
loading="eager"
|
||||||
|
|
|
@ -8,16 +8,16 @@ I saw this carved into a table in Austin once and it — like many songs — has
|
||||||
|
|
||||||
<img
|
<img
|
||||||
srcset="
|
srcset="
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/what-song.png&fit=cover&w=200&h=67&fm=webp&q=85 200w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/what-song.png&fit=cover&w=200&h=67&fm=webp&q=50 200w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/what-song.png&fit=cover&w=400&h=133&fm=webp&q=85 400w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/what-song.png&fit=cover&w=400&h=133&fm=webp&q=50 400w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/what-song.png&fit=cover&w=800&h=267&fm=webp&q=85 800w,
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/what-song.png&fit=cover&w=800&h=267&fm=webp&q=50 800w,
|
||||||
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/what-song.png&fit=cover&w=1600&h=533&fm=webp&q=85 1600w
|
https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/what-song.png&fit=cover&w=1600&h=533&fm=webp&q=50 1600w
|
||||||
"
|
"
|
||||||
sizes="(max-width: 450px) 200px,
|
sizes="(max-width: 450px) 200px,
|
||||||
(max-width: 850px) 400px,
|
(max-width: 850px) 400px,
|
||||||
(max-width: 1000px) 800px,
|
(max-width: 1000px) 800px,
|
||||||
1600px"
|
1600px"
|
||||||
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/what-song.png&fit=cover&w=1600&h=533&fm=webp&q=85"
|
src="https://coryd.dev/.netlify/images/?url=https://coryd.dev/media/blog/what-song.png&fit=cover&w=1600&h=533&fm=webp&q=50"
|
||||||
alt="What song is in your head?"
|
alt="What song is in your head?"
|
||||||
class="image-banner"
|
class="image-banner"
|
||||||
loading="eager"
|
loading="eager"
|
||||||
|
|
Reference in a new issue