From 38410b00c771812b55cc64b5a32970bef4a4e73a Mon Sep 17 00:00:00 2001
From: Jorit Tijsen <jorit.tijsen@websight.nl>
Date: Fri, 15 Mar 2024 18:16:31 +0100
Subject: [PATCH] Switch animations for onair tag

---
 resources/views/programlist.blade.php | 21 ++++++++-------------
 1 file changed, 8 insertions(+), 13 deletions(-)

diff --git a/resources/views/programlist.blade.php b/resources/views/programlist.blade.php
index 693911da..d9ee1114 100644
--- a/resources/views/programlist.blade.php
+++ b/resources/views/programlist.blade.php
@@ -114,20 +114,15 @@
         </div>
     </div>
 <style>
+    @keyframes tilt-shaking {
+        0% { transform: rotate(0deg); }
+        25% { transform: rotate(5deg); }
+        50% { transform: rotate(0deg); }
+        75% { transform: rotate(-5deg); }
+        100% { transform: rotate(0deg); }
+    }
     .post_container .post_tags li a {
-        background-image: linear-gradient(to right, #0d1ca3, #003cb9, #0056cb, #0070db, #0189e9, #0189e9, #0189e9, #0189e9, #0070db, #0056cb, #003cb9, #0d1ca3);
+        animation: tilt-shaking 1s linear infinite;
     }
 </style>
 @endsection
-
-@push('scripts')
-<script type="text/javascript">
-  var $onAir = $('.podcast_items .onair');
-  setInterval(function() {
-    $onAir.animate({"background-position": "100px"});
-    setTimeout(function() {
-      $onAir.animate({"background-position": "0"});
-    }, 400);
-  }, 800);
-</script>
-@endpush