redesign website #1
4 changed files with 12 additions and 12 deletions
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
@ -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 }}"
|
||||
|
|
|
@ -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 -%}
|
||||
|
|
|
@ -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"/>
|
||||
|
||||
<!-- __ _____ _
|
||||
/ \__..-""" ;-.",'/
|
||||
|
|
Loading…
Reference in a new issue