chore: refactor image setup

This commit is contained in:
Cory Dransfeldt 2023-10-27 13:16:17 -07:00
parent f5b480e195
commit 82a8a1f15a
20 changed files with 121 additions and 52 deletions

View file

@ -132,7 +132,7 @@ This is most impactful on [my now page](https://coryd.dev/now) which is populate
{% raw %}
```liquid
{% image artistImg, artistName, 'rounded-lg', '225px', 'eager' %}
{% image artistImg, artistName, 'rounded-lg' %}
```
{% endraw %}
@ -140,6 +140,6 @@ For this page in particular, the images that are rendered above the fold are set
All of these boilerplate steps leave us with a quick to load, accessible and resilient site:
{% image 'https://cdn.coryd.dev/blog/page-speed.jpg', 'Pagespeed scores for coryd.dev/now', 'w-full', '1200px' %}
{% image 'https://cdn.coryd.dev/blog/page-speed.jpg', 'Pagespeed scores for coryd.dev/now', 'border border-purple-600 dark:border-purple-400 rounded-lg overflow-hidden [&>*]:w-full' %}
[^1]: It's easy, flexible and helps mitigate my lack of an eye for design by providing safe baselines.