diff --git a/public/css/style.css b/public/css/style.css index c4e245a6..30bfd4a2 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -1320,8 +1320,10 @@ div.pp_default .pp_close:hover { float: left; margin-right: 10px; } -.post_tags li a { +.post_tags li a, +#schedule .onair { display: block; + width: 4rem; padding: 6px 15px 7px; border-radius: 3px; background-image: linear-gradient(to left, #0d1ca3, #45aaf8); @@ -1337,6 +1339,16 @@ div.pp_default .pp_close:hover { #schedule a { text-decoration: none; } +@keyframes tilt-shaking { + 0% { transform: rotate(0deg); } + 25% { transform: rotate(5deg); } + 50% { transform: rotate(0deg); } + 75% { transform: rotate(-5deg); } + 100% { transform: rotate(0deg); } +} +.onair { + animation: tilt-shaking 1s linear infinite; +} #schedule .program-title { font-family: Montserrat, serif; font-size: 14px; diff --git a/resources/views/partial/radioscheduleweek.blade.php b/resources/views/partial/radioscheduleweek.blade.php index f997f585..17d5272d 100644 --- a/resources/views/partial/radioscheduleweek.blade.php +++ b/resources/views/partial/radioscheduleweek.blade.php @@ -9,14 +9,14 @@ tagline : "")}}"> + @if($isCurrent) +
Nu live!
+ @endif
- @if($isCurrent) -
On air
- @endif {{$item['program']->name}}
- {{$item['starttime']->format('H:i')}} – {{$item['endtime']->format('H:i')}} + {{$item['starttime']->format('H:i')}} – {{$item['endtime']->format('H:i')}}