fix my images by using the image transform

This commit is contained in:
Joshua Seigler 2025-07-09 02:24:48 -04:00
parent c15a77468a
commit 5abbb6a45f
4 changed files with 56 additions and 68 deletions

View file

@ -12,7 +12,7 @@
</nav>
{%- if cover %}
<div class="cover">
{% image cover, "", "var(--content-width)", "eager" %}
<img src="{{cover}}" alt="" sizes="var(--content-width)" loading="eager">
<h1>{{ title }}{% if rssUrl and page.url !== '/' %}<a class="rss" href="{{ rssUrl }}"></a>{% endif %}</h1>
</div>
{%- else %}

View file

@ -6,7 +6,7 @@
{%- if (limit === 0 or loop.index <= limit) -%}
<li>
{% if item.data.cover %}
{% image item.data.cover, "", "(min-width: 60rem) calc(0.5 * var(--content-width)), var(--content-width)", "lazy", "collection-cover", item.page.inputPath %}
<img class="collection-cover" src="/{{item.page.inputPath | pathOnly }}/{{item.data.cover}}" alt="" sizes="(min-width: 60rem) calc(0.5 * var(--content-width)), var(--content-width)">
{% endif %}
<a class="collection-itemTitle" href="{{item.url}}">{{item.data.title}}</a>
<div class="collection-itemData">