fix: add banner styling

This commit is contained in:
2024-11-25 20:03:11 +01:00
parent 9428e1d2ee
commit 22292e10ed
10 changed files with 148 additions and 122 deletions

View File

@@ -7,7 +7,7 @@
height: 95px;
}
}
.advertisement {
ins[data-revive-zoneid] {
float: right;
width: 728px;
height: 90px;
@@ -25,7 +25,7 @@
.logo {
float: none;
}
.advertisement {
ins[data-revive-zoneid] {
float: none;
}
}

View File

@@ -1,3 +1,10 @@
ins[data-revive-zoneid="2"] {
width: 100%;
height: 275px;
margin: 11px auto 50px auto;
background-color: #efefef;
}
@media (max-width: 768px) {
.sidebar {
width: 100%;

View File

@@ -191,10 +191,12 @@
</a>
</div>
<div class="col-12 col-md-6">
<h2 class="post_title"><a href="{{$url}}" title="{{$podcast->title}}">{!!$podcast->title!!}</a></h2>
<h2 class="post_title"><a href="{{$url}}"
title="{{$podcast->title}}">{!!$podcast->title!!}</a></h2>
<div class="sub_title">
@if ($podcast->program)
<a class="program_name" href="{{ route('programma') . $podcast->program->url }}"
<a class="program_name"
href="{{ route('programma') . $podcast->program->url }}"
title="{{$podcast->program->name}}">{{$podcast->program->name}}</a>
@endif
<span class="post_date" title="{{Formatter::relativeDate($podcast->created)}}">
@@ -213,11 +215,11 @@
<div class="col-12 col-md-auto sidebar">
@include('widgets/nhgooiradiotv', ['headerClass' => 'small'])
@include('widgets/add_sidebar', ['ad_sidebar' => 'nhgooi_homepage_side', 'ad_sidebarId' => 'nhgooi_sidebar1'])
@include('widgets.banner_sidebar')
@include('widgets/contact', [])
@include('widgets/add_sidebar', ['ad_sidebar' => 'nhgooi_homepage_side2', 'ad_sidebarId' => 'nhgooi_sidebar2'])
@include('widgets.banner_sidebar')
</div>
</div>
</div>

View File

@@ -1,6 +1,7 @@
@extends('layouts/master')
@section('content_class')box
@section('content_class')
box
@endsection
@section('page')
@@ -57,13 +58,13 @@
</div>
@endif
@include('widgets/add_sidebar', ['ad_sidebar' => $ad_sidebar1 ?? 'nhgooi_section_side', 'ad_sidebarId' => 'nhgooi_sidebar1'])
@include('widgets.banner_sidebar')
@include('widgets/nhgooiradiotv', ['headerClass' => 'small'])
@include('widgets/contact', [])
@include('widgets/add_sidebar', ['ad_sidebar' => $ad_sidebar2 ?? 'nhgooi_section_side2', 'ad_sidebarId' => 'nhgooi_sidebar2'])
@include('widgets.banner_sidebar')
@show
</div>
</div>

View File

@@ -43,7 +43,7 @@
@include('widgets/contact', [])
@include('widgets/add_sidebar', ['ad_sidebar' => 'nhgooi_article_side' ?? false, 'ad_sidebarId' => 'nhgooi_sidebar1'])
@include('widgets.banner_sidebar')
<div class="podcast_items">
<h4 class="box_header small"><span>Fragment gemist</span></h4>
@@ -52,7 +52,7 @@
</div>
</div>
@include('widgets/add_sidebar', ['ad_sidebar' => 'nhgooi_article_side2' ?? false, 'ad_sidebarId' => 'nhgooi_sidebar2'])
@include('widgets.banner_sidebar')
</div>
</div>
</div>

View File

@@ -120,7 +120,8 @@
])
<div class="clearfix">
<a class="action_button btn" href="{{$audioUrl}}" title="Download dit fragment als MP3">
<a class="action_button btn" href="{{$audioUrl}}"
title="Download dit fragment als MP3">
<span>Download fragment</span>
</a>
<a class="action_button btn player" href="{{$popoutUrl}}" onclick="pause()">
@@ -160,7 +161,8 @@
<div data-tabs>
<div class="tabs">
<h4 data-tab-content-id="tab_more_fragmenten"
class="box_header small flex-grow-1 active"><span>Meer {{$isPodcast ? 'afleveringen' : 'fragmenten'}}</span>
class="box_header small flex-grow-1 active">
<span>Meer {{$isPodcast ? 'afleveringen' : 'fragmenten'}}</span>
</h4>
</div>
<div id="tab_more_fragmenten" class="box tab_content podcast_items active">
@@ -174,7 +176,7 @@
</div>
@endif
@include('widgets/add_sidebar', ['ad_sidebar' => $ad_sidebar1 ?? 'nhgooi_section_side', 'ad_sidebarId' => 'nhgooi_sidebar1'])
@include('widgets.banner_sidebar')
</div>
</div>
@endif

View File

@@ -109,7 +109,7 @@
</div>
@endif
@include('widgets/add_sidebar', ['ad_sidebar' => $ad_sidebar1 ?? 'nhgooi_section_side', 'ad_sidebarId' => 'nhgooi_sidebar1'])
@include('widgets.banner_sidebar')
</div>
</div>
</div>

View File

@@ -73,7 +73,7 @@
</div>
@endif
@include('widgets/add_sidebar', ['ad_sidebar' => $ad_sidebar1 ?? 'nhgooi_section_side', 'ad_sidebarId' => 'nhgooi_sidebar1'])
@include('widgets.banner_sidebar')
</div>
</div>
</div>

View File

@@ -4,7 +4,9 @@
Programma gemist
@endsection
@section('page_class')news_post post_container @endsection
@section('page_class')
news_post post_container
@endsection
@section('breadcrumb')
@if(isset($program))
@@ -51,7 +53,8 @@
class="btn btn-info">Programmainfo</a>
</p>
@else
<p class="page_body">U kunt programma's terugluisteren tot twee weken na uitzending. Items blijven onbeperkt beschikbaar via <a href="{{route('gemist.fragment')}}">fragment gemist</a>.<br /><br />
<p class="page_body">U kunt programma's terugluisteren tot twee weken na uitzending. Items blijven
onbeperkt beschikbaar via <a href="{{route('gemist.fragment')}}">fragment gemist</a>.<br/><br/>
@endif
@if(isset($programs))
@@ -106,18 +109,29 @@
</div>
@endif
@include('widgets/add_sidebar', ['ad_sidebar' => $ad_sidebar1 ?? 'nhgooi_section_side', 'ad_sidebarId' => 'nhgooi_sidebar1'])
@include('widgets.banner_sidebar')
</div>
</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); }
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 {
animation: tilt-shaking 1s linear infinite;
}

View File

@@ -1,3 +1,3 @@
@if ($ad_sidebar && (!isset($disableBanners) || !$disableBanners))
@if (!isset($disableBanners) || !$disableBanners)
<ins data-revive-zoneid="2" data-revive-id="1f60109562f7b845e90ed597afbbcfa1"></ins>
@endif