🛠 Content updates

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;
-    }
   }
 }

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;
 }
 

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