improved filter

This commit is contained in:
L3D 2021-10-07 02:18:26 +02:00
parent bc3713ef03
commit aeffc95f73
Signed by: l3d
GPG key ID: CD08445BFF4313D1
4 changed files with 12 additions and 12 deletions

View file

@ -32,20 +32,20 @@
@keyframes backgroundImageAnimation {
0% {
background-image: url("/sweet_waffle-woowee.webp");
background-image: url("/sweet_waffle-medium.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
33% {
background-image: url("/waffle_apfelmus-woowee.webp");
background-image: url("/waffle_apfelmus-medium.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
66% {
background-image: url("/sweet_waffle-woowee.webp");
background-image: url("/sweet_waffle-medium.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
@ -263,7 +263,7 @@ header {
background-color: var(--waffel-background-color);
margin: 0 auto;
padding: 0;
max-width: 1200px;
max-width: 1440px;
display: flex;
flex-direction: column;
margin-bottom: 3rem;
@ -879,7 +879,7 @@ hr {
.nav__wrapper, .header__wrapper, .content__box, .content__half_box, .footer__wrapper, .content__third_box, .content__aggregate_box {
width: 100%;
max-width: 1200px;
max-width: 1440px;
orphans: 3;
widows: 2;
}
@ -984,7 +984,7 @@ footer {
flex-direction: row;
justify-content: center;
padding-top: 3%;
max-width: 1200px;
max-width: 1440px;
margin: 0 auto;
}

View file

@ -4,8 +4,8 @@
{%- if this.box_image is defined and this.box_image != '' -%}
{%- set image = record.attachments.images.get(this.box_image) -%}
{{- '\n ' -}} <a href="{{ this.box_url }}">
{{- '\n ' -}} <img class="content__inner_third_image content__half_box_image" src="{{ image | url | imagessrcwebp }}" width="{{ image | url | imageswidthwebp }}"
{{- '\n ' -}} srcset="{{ image | url | imagessrcsetwebp }}"
{{- '\n ' -}} <img class="content__inner_third_image content__half_box_image" src="{{ image | imagessrcwebp }}" width="{{ image | firstwidth }}"
{{- '\n ' -}} srcset="{{ image | imagessrcsetwebp }}"
{%- if this.image_alt is defined and this.image_alt != "" -%}
{{- ' ' -}}
alt="{{ this.image_alt }}"

View file

@ -34,8 +34,8 @@
ToDO: Nochmal nach Bildgrößen schauen, ggf. webp usw. mit einbeziehen...
#}
<img class="content__half_box_image" src="{{ image | url | imagessrcwebp }}" width="{{ image | url | imageswidthwebp }}"
srcset="{{ image | url | imagessrcsetwebp }}" alt="{{ this.content_image_alt }}" />
<img class="content__half_box_image" src="{{ image | imagessrcwebp }}" width="{{ image | firstwidth }}"
srcset="{{ image | imagessrcsetwebp }}" alt="{{ this.content_image_alt }}" />
{%- if this.content_image_src is defined and this.content_image_alt != '' -%}
{{- '\n ' -}} <p>{{ this.content_image_src }}</p>
{%- endif -%}

View file

@ -5,8 +5,8 @@
<head>
<meta charset="utf-8" />
<link rel="preload" as="image" href="/waffle_apfelmus-woowee.webp"/>
<link rel="preload" as="image" href="/sweet_waffle-woowee.webp"/>
<link rel="preload" as="image" href="/waffle_apfelmus-medium.webp"/>
<link rel="preload" as="image" href="/sweet_waffle-medium.webp"/>
<!-- __ _____ _
/ \__..-""" ;-.",'/