fix: add banner styling
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -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%;
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
Reference in New Issue
Block a user