From 50aebb83435485155a42dafb9a5873c52ee3db89 Mon Sep 17 00:00:00 2001
From: Dennis Reimann <mail@dennisreimann.de>
Date: Wed, 7 Oct 2020 11:49:54 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=9B=A0=20Content=20updates?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/meta.json            |  5 ++++-
 src/css/sections/home.css    | 21 ++++++---------------
 src/css/sections/podcast.css |  4 ++--
 src/index.pug                |  6 +++---
 4 files changed, 15 insertions(+), 21 deletions(-)

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