NH_Gooi/nhgooi.nl
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix: add banner styling

Browse Source
This commit is contained in:
Eric Bus
2024-11-25 20:03:11 +01:00
parent 9428e1d2ee
commit 22292e10ed
10 changed files with 148 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
resources/assets/sass/components/_header.scss vendored
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;
} }
} }

7
resources/assets/sass/components/_sidebar.scss vendored
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%;

118
resources/views/home.blade.php
View File

@@ -48,19 +48,19 @@
</div> </div>
</div> </div>
@endif @endif
@if($item = next($news)) @if($item = next($news))
<div class="post large d-block d-md-none"> <div class="post large d-block d-md-none">
<a href="{{url($item->url)}}" title="{{$item->title}}"> <a href="{{url($item->url)}}" title="{{$item->title}}">
@if($item->video) @if($item->video)
<span class="icon video"></span> <span class="icon video"></span>
@elseif($item->images && count($item->images) > 1) @elseif($item->images && count($item->images) > 1)
<span class="icon gallery"></span> <span class="icon gallery"></span>
@endif @endif
<img src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}' <img src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}'
alt='img'> alt='img'>
</a> </a>
<div class="slider_content_box"> <div class="slider_content_box">
<ul class="post_details simple"> <ul class="post_details simple">
@foreach($item->tags as $tag) @foreach($item->tags as $tag)
<li class="category"> <li class="category">
<a title="{{$tag->titel}}" <a title="{{$tag->titel}}"
@@ -68,23 +68,23 @@
class="over_image">{{$tag->titel}}</a> class="over_image">{{$tag->titel}}</a>
</li> </li>
@endforeach @endforeach
</ul> </ul>
<h2><a href="{{url($item->url)}}" <h2><a href="{{url($item->url)}}"
title="{{$item->title}}">{!!$item->title!!}</a></h2> title="{{$item->title}}">{!!$item->title!!}</a></h2>
<?php <?php
$time = Formatter::relativeDate($item->published) . ' om ' . $item->published->format('H:i'); $time = Formatter::relativeDate($item->published) . ' om ' . $item->published->format('H:i');
if ($item->edited && ($item->edited->format('d m H i') != $item->published->format('d m H i'))) { if ($item->edited && ($item->edited->format('d m H i') != $item->published->format('d m H i'))) {
$time .= ' | bijgewerkt: ' $time .= ' | bijgewerkt: '
. ($item->edited->format('d m') != $item->published->format('d m') ? strtolower(Formatter::relativeDate($item->edited)) : '') . ($item->edited->format('d m') != $item->published->format('d m') ? strtolower(Formatter::relativeDate($item->edited)) : '')
. ' ' . $item->edited->format('H:i') . ' uur'; . ' ' . $item->edited->format('H:i') . ' uur';
} }
?> ?>
<span class="post_date" title="{{$time}}"> <span class="post_date" title="{{$time}}">
<i class="fa-regular fa-clock"></i> {{$time}} <i class="fa-regular fa-clock"></i> {{$time}}
</span> </span>
</div>
</div> </div>
@endif </div>
@endif
</div> </div>
<div class="col-8 col-md-6"> <div class="col-8 col-md-6">
<div class="row"> <div class="row">
@@ -102,16 +102,16 @@
</a> </a>
<div class="slider_content_box"> <div class="slider_content_box">
<ul class="post_details simple"> <ul class="post_details simple">
@foreach($item->tags as $tag) @foreach($item->tags as $tag)
<li class="category"> <li class="category">
<a title="{{$tag->titel}}" <a title="{{$tag->titel}}"
href="{{route('nieuws.tag', ['tag' => $tag->slug])}}" href="{{route('nieuws.tag', ['tag' => $tag->slug])}}"
class="over_image">{{$tag->titel}}</a> class="over_image">{{$tag->titel}}</a>
</li> </li>
@endforeach @endforeach
</ul> </ul>
<h5 class="post_title"><a href="{{url($item->url)}}" <h5 class="post_title"><a href="{{url($item->url)}}"
title="{{$item->title}}">{!!$item->title!!}</a></h5> title="{{$item->title}}">{!!$item->title!!}</a></h5>
<?php <?php
$time = Formatter::relativeDate($item->published) . ' om ' . $item->published->format('H:i'); $time = Formatter::relativeDate($item->published) . ' om ' . $item->published->format('H:i');
if ($item->edited && ($item->edited->format('d m H i') != $item->published->format('d m H i'))) { if ($item->edited && ($item->edited->format('d m H i') != $item->published->format('d m H i'))) {
@@ -136,9 +136,9 @@
<div class="grey_background"> <div class="grey_background">
<div class="body_container row"> <div class="body_container row">
@if(!isset($disableBanners) || !$disableBanners) @if(!isset($disableBanners) || !$disableBanners)
<div class="col-12"> <div class="col-12">
<ins data-revive-zoneid="4" data-revive-id="1f60109562f7b845e90ed597afbbcfa1"></ins> <ins data-revive-zoneid="4" data-revive-id="1f60109562f7b845e90ed597afbbcfa1"></ins>
</div> </div>
@endif @endif
<div class="col-12 col-md content_container"> <div class="col-12 col-md content_container">
<div class="row"> <div class="row">
@@ -171,30 +171,32 @@
<div class="row"> <div class="row">
<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) {
$sentence[] = '<span class="text">' . $podcast->image->title . '</span>'; $sentence[] = '<span class="text">' . $podcast->image->title . '</span>';
} elseif (isset($podcast->image->title) && $podcast->image->title) { } elseif (isset($podcast->image->title) && $podcast->image->title) {
$sentence[] = '<span class="text">' . $podcast->image->title . '</span>'; $sentence[] = '<span class="text">' . $podcast->image->title . '</span>';
} }
if (isset($podcast->image->author) && $podcast->image->author) { if (isset($podcast->image->author) && $podcast->image->author) {
$sentence[] = '<span class="author">' . $podcast->image->author . '</span>'; $sentence[] = '<span class="author">' . $podcast->image->author . '</span>';
} }
$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>

7
resources/views/layouts/sidebar.blade.php
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>

10
resources/views/news.blade.php
View File

@@ -14,9 +14,9 @@
<div class="grey_background"> <div class="grey_background">
<div class="body_container row"> <div class="body_container row">
@if(!isset($disableBanners) || !$disableBanners) @if(!isset($disableBanners) || !$disableBanners)
<div class="col-12"> <div class="col-12">
<ins data-revive-zoneid="5" data-revive-id="1f60109562f7b845e90ed597afbbcfa1"></ins> <ins data-revive-zoneid="5" data-revive-id="1f60109562f7b845e90ed597afbbcfa1"></ins>
</div> </div>
@endif @endif
<div class="col-12 col-md content_container"> <div class="col-12 col-md content_container">
<div class="row"> <div class="row">
@@ -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>

38
resources/views/podcastitem.blade.php
View File

@@ -3,13 +3,13 @@
@include('widgets/mediaplayer') @include('widgets/mediaplayer')
@section('title') @section('title')
@if($podcast) @if($podcast)
{{ $podcast->title }} {{ $podcast->title }}
@elseif($isPodcast) @elseif($isPodcast)
NH Gooi Podcast NH Gooi Podcast
@else @else
Fragment gemist Fragment gemist
@endif @endif
@endsection @endsection
@section('page_class') @section('page_class')
@@ -20,11 +20,11 @@
<ul class="bread_crumb"> <ul class="bread_crumb">
<li><a title="Home" href="/">Home</a></li> <li><a title="Home" href="/">Home</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li> <li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
@if($isPodcast) @if($isPodcast)
<li>NH Gooi podcast</li> <li>NH Gooi podcast</li>
@else @else
<li><a title="Home" href="/gemist/fragment">Fragment gemist</a></li> <li><a title="Home" href="/gemist/fragment">Fragment gemist</a></li>
@endif @endif
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li> <li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
@if($podcast && $podcast->program) @if($podcast && $podcast->program)
<li><a title="{{$podcast->program->name}}" <li><a title="{{$podcast->program->name}}"
@@ -88,11 +88,11 @@
@section('content') @section('content')
@if ($podcast) @if ($podcast)
<?php <?php
$audioUrl = url($apiUrl . 'podcast/download' . $podcast->url . "?auth=" . $podcast->auth); $audioUrl = url($apiUrl . 'podcast/download' . $podcast->url . "?auth=" . $podcast->auth);
$streamUrl = url($apiUrl . 'podcast/stream' . $podcast->url . "?auth=" . $podcast->auth); $streamUrl = url($apiUrl . 'podcast/stream' . $podcast->url . "?auth=" . $podcast->auth);
$popoutUrl = route('luister.podcast') . $podcast->url . '?auth=' . $podcast->auth; $popoutUrl = route('luister.podcast') . $podcast->url . '?auth=' . $podcast->auth;
?> ?>
<div class=""> <div class="">
<div class="row news_post"> <div class="row news_post">
@@ -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,8 +176,8 @@
</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
@endsection @endsection

4
resources/views/podcastlist.blade.php
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>

34
resources/views/podcastseries.blade.php
View File

@@ -1,11 +1,11 @@
@extends('layouts/full') @extends('layouts/full')
@section('title') @section('title')
@if(isset($program)) @if(isset($program))
{{ $program->name }} {{ $program->name }}
@else @else
NH Gooi Podcast NH Gooi Podcast
@endif @endif
@endsection @endsection
@section('page_class') @section('page_class')
@@ -40,18 +40,18 @@
</div> </div>
</div> </div>
@endif @endif
@if($podcasts) @if($podcasts)
<div class="page_layout clearfix"> <div class="page_layout clearfix">
<div class="grid" id="items"> <div class="grid" id="items">
@include('partial/podcastdirectitems', ['podcasts' => array_slice($podcasts, 0, 2), 'isPodcast' => $isPodcast]) @include('partial/podcastdirectitems', ['podcasts' => array_slice($podcasts, 0, 2), 'isPodcast' => $isPodcast])
</div><!--/.row--> </div><!--/.row-->
</div> </div>
@else @else
<div class="box full-width"> <div class="box full-width">
<p class="page_body">Er zijn geen items beschikbaar.</p> <p class="page_body">Er zijn geen items beschikbaar.</p>
</div> </div>
@endif @endif
</div> </div>
<div class="col-12 col-md-auto sidebar"> <div class="col-12 col-md-auto sidebar">
@@ -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>

46
resources/views/programlist.blade.php
View File

@@ -1,10 +1,12 @@
@extends('layouts/full') @extends('layouts/full')
@section('title') @section('title')
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); } 25% {
100% { transform: rotate(0deg); } transform: rotate(5deg);
} }
.post_container .post_tags li a { 50% {
animation: tilt-shaking 1s linear infinite; transform: rotate(0deg);
} }
</style> 75% {
transform: rotate(-5deg);
}
100% {
transform: rotate(0deg);
}
}
.post_container .post_tags li a {
animation: tilt-shaking 1s linear infinite;
}
</style>
@endsection @endsection

2
resources/views/widgets/add_sidebar.blade.php → resources/views/widgets/banner_sidebar.blade.php
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