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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
package-lock.json generated
View file

@ -1,12 +1,12 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.9.15", "version": "19.9.16",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.9.15", "version": "19.9.16",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@cdransf/api-text": "^1.4.0", "@cdransf/api-text": "^1.4.0",

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "19.9.15", "version": "19.9.16",
"description": "The source for my personal site. Built using 11ty.", "description": "The source for my personal site. Built using 11ty.",
"type": "module", "type": "module",
"scripts": { "scripts": {

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

@ -2,16 +2,15 @@
<a href="https://11ty.dev"> <a href="https://11ty.dev">
<img <img
srcset=" srcset="
https://cdn.coryd.dev/assets/badges/eleventy.png?aspect_ratio=1:.35&width=88 88w, https://cdn.coryd.dev/assets/badges/eleventy.png??class=w50 50w,
https://cdn.coryd.dev/assets/badges/eleventy.png?aspect_ratio=1:.35&width=176 176w, https://cdn.coryd.dev/assets/badges/eleventy.png?class=w100 100w,
https://cdn.coryd.dev/assets/badges/eleventy.png?aspect_ratio=1:.35&width=352 352w, https://cdn.coryd.dev/assets/badges/eleventy.png?class=w200 200w,
https://cdn.coryd.dev/assets/badges/eleventy.png?aspect_ratio=1:.35&width=704 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://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" alt="Made with 11ty"
loading="lazy" loading="lazy"
decoding="async" decoding="async"
@ -22,16 +21,15 @@
<a href="https://social.lol/@cory"> <a href="https://social.lol/@cory">
<img <img
srcset=" srcset="
https://cdn.coryd.dev/assets/badges/mastodon.png?aspect_ratio=1:.35&width=88 88w, https://cdn.coryd.dev/assets/badges/mastodon.png??class=w50 50w,
https://cdn.coryd.dev/assets/badges/mastodon.png?aspect_ratio=1:.35&width=176 176w, https://cdn.coryd.dev/assets/badges/mastodon.png?class=w100 100w,
https://cdn.coryd.dev/assets/badges/mastodon.png?aspect_ratio=1:.35&width=352 352w, https://cdn.coryd.dev/assets/badges/mastodon.png?class=w200 200w,
https://cdn.coryd.dev/assets/badges/mastodon.png?aspect_ratio=1:.35&width=704 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://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" alt="Made with 11ty"
loading="lazy" loading="lazy"
decoding="async" decoding="async"
@ -42,16 +40,15 @@
<a href="https://www.buymeacoffee.com/cory"> <a href="https://www.buymeacoffee.com/cory">
<img <img
srcset=" srcset="
https://cdn.coryd.dev/assets/badges/buymeacoffee.png?aspect_ratio=1:.35&width=88 88w, https://cdn.coryd.dev/assets/badges/buymeacoffee.png??class=w50 50w,
https://cdn.coryd.dev/assets/badges/buymeacoffee.png?aspect_ratio=1:.35&width=176 176w, https://cdn.coryd.dev/assets/badges/buymeacoffee.png?class=w100 100w,
https://cdn.coryd.dev/assets/badges/buymeacoffee.png?aspect_ratio=1:.35&width=352 352w, https://cdn.coryd.dev/assets/badges/buymeacoffee.png?class=w200 200w,
https://cdn.coryd.dev/assets/badges/buymeacoffee.png?aspect_ratio=1:.35&width=704 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://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" alt="Made with 11ty"
loading="lazy" loading="lazy"
decoding="async" decoding="async"
@ -62,16 +59,16 @@
<a href="https://github.com/cdransf"> <a href="https://github.com/cdransf">
<img <img
srcset=" srcset="
https://cdn.coryd.dev/assets/badges/github.png?aspect_ratio=1:.35&width=88 88w, https://cdn.coryd.dev/assets/badges/github.png??class=w50 50w,
https://cdn.coryd.dev/assets/badges/github.png?aspect_ratio=1:.35&width=176 176w, https://cdn.coryd.dev/assets/badges/github.png?class=w100 100w,
https://cdn.coryd.dev/assets/badges/github.png?aspect_ratio=1:.35&width=352 352w, https://cdn.coryd.dev/assets/badges/github.png?class=w200 200w,
https://cdn.coryd.dev/assets/badges/github.png?aspect_ratio=1:.35&width=704 704w https://cdn.coryd.dev/assets/badges/github.png?class=w200 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://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" alt="Made with 11ty"
loading="lazy" loading="lazy"
decoding="async" decoding="async"
@ -82,16 +79,15 @@
<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://cdn.coryd.dev/assets/badges/notarobot.png?aspect_ratio=1:.35&width=88 88w, https://cdn.coryd.dev/assets/badges/notarobot.png??class=w50 50w,
https://cdn.coryd.dev/assets/badges/notarobot.png?aspect_ratio=1:.35&width=176 176w, https://cdn.coryd.dev/assets/badges/notarobot.png?class=w100 100w,
https://cdn.coryd.dev/assets/badges/notarobot.png?aspect_ratio=1:.35&width=352 352w, https://cdn.coryd.dev/assets/badges/notarobot.png?class=w200 200w,
https://cdn.coryd.dev/assets/badges/notarobot.png?aspect_ratio=1:.35&width=704 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://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" alt="Made with 11ty"
loading="lazy" loading="lazy"
decoding="async" decoding="async"
@ -102,16 +98,15 @@
<a href="https://validator.w3.org"> <a href="https://validator.w3.org">
<img <img
srcset=" srcset="
https://cdn.coryd.dev/assets/badges/validhtml5.png?aspect_ratio=1:.35&width=88 88w, https://cdn.coryd.dev/assets/badges/validhtml5.png??class=w50 50w,
https://cdn.coryd.dev/assets/badges/validhtml5.png?aspect_ratio=1:.35&width=176 176w, https://cdn.coryd.dev/assets/badges/validhtml5.png?class=w100 100w,
https://cdn.coryd.dev/assets/badges/validhtml5.png?aspect_ratio=1:.35&width=352 352w, https://cdn.coryd.dev/assets/badges/validhtml5.png?class=w200 200w,
https://cdn.coryd.dev/assets/badges/validhtml5.png?aspect_ratio=1:.35&width=704 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://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" alt="Made with 11ty"
loading="lazy" loading="lazy"
decoding="async" decoding="async"
@ -122,16 +117,15 @@
<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://cdn.coryd.dev/assets/badges/validcss.png?aspect_ratio=1:.35&width=88 88w, https://cdn.coryd.dev/assets/badges/validcss.png??class=w50 50w,
https://cdn.coryd.dev/assets/badges/validcss.png?aspect_ratio=1:.35&width=176 176w, https://cdn.coryd.dev/assets/badges/validcss.png?class=w100 100w,
https://cdn.coryd.dev/assets/badges/validcss.png?aspect_ratio=1:.35&width=352 352w, https://cdn.coryd.dev/assets/badges/validcss.png?class=w200 200w,
https://cdn.coryd.dev/assets/badges/validcss.png?aspect_ratio=1:.35&width=704 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://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" alt="Made with 11ty"
loading="lazy" loading="lazy"
decoding="async" decoding="async"
@ -142,16 +136,15 @@
<a href="https://coryd.dev/feeds"> <a href="https://coryd.dev/feeds">
<img <img
srcset=" srcset="
https://cdn.coryd.dev/assets/badges/validrss.png?aspect_ratio=1:.35&width=88 88w, https://cdn.coryd.dev/assets/badges/validrss.png??class=w50 50w,
https://cdn.coryd.dev/assets/badges/validrss.png?aspect_ratio=1:.35&width=176 176w, https://cdn.coryd.dev/assets/badges/validrss.png?class=w100 100w,
https://cdn.coryd.dev/assets/badges/validrss.png?aspect_ratio=1:.35&width=352 352w, https://cdn.coryd.dev/assets/badges/validrss.png?class=w200 200w,
https://cdn.coryd.dev/assets/badges/validrss.png?aspect_ratio=1:.35&width=704 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://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" alt="Made with 11ty"
loading="lazy" loading="lazy"
decoding="async" decoding="async"

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

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