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

fix: styles

Browse source
This commit is contained in:
Cory Dransfeldt 2024-05-01 18:57:47 -07:00
parent 352a3a53a6
commit 1eae4c6251
No known key found for this signature in database
4 changed files with 6 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_redirects
View file

@ -97,8 +97,6 @@ https://cdme.netlify.app https://coryd.dev 301!
# media
/media/* https://f001.backblazeb2.com/file/coryd-dev-images/:splat 200!
/media-square/* /.netlify/images?url=https://f001.backblazeb2.com/file/coryd-dev-images/:splat&fit=cover&w=240&h=240&fm=webp&q=75 200!
/media-vertical/* /.netlify/images?url=https://f001.backblazeb2.com/file/coryd-dev-images/:splat&fit=cover&w=200&h=307&fm=webp&q=75 200!
# analytics
/23af0256fe76a.js http://static.getclicky.com/js?in=/2842c5ddc46e5 200!

2
package.json
View file

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

4
src/_includes/partials/now/media-grid.liquid
View file

@ -22,9 +22,9 @@
{%- if loading -%}{{ loading }}{%- else -%}lazy{%- endif -%}
{%- endcapture -%}
{% if shape == 'square' %}
<img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=320&h=320&fm=webp&q=85" class="image-banner" alt="{{ alt }}" loading="{{ loadingStrategy }}" decoding="async" />
<img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=240&h=240&fm=webp&q=60" alt="{{ alt }}" loading="{{ loadingStrategy }}" decoding="async" />
{% else %}
<img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=307&fm=webp&q=85" class="image-banner" alt="{{ alt }}" loading="{{ loadingStrategy }}" decoding="async" />
<img src="https://coryd.dev/.netlify/images/?url={{ item.image }}&fit=cover&w=200&h=307&fm=webp&q=60" alt="{{ alt }}" loading="{{ loadingStrategy }}" decoding="async" />
{% endif %}
</div>
</a>

10
src/assets/styles/components/media-grid.css
View file

@ -26,7 +26,10 @@
}
& .item-wrapper {
width: 100%;
height: 100%;
position: relative;
display: flex;
&.shadow image::after {
position: absolute;
@ -38,13 +41,6 @@
width: calc(100% - 2px);
height: calc(100% - 1px);
}
& image {
width: 100%;
height: 100%;
position: relative;
display: flex;
}
}
& a:hover img,