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

spaß mit bildern

Browse source
This commit is contained in:
L3D 2021-08-22 03:44:41 +02:00
parent ae05edde59
commit b846d4f330
Signed by: l3d
GPG key ID: CD08445BFF4313D1
2 changed files with 15 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
assets/scss/main.scss
View file

@ -32,14 +32,20 @@
@keyframes backgroundImageAnimation { @keyframes backgroundImageAnimation {
0% { 0% {
background-image: url("../images/photos/c3woc_croissant_01.jpg"); background-image: url("/images/home/abschnitt3.jpeg");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
} }
100% { 33% {
background-image: url("../images/photos/waffel_.jpg"); background-image: url("/images/photos/waffel_.jpg");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
66% {
background-image: url("/waffle_colored_stawberry@3000.jpg");
background-position: center; background-position: center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
@ -48,10 +54,9 @@
.bganimation { .bganimation {
animation-name: backgroundImageAnimation; animation-name: backgroundImageAnimation;
animation-timing-function: ease-in-out; animation-timing-function: step-start;
animation-iteration-count: infinite; animation-iteration-count: infinite;
animation-duration: 100s; animation-duration: 20s;
animation-direction: alternate;
} }
body { body {

4
templates/layout.html
View file

@ -4,6 +4,10 @@
{%- endif %}> {%- endif %}>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<link rel="preload" as="image" href="/images/photos/waffel_.jpg">
<link rel="preload" as="image" href="/images/home/abschnitt3.jpeg">
<!-- __ _____ _ <!-- __ _____ _
/ \__..-""" ;-.",'/ / \__..-""" ;-.",'/
( / \_ `.' / `. ( / \_ `.' / `.