Optimize the image on the subscribe page (#1247)

* optimize image on the subscribe page

* mobile files, fix
This commit is contained in:
trean
2024-10-23 14:24:36 +02:00
committed by GitHub
parent 42873407ef
commit a91908cf72
8 changed files with 25 additions and 70 deletions
@@ -12,12 +12,28 @@
<!-- </form>-->
{{ with (.Site.GetPage "/headless/newsletter") }}
{{ partial "hubspot-form.html" (dict "hubspotFormOptions" .Params.hubspotFormOptions "id" "subscribe-page" "context" . "classes" "subscribe-block__hs-form") }}
{{ partial "hubspot-form.html" (dict "hubspotFormOptions" .Params.hubspotFormOptions "id" "subscribe-page" "context" . "classes" "subscribe-block__hs-form") }}
{{ end }}
</div>
</div>
<img class="subscribe-body__image" src="{{ .Params.image.src }}" alt="{{ .Params.image.alt }}" />
<img class="subscribe-body__image-mobile" src="{{ .Params.image.srcMobile }}" alt="{{ .Params.image.alt }}" />
<picture>
<source srcset="{{ .Params.image.src }}" type="image/png" />
<img
class="subscribe-body__image"
src="{{ .Params.image.src | replaceRE "\\.[^.]+$" ".png" }} "
alt="{{ .Params.image.alt }}"
loading="lazy"
/>
</picture>
<picture>
<source srcset="{{ .Params.image.srcMobile }}" type="image/png" />
<img
class="subscribe-body__image-mobile"
src="{{ .Params.image.srcMobile | replaceRE "\\.[^.]+$" ".png" }}"
alt="{{ .Params.image.alt }}"
loading="lazy"
/>
</picture>
</div>
<div class="subscribe-header">
<p class="subscribe-header__rights">{{ .Params.footer.rights | safeHTML }}</p>
@@ -25,6 +41,8 @@
<a class="subscribe-header__link" href="{{ .Params.footer.policyLink.url }}">
{{ .Params.footer.policyLink.text }}
</a>
<a class="subscribe-header__link" href="{{ .Params.footer.impressumLink.url }}">{{ .Params.footer.impressumLink.text }}</a>
<a class="subscribe-header__link" href="{{ .Params.footer.impressumLink.url }}"
>{{ .Params.footer.impressumLink.text }}</a
>
</div>
</section>