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

fix: badge params + focus

Browse source
This commit is contained in:
Cory Dransfeldt 2024-07-03 13:40:34 -07:00
parent ce27944f3f
commit faa3c78cad
No known key found for this signature in database
4 changed files with 45 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

73
src/_includes/partials/widgets/badge-grid.liquid
View file

@ -2,16 +2,15 @@
<a href="https://11ty.dev">
<img
srcset="
https://cdn.coryd.dev/assets/badges/eleventy.png?aspect_ratio=1:.35&width=88 88w,
https://cdn.coryd.dev/assets/badges/eleventy.png?aspect_ratio=1:.35&width=176 176w,
https://cdn.coryd.dev/assets/badges/eleventy.png?aspect_ratio=1:.35&width=352 352w,
https://cdn.coryd.dev/assets/badges/eleventy.png?aspect_ratio=1:.35&width=704 704w
https://cdn.coryd.dev/assets/badges/eleventy.png??class=w50 50w,
https://cdn.coryd.dev/assets/badges/eleventy.png?class=w100 100w,
https://cdn.coryd.dev/assets/badges/eleventy.png?class=w200 200w,
"
sizes="(max-width: 450px) 88px,
(max-width: 850px) 176px,
(max-width: 1000px) 352px,
704px"
src="https://cdn.coryd.dev/assets/badges/eleventy.png?aspect_ratio=1:.35&width=704"
src="https://cdn.coryd.dev/assets/badges/eleventy.png?class=w200"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -22,16 +21,15 @@
<a href="https://social.lol/@cory">
<img
srcset="
https://cdn.coryd.dev/assets/badges/mastodon.png?aspect_ratio=1:.35&width=88 88w,
https://cdn.coryd.dev/assets/badges/mastodon.png?aspect_ratio=1:.35&width=176 176w,
https://cdn.coryd.dev/assets/badges/mastodon.png?aspect_ratio=1:.35&width=352 352w,
https://cdn.coryd.dev/assets/badges/mastodon.png?aspect_ratio=1:.35&width=704 704w
https://cdn.coryd.dev/assets/badges/mastodon.png??class=w50 50w,
https://cdn.coryd.dev/assets/badges/mastodon.png?class=w100 100w,
https://cdn.coryd.dev/assets/badges/mastodon.png?class=w200 200w,
"
sizes="(max-width: 450px) 88px,
(max-width: 850px) 176px,
(max-width: 1000px) 352px,
704px"
src="https://cdn.coryd.dev/assets/badges/mastodon.png?aspect_ratio=1:.35&width=704"
src="https://cdn.coryd.dev/assets/badges/mastodon.png?class=w200"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -42,16 +40,15 @@
<a href="https://www.buymeacoffee.com/cory">
<img
srcset="
https://cdn.coryd.dev/assets/badges/buymeacoffee.png?aspect_ratio=1:.35&width=88 88w,
https://cdn.coryd.dev/assets/badges/buymeacoffee.png?aspect_ratio=1:.35&width=176 176w,
https://cdn.coryd.dev/assets/badges/buymeacoffee.png?aspect_ratio=1:.35&width=352 352w,
https://cdn.coryd.dev/assets/badges/buymeacoffee.png?aspect_ratio=1:.35&width=704 704w
https://cdn.coryd.dev/assets/badges/buymeacoffee.png??class=w50 50w,
https://cdn.coryd.dev/assets/badges/buymeacoffee.png?class=w100 100w,
https://cdn.coryd.dev/assets/badges/buymeacoffee.png?class=w200 200w,
"
sizes="(max-width: 450px) 88px,
(max-width: 850px) 176px,
(max-width: 1000px) 352px,
704px"
src="https://cdn.coryd.dev/assets/badges/buymeacoffee.png?aspect_ratio=1:.35&width=704"
src="https://cdn.coryd.dev/assets/badges/buymeacoffee.png?class=w200"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -62,16 +59,16 @@
<a href="https://github.com/cdransf">
<img
srcset="
https://cdn.coryd.dev/assets/badges/github.png?aspect_ratio=1:.35&width=88 88w,
https://cdn.coryd.dev/assets/badges/github.png?aspect_ratio=1:.35&width=176 176w,
https://cdn.coryd.dev/assets/badges/github.png?aspect_ratio=1:.35&width=352 352w,
https://cdn.coryd.dev/assets/badges/github.png?aspect_ratio=1:.35&width=704 704w
https://cdn.coryd.dev/assets/badges/github.png??class=w50 50w,
https://cdn.coryd.dev/assets/badges/github.png?class=w100 100w,
https://cdn.coryd.dev/assets/badges/github.png?class=w200 200w,
https://cdn.coryd.dev/assets/badges/github.png?class=w200 704w
"
sizes="(max-width: 450px) 88px,
(max-width: 850px) 176px,
(max-width: 1000px) 352px,
704px"
src="https://cdn.coryd.dev/assets/badges/github.png?aspect_ratio=1:.35&width=704"
src="https://cdn.coryd.dev/assets/badges/github.png?class=w200"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -82,16 +79,15 @@
<a href="https://github.com/ai-robots-txt/ai.robots.txt">
<img
srcset="
https://cdn.coryd.dev/assets/badges/notarobot.png?aspect_ratio=1:.35&width=88 88w,
https://cdn.coryd.dev/assets/badges/notarobot.png?aspect_ratio=1:.35&width=176 176w,
https://cdn.coryd.dev/assets/badges/notarobot.png?aspect_ratio=1:.35&width=352 352w,
https://cdn.coryd.dev/assets/badges/notarobot.png?aspect_ratio=1:.35&width=704 704w
https://cdn.coryd.dev/assets/badges/notarobot.png??class=w50 50w,
https://cdn.coryd.dev/assets/badges/notarobot.png?class=w100 100w,
https://cdn.coryd.dev/assets/badges/notarobot.png?class=w200 200w,
"
sizes="(max-width: 450px) 88px,
(max-width: 850px) 176px,
(max-width: 1000px) 352px,
704px"
src="https://cdn.coryd.dev/assets/badges/notarobot.png?aspect_ratio=1:.35&width=704"
src="https://cdn.coryd.dev/assets/badges/notarobot.png?class=w200"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -102,16 +98,15 @@
<a href="https://validator.w3.org">
<img
srcset="
https://cdn.coryd.dev/assets/badges/validhtml5.png?aspect_ratio=1:.35&width=88 88w,
https://cdn.coryd.dev/assets/badges/validhtml5.png?aspect_ratio=1:.35&width=176 176w,
https://cdn.coryd.dev/assets/badges/validhtml5.png?aspect_ratio=1:.35&width=352 352w,
https://cdn.coryd.dev/assets/badges/validhtml5.png?aspect_ratio=1:.35&width=704 704w
https://cdn.coryd.dev/assets/badges/validhtml5.png??class=w50 50w,
https://cdn.coryd.dev/assets/badges/validhtml5.png?class=w100 100w,
https://cdn.coryd.dev/assets/badges/validhtml5.png?class=w200 200w,
"
sizes="(max-width: 450px) 88px,
(max-width: 850px) 176px,
(max-width: 1000px) 352px,
704px"
src="https://cdn.coryd.dev/assets/badges/validhtml5.png?aspect_ratio=1:.35&width=704"
src="https://cdn.coryd.dev/assets/badges/validhtml5.png?class=w200"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -122,16 +117,15 @@
<a href="https://www.w3.org/Style/CSS/Overview.en.html">
<img
srcset="
https://cdn.coryd.dev/assets/badges/validcss.png?aspect_ratio=1:.35&width=88 88w,
https://cdn.coryd.dev/assets/badges/validcss.png?aspect_ratio=1:.35&width=176 176w,
https://cdn.coryd.dev/assets/badges/validcss.png?aspect_ratio=1:.35&width=352 352w,
https://cdn.coryd.dev/assets/badges/validcss.png?aspect_ratio=1:.35&width=704 704w
https://cdn.coryd.dev/assets/badges/validcss.png??class=w50 50w,
https://cdn.coryd.dev/assets/badges/validcss.png?class=w100 100w,
https://cdn.coryd.dev/assets/badges/validcss.png?class=w200 200w,
"
sizes="(max-width: 450px) 88px,
(max-width: 850px) 176px,
(max-width: 1000px) 352px,
704px"
src="https://cdn.coryd.dev/assets/badges/validcss.png?aspect_ratio=1:.35&width=704"
src="https://cdn.coryd.dev/assets/badges/validcss.png?class=w200"
alt="Made with 11ty"
loading="lazy"
decoding="async"
@ -142,16 +136,15 @@
<a href="https://coryd.dev/feeds">
<img
srcset="
https://cdn.coryd.dev/assets/badges/validrss.png?aspect_ratio=1:.35&width=88 88w,
https://cdn.coryd.dev/assets/badges/validrss.png?aspect_ratio=1:.35&width=176 176w,
https://cdn.coryd.dev/assets/badges/validrss.png?aspect_ratio=1:.35&width=352 352w,
https://cdn.coryd.dev/assets/badges/validrss.png?aspect_ratio=1:.35&width=704 704w
https://cdn.coryd.dev/assets/badges/validrss.png??class=w50 50w,
https://cdn.coryd.dev/assets/badges/validrss.png?class=w100 100w,
https://cdn.coryd.dev/assets/badges/validrss.png?class=w200 200w,
"
sizes="(max-width: 450px) 88px,
(max-width: 850px) 176px,
(max-width: 1000px) 352px,
704px"
src="https://cdn.coryd.dev/assets/badges/validrss.png?aspect_ratio=1:.35&width=704"
src="https://cdn.coryd.dev/assets/badges/validrss.png?class=w200"
alt="Made with 11ty"
loading="lazy"
decoding="async"

9
src/assets/styles/components/badge-grid.css
View file

@ -9,6 +9,15 @@
justify-content: center;
}
& a {
outline: 0;
&:focus img,
&:focus-within img {
outline: var(--outline)
}
}
& img {
image-rendering: pixelated;
}