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 +19 -46
3 changed files with 19 additions and 46 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 526d6b0e8e - Show all commits

16
assets/scss/_farben.scss Normal file
View file

@ -0,0 +1,16 @@
:root {
--primary-waffle-fontcolor:#ffac33;
--secoundary-waffle-fontcolor:white;
--light-waffle-accent:rgba(5, 0, 12, 0.8);
--href-waffle-fontcolor:rgb(230, 79, 45);
--primary-waffle-accent:rgba(87, 5, 0, 0.9);
--blog-waffle-accent:rgba(155, 22, 15, 0.95);
--secoundary-waffle-accent:#CD4701;
--third-waffle-accent:#9B160F;
--rows-waffle-accent-even:#ff9333;
--rows-waffle-accent-odd:#ffac33;
--menu-waffle-accent:#ff9333;
--footer-waffle-accent:rgba(23, 24, 32, 1);
--waffel-background-color:#1c1d26;
--column-count:3;
}

47
assets/scss/main.scss
View file

@ -13,51 +13,8 @@
* .navlist__navitem.-active
*/
:root {
--primary-waffle-fontcolor:#ffac33;
--secoundary-waffle-fontcolor:white;
--light-waffle-accent:rgba(5, 0, 12, 0.8);
--href-waffle-fontcolor:rgb(230, 79, 45);
--primary-waffle-accent:rgba(87, 5, 0, 0.9);
--blog-waffle-accent:rgba(155, 22, 15, 0.95);
--secoundary-waffle-accent:#CD4701;
--third-waffle-accent:#9B160F;
--rows-waffle-accent-even:#ff9333;
--rows-waffle-accent-odd:#ffac33;
--menu-waffle-accent:#ff9333;
--footer-waffle-accent:rgba(23, 24, 32, 1);
--waffel-background-color:#1c1d26;
--column-count:3;
}
@keyframes backgroundImageAnimation {
0% {
background-image: url("/sweet_waffle-medium.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
33% {
background-image: url("/waffle_apfelmus-medium.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
66% {
background-image: url("/sweet_waffle-medium.webp");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
}
.bganimation {
animation-name: backgroundImageAnimation;
animation-timing-function: step-start;
animation-iteration-count: infinite;
animation-duration: 20s;
}
@import "_farben";
@import "_animation";
body {
font-family: 'Lato', sans-serif;

2
templates/zutaten/zubereitung.html
View file

@ -4,7 +4,7 @@
{{- '\n ' -}} <div class="content__box">
{{- '\n ' -}} <div class="content__inner_box">
{{- '\n ' -}} <h2>Zubereitung</h2>
{{- '\n ' -}} <ul>
{{- '\n ' -}} <ul class="zubereitung">
{%- for stp in child.steps.blocks -%}
{%- if stp.step is defined and stp.step != "" -%}
{{- '\n ' -}} <li>