diff --git a/package.json b/package.json index 7fc31696..c0cf0457 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "coryd.dev", - "version": "7.2.3", + "version": "7.3.0", "description": "The source for my personal site. Built using 11ty.", "type": "module", "scripts": { diff --git a/src/_includes/partials/badge-grid.liquid b/src/_includes/partials/badge-grid.liquid new file mode 100644 index 00000000..1d795d27 --- /dev/null +++ b/src/_includes/partials/badge-grid.liquid @@ -0,0 +1,26 @@ +{% capture css %} + {% render "../../assets/styles/components/badge-grid.css" %} +{% endcapture %} + +
+ + {% image './src/assets/img/badges/eleventy.png', 'Made with 11ty' %} + + + {% image './src/assets/img/badges/mastodon.png', 'Follow me on Mastodon' %} + + {% image './src/assets/img/badges/notarobot.png', 'Not a robot' %} + + {% image './src/assets/img/badges/github.png', 'Check out my GitHub' %} + + + {% image './src/assets/img/badges/lastfm.png', 'Check out my GitHub' %} + + {% image './src/assets/img/badges/validhtml5.png', 'Valid HTML5' %} + + {% image './src/assets/img/badges/validrss.png', 'Valid RSS' %} + + + {% image './src/assets/img/badges/macOS.png', 'Made with macOS' %} + +
\ No newline at end of file diff --git a/src/assets/img/badges/eleventy.png b/src/assets/img/badges/eleventy.png new file mode 100644 index 00000000..eea3eb16 Binary files /dev/null and b/src/assets/img/badges/eleventy.png differ diff --git a/src/assets/img/badges/github.png b/src/assets/img/badges/github.png new file mode 100644 index 00000000..7fc976cb Binary files /dev/null and b/src/assets/img/badges/github.png differ diff --git a/src/assets/img/badges/lastfm.png b/src/assets/img/badges/lastfm.png new file mode 100644 index 00000000..7cf0a0fa Binary files /dev/null and b/src/assets/img/badges/lastfm.png differ diff --git a/src/assets/img/badges/macos.png b/src/assets/img/badges/macos.png new file mode 100644 index 00000000..bbf0ce79 Binary files /dev/null and b/src/assets/img/badges/macos.png differ diff --git a/src/assets/img/badges/mastodon.png b/src/assets/img/badges/mastodon.png new file mode 100644 index 00000000..a68ff09f Binary files /dev/null and b/src/assets/img/badges/mastodon.png differ diff --git a/src/assets/img/badges/notarobot.png b/src/assets/img/badges/notarobot.png new file mode 100644 index 00000000..9062bcb4 Binary files /dev/null and b/src/assets/img/badges/notarobot.png differ diff --git a/src/assets/img/badges/validhtml5.png b/src/assets/img/badges/validhtml5.png new file mode 100644 index 00000000..2a92dccb Binary files /dev/null and b/src/assets/img/badges/validhtml5.png differ diff --git a/src/assets/img/badges/validrss.png b/src/assets/img/badges/validrss.png new file mode 100644 index 00000000..755f04d2 Binary files /dev/null and b/src/assets/img/badges/validrss.png differ diff --git a/src/assets/styles/components/badge-grid.css b/src/assets/styles/components/badge-grid.css new file mode 100644 index 00000000..7acbdaf5 --- /dev/null +++ b/src/assets/styles/components/badge-grid.css @@ -0,0 +1,20 @@ +:root { + --grid: repeat(3,minmax(0,1fr)); +} + +.badge__grid { + display: grid; + gap: var(--sizing-md); + grid-template-columns: var(--grid); +} + +.badge__grid > * { + display: flex; + justify-content: center; +} + +@media screen and (min-width: 768px) { + :root { + --grid: repeat(4,minmax(0,1fr)); + } +} \ No newline at end of file diff --git a/src/pages/about.md b/src/pages/about.md index e0391fab..7d318080 100644 --- a/src/pages/about.md +++ b/src/pages/about.md @@ -23,3 +23,5 @@ I build, maintain and design web applications. I've been coding professionally s I tend to write about whatever strikes me, with a focus on development, technology, automation or issues I run into with these things. This is all typically light on editing with and heavy on spur of the moment thoughts. [You can also see what I'm doing now](/now), [take a look at the links I've shared recently](/links) or [check out the webrings I'm a member of](/webrings). + +{% render "partials/badge-grid.liquid" %} \ No newline at end of file