fix(header.liquid): add srcset and fixed dimensions”

This commit is contained in:
Cory Dransfeldt 2025-04-22 07:43:25 -07:00 committed by Cory Dransfeldt
parent 42446b370e
commit 1a347ba652
5 changed files with 16 additions and 5 deletions

View file

@ -1,5 +1,15 @@
{%- capture headerContent -%}
<img class="icon" src="{{ globals.cdn_url }}{{ globals.avatar_header }}?class=w200&v={% appVersion %}" alt="{{ globals.site_name }}" />
<img
srcset="
{{ globals.cdn_url }}{{ globals.avatar_header }}?class=w100&v={% appVersion %} 100w,
{{ globals.cdn_url }}{{ globals.avatar_header }}?class=w200&v={% appVersion %} 200w
"
sizes="(max-width: 450px) 100px, 200px"
class="icon" src="{{ globals.cdn_url }}{{ globals.avatar_header }}?class=w100&v={% appVersion %}"
alt="{{ globals.site_name }}"
width="100"
height="145"
/>
<span>Cory</span> <span>Dransfeldt</span>
{%- endcapture -%}
<section class="main-title">