c3woc/webseite
1
1
Fork 0
Code Issues Pull requests Releases Activity

redesign website #1

Merged
l3d merged 80 commits from ui into main 2022-05-18 00:35:38 +02:00
Conversation 0 Commits 80 Files changed 543 +12 -12
4 changed files with 12 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit aeffc95f73 - Show all commits

12
assets/scss/main.scss
View file

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

4
templates/blocks/flow_one_innerbox_section.html
View file

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

4
templates/blocks/flow_text_image_section.html
View file

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

4
templates/layout.html
View file

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