fix(header.liquid): add srcset and fixed dimensions”
This commit is contained in:
parent
42446b370e
commit
1428eb54bf
2 changed files with 12 additions and 2 deletions
|
@ -5,7 +5,7 @@
|
|||
{{ globals.cdn_url }}{{ image }}?class=bannerbase&type=webp 1024w
|
||||
"
|
||||
sizes="(max-width: 450px) 256px,
|
||||
(max-width: 850px) 512px
|
||||
(max-width: 850px) 512px,
|
||||
1024px"
|
||||
src="{{ globals.cdn_url }}{{ image }}?class=bannersm&type=webp"
|
||||
alt="{{ alt | replaceQuotes }}"
|
||||
|
|
|
@ -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">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue