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

fix: image loading + aspect ratio

Browse source
This commit is contained in:
Cory Dransfeldt 2024-03-05 07:42:38 -08:00
parent 99c3d8cd90
commit 10aaf858ac
No known key found for this signature in database
2 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/_includes/partials/badge-grid.liquid
View file

@ -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>

4
src/assets/styles/pages/about.css
View file

@ -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;