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; height: 95px;
} }
} }
.advertisement { ins[data-revive-zoneid] {
float: right; float: right;
width: 728px; width: 728px;
height: 90px; height: 90px;
@@ -25,7 +25,7 @@
.logo { .logo {
float: none; float: none;
} }
.advertisement { ins[data-revive-zoneid] {
float: none; 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) { @media (max-width: 768px) {
.sidebar { .sidebar {
width: 100%; width: 100%;

View File

@@ -172,7 +172,7 @@
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<a href="{{$url}}" title="{{$podcast->title}}"> <a href="{{$url}}" title="{{$podcast->title}}">
<img src="{{($hasImage = $podcast->image && $podcast->image->url) ? $imgBase . $podcast->image->url : '/images/noimage.png'}}"/> <img src="{{($hasImage = $podcast->image && $podcast->image->url) ? $imgBase . $podcast->image->url : '/images/noimage.png'}}"/>
<div class="sentence"> <div class="sentence">
<?php <?php
$sentence = []; $sentence = [];
if ($hasImage) { if ($hasImage) {
@@ -186,15 +186,17 @@
$sentence = join('<span class="separator">|</span>', $sentence); $sentence = join('<span class="separator">|</span>', $sentence);
?> ?>
{!!$sentence!!} {!!$sentence!!}
</div> </div>
</a> </a>
</div> </div>
<div class="col-12 col-md-6"> <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"> <div class="sub_title">
@if ($podcast->program) @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> title="{{$podcast->program->name}}">{{$podcast->program->name}}</a>
@endif @endif
<span class="post_date" title="{{Formatter::relativeDate($podcast->created)}}"> <span class="post_date" title="{{Formatter::relativeDate($podcast->created)}}">
@@ -213,11 +215,11 @@
<div class="col-12 col-md-auto sidebar"> <div class="col-12 col-md-auto sidebar">
@include('widgets/nhgooiradiotv', ['headerClass' => 'small']) @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/contact', [])
@include('widgets/add_sidebar', ['ad_sidebar' => 'nhgooi_homepage_side2', 'ad_sidebarId' => 'nhgooi_sidebar2']) @include('widgets.banner_sidebar')
</div> </div>
</div> </div>
</div> </div>

View File

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

View File

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

View File

@@ -120,7 +120,8 @@
]) ])
<div class="clearfix"> <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> <span>Download fragment</span>
</a> </a>
<a class="action_button btn player" href="{{$popoutUrl}}" onclick="pause()"> <a class="action_button btn player" href="{{$popoutUrl}}" onclick="pause()">
@@ -160,7 +161,8 @@
<div data-tabs> <div data-tabs>
<div class="tabs"> <div class="tabs">
<h4 data-tab-content-id="tab_more_fragmenten" <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> </h4>
</div> </div>
<div id="tab_more_fragmenten" class="box tab_content podcast_items active"> <div id="tab_more_fragmenten" class="box tab_content podcast_items active">
@@ -174,7 +176,7 @@
</div> </div>
@endif @endif
@include('widgets/add_sidebar', ['ad_sidebar' => $ad_sidebar1 ?? 'nhgooi_section_side', 'ad_sidebarId' => 'nhgooi_sidebar1']) @include('widgets.banner_sidebar')
</div> </div>
</div> </div>
@endif @endif

View File

@@ -54,7 +54,7 @@
</p> </p>
@else @else
<p class="page_body">Hele uitzendingen kunt u binnen twee weken terugluisteren via <a <p class="page_body">Hele uitzendingen kunt u binnen twee weken terugluisteren via <a
href="{{route('gemist.programma')}}">programma gemist</a>.<br /><br /> href="{{route('gemist.programma')}}">programma gemist</a>.<br/><br/>
@endif @endif
@if(isset($podcasts)) @if(isset($podcasts))
@@ -109,7 +109,7 @@
</div> </div>
@endif @endif
@include('widgets/add_sidebar', ['ad_sidebar' => $ad_sidebar1 ?? 'nhgooi_section_side', 'ad_sidebarId' => 'nhgooi_sidebar1']) @include('widgets.banner_sidebar')
</div> </div>
</div> </div>
</div> </div>

View File

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

View File

@@ -4,7 +4,9 @@
Programma gemist Programma gemist
@endsection @endsection
@section('page_class')news_post post_container @endsection @section('page_class')
news_post post_container
@endsection
@section('breadcrumb') @section('breadcrumb')
@if(isset($program)) @if(isset($program))
@@ -51,7 +53,8 @@
class="btn btn-info">Programmainfo</a> class="btn btn-info">Programmainfo</a>
</p> </p>
@else @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 @endif
@if(isset($programs)) @if(isset($programs))
@@ -106,20 +109,31 @@
</div> </div>
@endif @endif
@include('widgets/add_sidebar', ['ad_sidebar' => $ad_sidebar1 ?? 'nhgooi_section_side', 'ad_sidebarId' => 'nhgooi_sidebar1']) @include('widgets.banner_sidebar')
</div> </div>
</div> </div>
</div> </div>
<style> <style>
@keyframes tilt-shaking { @keyframes tilt-shaking {
0% { transform: rotate(0deg); } 0% {
25% { transform: rotate(5deg); } transform: rotate(0deg);
50% { transform: rotate(0deg); }
75% { transform: rotate(-5deg); }
100% { 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 { .post_container .post_tags li a {
animation: tilt-shaking 1s linear infinite; animation: tilt-shaking 1s linear infinite;
} }
</style> </style>
@endsection @endsection

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> <ins data-revive-zoneid="2" data-revive-id="1f60109562f7b845e90ed597afbbcfa1"></ins>
@endif @endif