diff --git a/content/meta.json b/content/meta.json index 977370f0c53..ad2f3edbc17 100644 --- a/content/meta.json +++ b/content/meta.json @@ -21,6 +21,9 @@ "Heute ist ein guter Tag um Sats zu stapeln", "Besseres Geld, bessere Welt", "Inflation ist eine versteckte Steuer", - "Neues Specter Desktop Update veröffentlicht" + "Neues Specter Desktop Update veröffentlicht", + "Das Auto wird sich nicht durchsetzen, hoch lebe das Pferd!", + "\"Es wird nicht gekleckert, sondern geklotzt\" – Olaf Scholz läd die Bazooka nach", + "Mario Draghis Hitsingle \"Whatever it takes\" stürmt die Charts" ] } diff --git a/src/css/sections/home.css b/src/css/sections/home.css index e871d0a4acb..0732caf7ae7 100644 --- a/src/css/sections/home.css +++ b/src/css/sections/home.css @@ -11,23 +11,14 @@ margin: -15px 0 var(--space-xl); padding: var(--space-m) 0; - & .inner { - display: flex; - align-items: center; - flex-wrap: nowrap; + display: flex; + align-items: center; + flex-wrap: nowrap; + font-size: var(--font-size-s); + + & pre { animation-name: marquee; animation-timing-function: linear; animation-iteration-count: infinite; - font-size: var(--font-size-s); - - @media (--up_to_M) { - animation-duration: 10s; - } - @media (--M_to_L) { - animation-duration: 20s; - } - @media (--L_and_up) { - animation-duration: 30s; - } } } diff --git a/src/css/sections/podcast.css b/src/css/sections/podcast.css index 8906ba331e5..9327d52d8f4 100644 --- a/src/css/sections/podcast.css +++ b/src/css/sections/podcast.css @@ -193,8 +193,8 @@ } } -.player__button.amplitude-paused .player__button__icon--pause, -.player__button.amplitude-playing .player__button__icon--play { +.player__button.amplitude-paused .player__button__icon--play, +.player__button.amplitude-playing .player__button__icon--pause { display: block; } diff --git a/src/index.pug b/src/index.pug index d7bd30b5648..d0b6dff1d20 100644 --- a/src/index.pug +++ b/src/index.pug @@ -2,10 +2,10 @@ extends /template.pug block main - const ticker = shuffle(site.meta.ticker).join(" +++ ") + " +++ " + - const duration = ticker.length / 4 .ticker - .inner - pre= ticker - pre= ticker + pre(style=`animation-duration:${duration}s`)= ticker + pre(style=`animation-duration:${duration}s`)= ticker .wrap section