Cloonar/lena-schilling-website
2
0
Fork 0
Code Issues 1 Pull Requests 2 Actions Packages Projects Releases Wiki Activity

feat: add url to site config, add webp support, change image sizing
All checks were successful
Build / build (push) Successful in 4m4s
Details
Build / deploy-stage (push) Successful in 2m40s
Details
Build / switch-stage (push) Successful in 1m56s
Details

Browse Source
This commit is contained in:
Dominik Polakovics Polakovics
2024-12-15 01:27:03 +01:00
parent a967366a9b
commit af66646775
7 changed files with 64 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/base/ContentBlocks/ContentElements/hero/templates/frontend.html
View File

@@ -21,11 +21,23 @@
<f:if condition="{data.image}">
<f:then>
<picture>
<!-- WEBP source -->
<source
type="image/webp"
srcset="
{f:uri.image(image:data.image.0, width:'320c', cropVariant:'default', fileExtension:'webp')} 320w,
{f:uri.image(image:data.image.0, width:'768c', cropVariant:'default', fileExtension:'webp')} 768w,
{f:uri.image(image:data.image.0, width:'430c', cropVariant:'default', fileExtension:'webp')} 1024w"
sizes="(max-width: 320px) 80vw,
(max-width: 768px) 80px,
430px" />
<!-- Fallback source -->
<source
srcset="
{f:uri.image(image:data.image.0, width:'320c', cropVariant:'default')} 320w,
{f:uri.image(image:data.image.0, width:'600c', cropVariant:'default')} 600w,
{f:uri.image(image:data.image.0, width:'430c', cropVariant:'default')} 430w"
{f:uri.image(image:data.image.0, width:'430c', cropVariant:'default')} 1024w"
sizes="(max-width: 320px) 80vw,
(max-width: 768px) 80vw,
430px" />