h34tnet/kleinesbuero
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixes youtube url and changes nav link colors.

Browse source
This commit is contained in:
Stefan Schallerl 2024-12-17 09:38:29 +01:00
parent 771087a7e4
commit 4879cb268f
3 changed files with 11 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
README.md
View file

@ -11,7 +11,13 @@ see https://colorhunt.co/palette/78b3cec9e6f0fbf8eff96e2a
* #FBF8EF
* #F96E2A
## Libraries
## splide for image carousel
https://splidejs.com/guides/options/
## TODO
* Use correct Youtube URL
* center-align and resize Wiggler
* ☑ Use correct Youtube URL
* ☐ center-align and resize Wiggler

7
htdocs/index.html
View file

@ -30,12 +30,7 @@
<section class="splide" aria-label="Was zählt bist du - Bilder und Video">
<div class="splide__track">
<ul class="splide__list">
<li class="splide__slide"><iframe width="100%" height="512"
src="https://www.youtube.com/embed/7tvy22OOifo"
title="WAS ZÄHLT, BIST DU Erzähl-/Musik-/Tanz-Theater für alle ab 3 Jahren"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></li>
<li class="splide__slide"><iframe width="100%" height="512" src="https://www.youtube.com/embed/lnwWjh25IaU" title="WAS ZÄHLT, BIST DU Erzähl-/Musik-/Tanz-Theater für alle ab 3 Jahren" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></li>
<li class="splide__slide"><img src="/img/waszaehltbistdu/1.jpg"></li>
<li class="splide__slide"><img src="/img/waszaehltbistdu/2.jpg"></li>
<li class="splide__slide"><img src="/img/waszaehltbistdu/3.jpg"></li>

4
htdocs/kleinesbuero.css
View file

@ -62,10 +62,10 @@ FOOTER H2 {
NAV {
text-align: center;
color: var(--secondary-color)
color: var(--primary-color)
}
NAV A {
color: var(--secondary-color)
color: var(--primary-color)
}
.splide__slide IMG {