change order: make widths come before sizes

This commit is contained in:
madrilene 2025-01-10 11:58:36 +01:00
parent 43a259d093
commit ca1da36bd1
2 changed files with 2 additions and 2 deletions

View file

@ -17,8 +17,8 @@ export const imageShortcode = async (
loading = 'lazy', loading = 'lazy',
containerClass, containerClass,
imageClass, imageClass,
sizes = '100vw',
widths = [650, 960, 1200], widths = [650, 960, 1200],
sizes = 'auto',
formats = ['avif', 'webp', 'jpeg'] formats = ['avif', 'webp', 'jpeg']
) => { ) => {
const metadata = await Image(src, { const metadata = await Image(src, {

View file

@ -38,7 +38,7 @@ widths: [400, 520]
<!-- you find tha data for that in src/_data/builtwith.json --> <!-- you find tha data for that in src/_data/builtwith.json -->
{% for site in builtwith | shuffle %} {% for site in builtwith | shuffle %}
<custom-card clickable img-square class="text-step-min-1" style="--card-bg: var(--color-bg)"> <custom-card clickable img-square class="text-step-min-1" style="--card-bg: var(--color-bg)">
{% image "./src/assets/images/screenshots/" + site.filename + ".jpg", site.name, null, "lazy", null, null, sizes, widths %} {% image "./src/assets/images/screenshots/" + site.filename + ".jpg", site.name, null, "lazy", null, null, widths, sizes %}
<h3 class="text-step-0" slot="headline">{{ site.name }}</h3> <h3 class="text-step-0" slot="headline">{{ site.name }}</h3>
<p slot="content">{{ site.description }}</p> <p slot="content">{{ site.description }}</p>