From 10aaf858ac30b2036918ce72ecf4e73a413aee64 Mon Sep 17 00:00:00 2001
From: Cory Dransfeldt <coryd@hey.com>
Date: Tue, 5 Mar 2024 07:42:38 -0800
Subject: [PATCH] fix: image loading + aspect ratio
---
src/_includes/partials/badge-grid.liquid | 16 ++++++++--------
src/assets/styles/pages/about.css | 4 ++--
2 files changed, 10 insertions(+), 10 deletions(-)
diff --git a/src/_includes/partials/badge-grid.liquid b/src/_includes/partials/badge-grid.liquid
index 599f1c59..a1ab094c 100644
--- a/src/_includes/partials/badge-grid.liquid
+++ b/src/_includes/partials/badge-grid.liquid
@@ -4,23 +4,23 @@
<style>{{ css }}</style>
<div class="badge__grid">
<a href="https://11ty.dev">
- {% image './src/assets/img/badges/eleventy.png', 'Made with 11ty' %}
+ {% image './src/assets/img/badges/eleventy.png', 'Made with 11ty', '', 'lazy' %}
</a>
<a href="https://social.lol/@cory">
- {% image './src/assets/img/badges/mastodon.png', 'Follow me on Mastodon' %}
+ {% image './src/assets/img/badges/mastodon.png', 'Follow me on Mastodon', '', 'lazy' %}
</a>
- {% image './src/assets/img/badges/notarobot.png', 'Not a robot' %}
+ {% image './src/assets/img/badges/notarobot.png', 'Not a robot', '', 'lazy' %}
<a href="https://github.com/cdransf">
- {% image './src/assets/img/badges/github.png', 'Check out my GitHub' %}
+ {% image './src/assets/img/badges/github.png', 'Check out my GitHub', '', 'lazy' %}
</a>
<a href="https://www.last.fm/user/coryd_">
- {% image './src/assets/img/badges/lastfm.png', 'Follow me on Last.fm' %}
+ {% image './src/assets/img/badges/lastfm.png', 'Follow me on Last.fm', '', 'lazy' %}
</a>
<a href="https://www.buymeacoffee.com/cory">
- {% image './src/assets/img/badges/buymeacoffee.png', 'Buy Me a Coffee' %}
+ {% image './src/assets/img/badges/buymeacoffee.png', 'Buy Me a Coffee', '', 'lazy' %}
</a>
- {% image './src/assets/img/badges/validhtml5.png', 'Valid HTML5' %}
+ {% image './src/assets/img/badges/validhtml5.png', 'Valid HTML5', '', 'lazy' %}
<a href="https://coryd.dev/feeds">
- {% image './src/assets/img/badges/validrss.png', 'Valid RSS' %}
+ {% image './src/assets/img/badges/validrss.png', 'Valid RSS', '', 'lazy' %}
</a>
</div>
diff --git a/src/assets/styles/pages/about.css b/src/assets/styles/pages/about.css
index 6fc1d439..09776c75 100644
--- a/src/assets/styles/pages/about.css
+++ b/src/assets/styles/pages/about.css
@@ -8,8 +8,8 @@
}
.avatar__wrapper .avatar__wrapper--interior {
- max-width: var(--avatar-size);
- height: auto;
+ width: var(--avatar-size);
+ height: var(--avatar-size);;
border: 1px solid var(--accent-color);
border-radius: var(--rounded-full);
display: flex;