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;
}
}
.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;
}
}

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) {
.sidebar {
width: 100%;

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

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

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

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

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

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

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

4
resources/views/podcastlist.blade.php
View File

@@ -54,7 +54,7 @@
</p>
@else
<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
@if(isset($podcasts))
@@ -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>

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

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

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

@@ -1,10 +1,12 @@
@extends('layouts/full')
@section('title')
Programma gemist
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,20 +109,31 @@
</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); }
}
.post_container .post_tags li a {
animation: tilt-shaking 1s linear infinite;
}
</style>
<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 {
animation: tilt-shaking 1s linear infinite;
}
</style>
@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>
@endif