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

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

Browse source
This commit is contained in:
Cory Dransfeldt 2025-04-22 07:43:25 -07:00
parent 42446b370e
commit 1428eb54bf
2 changed files with 12 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/includes/blocks/hero.liquid
View file

@ -5,7 +5,7 @@
{{ globals.cdn_url }}{{ image }}?class=bannerbase&type=webp 1024w {{ globals.cdn_url }}{{ image }}?class=bannerbase&type=webp 1024w
" "
sizes="(max-width: 450px) 256px, sizes="(max-width: 450px) 256px,
(max-width: 850px) 512px (max-width: 850px) 512px,
1024px" 1024px"
src="{{ globals.cdn_url }}{{ image }}?class=bannersm&type=webp" src="{{ globals.cdn_url }}{{ image }}?class=bannersm&type=webp"
alt="{{ alt | replaceQuotes }}" alt="{{ alt | replaceQuotes }}"

12
src/includes/layout/header.liquid
View file

@ -1,5 +1,15 @@
{%- capture headerContent -%} {%- 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> <span>Cory</span> <span>Dransfeldt</span>
{%- endcapture -%} {%- endcapture -%}
<section class="main-title"> <section class="main-title">