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

fix: 404 + image optimization

Browse source
This commit is contained in:
Cory Dransfeldt 2024-03-07 11:41:51 -08:00
parent 5dc95273ee
commit 0c6518cb1f
No known key found for this signature in database
4 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
_redirects
View file

@ -35,6 +35,7 @@
/assets/img/social-card.jpg /assets/img/ogi/default.jpg 301! /assets/img/social-card.jpg /assets/img/ogi/default.jpg 301!
/posts / 301! /posts / 301!
/posts/2024 / 301! /posts/2024 / 301!
/blog/digital-privacy-tools /posts/2021/digital-privacy-tools/ 301!
/assets/img/social-preview/your-site-your-home-your-web- /assets/img/social-preview/your-site-your-home-your-web-preview.jpeg 301! /assets/img/social-preview/your-site-your-home-your-web- /assets/img/social-preview/your-site-your-home-your-web-preview.jpeg 301!
/tags/chatgpt/ /tags/ai/ 301! /tags/chatgpt/ /tags/ai/ 301!

9
config/shortcodes/index.js
View file

@ -20,7 +20,7 @@ export const img = async (
sizes = '90vw', sizes = '90vw',
formats = ['avif', 'webp', 'jpeg'] formats = ['avif', 'webp', 'jpeg']
) => { ) => {
const widths = [320, 570, 880, 1024, 1248].filter(width => width <= maxWidth); const widths = [200, 320, 570, 880, 1024, 1248].filter(width => width <= maxWidth);
const metadata = await Image(src, { const metadata = await Image(src, {
widths: [...widths], widths: [...widths],
formats: [...formats], formats: [...formats],
@ -45,7 +45,7 @@ export const img = async (
}) })
.join('\n'); .join('\n');
const imgageAttributes = stringifyAttributes({ const imageAttributes = stringifyAttributes({
src: lowsrc.url, src: lowsrc.url,
width: lowsrc.width, width: lowsrc.width,
height: lowsrc.height, height: lowsrc.height,
@ -55,10 +55,7 @@ export const img = async (
decoding: 'async', decoding: 'async',
}); });
const imageElement = `<picture> const imageElement = `<picture>${imageSources}<img ${imageAttributes} /></picture>`;
${imageSources}
<img ${imgageAttributes} />
</picture>`;
return htmlmin.minify(imageElement, { collapseWhitespace: true }); return htmlmin.minify(imageElement, { collapseWhitespace: true });
}; };

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "coryd.dev", "name": "coryd.dev",
"version": "7.6.0", "version": "7.6.1",
"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": {

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

@ -32,7 +32,11 @@
{%- capture loadingStrategy -%} {%- capture loadingStrategy -%}
{%- if loading -%}{{ loading }}{%- else -%}lazy{%- endif -%} {%- if loading -%}{{ loading }}{%- else -%}lazy{%- endif -%}
{%- endcapture -%} {%- endcapture -%}
{% image item.image, alt, '', loadingStrategy, 320 %} {% if shape == 'square' %}
{% image item.image, alt, '', loadingStrategy, 320 %}
{% else %}
{% image item.image, alt, '', loadingStrategy, 200 %}
{% endif %}
</div> </div>
</a> </a>
{% endfor %} {% endfor %}