feat: Add npm dependencies and update vendor paths
- Add package.json dependencies: jquery, jquery-ui, moment, daterangepicker, wavesurfer.js, air-datepicker - Create scripts/setup-vendor.js to copy npm packages to public/assets/vendor - Update view templates to use vendor paths instead of old /js/ or CDN URLs - Clean up legacy commented-out scripts in master layout
This commit is contained in:
Mischa Spelt
Executable → Regular
Executable → Regular
Executable → Regular
Executable → Regular
Executable → Regular
@@ -0,0 +1,51 @@
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
Over 6FM
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@parent
|
||||
6FM is de publieke streekomroep voor Gooi en Vechtstreek. We zijn 24 uur per dag te horen in de ether op 92.0 FM/105.1 FM, op de kabel in Huizen, Laren, Blaricum en Eemnes op 92.3 FM en in Hilversum op 106.2 FM.<br><br>
|
||||
|
||||
Bij 6FM zijn op de radio en achter de schermen ruim 100 vrijwilligers actief. <br><br>
|
||||
|
||||
Het doel van 6FM is radio- en tv-uitzendingen maken voor de inwoners van de Gooi en Vechstreek gemeenten waarbij de nadruk ligt op Informatie, Cultuur en Educatie. 6FM doet dit o.a. met de programma's <a href="{{url('radio/programma/1038/6fm-zaterdag')}}">6FM Zaterdag</a> en diverse themauitzendingen. <br><br>
|
||||
|
||||
<h2>Werken bij 6FM</h2>
|
||||
|
||||
6FM is altijd op zoek naar radiotalent op het gebied van techniek, redactie, presentatie, of beter: een combinatie daarvan.
|
||||
Ervaring niet vereist maar enthousiasme wel.<br><br>
|
||||
|
||||
6FM probeert een zo professioneel mogelijk geluid te brengen. Alle werkzaamheden voor 6FM zijn geheel vrijwillig.<br><br>
|
||||
|
||||
Ben je geïnteresseerd in radio en wil je aan de slag? Dan komen we graag in contact met jou. Een e-mail naar <a href="mailto:vacature@6fm.nl">vacature@6fm.nl</a> met jouw motivatie om bij 6FM te komen werken volstaat.<br><br>
|
||||
|
||||
Momenteel is er bij 6FM een dringende behoefte aan:<br>
|
||||
<b>Redactiemedewerkers voor zowel radio, internet als kabelkrant</b><br>
|
||||
<b>Radiotechnicus</b><br><br>
|
||||
|
||||
<h3>Redactiemedewerker</h3>
|
||||
<br>
|
||||
<u>De werkzaamheden</u><br>
|
||||
Redacteuren verzorgen een 24-uurs nieuwsvoorziening op het internet en onze kabelkrant. Zij gebruiken daarvoor eigen bronnen zoals persberichten, de lokale media en de sites van organisaties in de regio. De redactie stelt nieuwsbulletins samen en houdt de evenementenagenda bij. <br>
|
||||
<br>
|
||||
<u>Wat vragen wij?</u><br>
|
||||
Redacteuren bij radio 6FM hebben een gezonde dosis nieuwsgierigheid. En zijn geïnteresseerd in veel wat er in Huizen en de BEL-gemeenten speelt. Zij bezitten een goede beheersing van de Nederlandse taal. De werkzaamheden kunnen vanuit huis via internet gedaan worden. Na een instructie krijgen zij toegang tot het gecodeerde 6FM redactiesysteem.<br>
|
||||
<br>
|
||||
<u>Wat bieden wij?</u><br>
|
||||
Opname in een enthousiast team dat dagelijks bezig is Radio 6FM 'op de kaart' te zetten. Doordat de werkzaamheden vanuit huis gedaan kunnen worden is er een grote mate van flexibiliteit. Later kunnen de werkzaamheden bij interesse eventueel uitgebreid worden. Te denken valt dan aan het produceren van onderwerpen voor ons actualiteitenprogramma '6FM Actueel'.<br>
|
||||
Het hele team van Radio 6FM bestaat uit vrijwilligers en kent geen betaalde functies.<br>
|
||||
<br>
|
||||
<u>Hoe reageren?</u><br>
|
||||
Interesse? Stuur dan een mailtje naar {{Html::mailto('vacature@6fm.nl')}}. We nemen dan zo snel mogelijk contact op.<br>
|
||||
|
||||
<h3>Radiotechnicus</h3>
|
||||
Voor de versterking van onze club technici zoeken we mensen vanaf 18 jaar die:<br>
|
||||
- affiniteit hebben met radiotechniek en/of audio<br>
|
||||
- en/of radio items willen monteren met de computer of hier gevoel voor
|
||||
hebben en dit willen leren<br><br>
|
||||
|
||||
Ben jij dit? Stuur een e-mail naar {{Html::mailto('vacature@6fm.nl')}} met motivatie om uitgenodigd te worden voor een kennismaking.<br><br>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,74 @@
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
Ontdek NHGooi: Jouw streekomroep in de prachtige Gooi & Vechtstreek-regio!
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Home" href="/">Home</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li><a title="NH Gooi" href="{{route('contact')}}">NH Gooi</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li>Adverteren</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<div class="page_body">
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-8">
|
||||
<p> Wij delen lokale verhalen en versterken gemeenschapsbanden. Als adverteerder krijgt u bij NHGooi de kans om authentiek in contact te komen met onze kijkers, luisteraars en online volgers. Of het nu gaat om radio, televisie of online advertenties, NHGooi biedt een uniek platform om uw boodschap te delen met onze gemeenschap. Verken de mogelijkheden en laat uw merk bloeien in onze regio. Samen bereiken we reclamesucces en versterken we de banden in Gooi & Vechtstreek.
|
||||
</p>
|
||||
<p>
|
||||
Wil je weten wat jouw mogelijkheden zijn? Mail naar {{Html::mailto('adverteren@NHGooi.nl')}} en onze adviseurs nemen contact met je op!
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4">
|
||||
<div class="announcement" style="display: flex; flex-direction: column;">
|
||||
<div>
|
||||
<span class="fa fa-envelope mx-1"></span> {{ Html::mailto('adverteren@nhgooi.nl') }}
|
||||
</div>
|
||||
<div>
|
||||
<span class="fa fa-phone mx-1"></span> <a href="tel:0031651881267">06-51881267</a>
|
||||
</div>
|
||||
<div>
|
||||
<span class="fab fa-linkedin mx-1"></span> <a href="https://www.linkedin.com/in/mascha-van-ekeren-0166704/">LinkedIn</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="box full-width">
|
||||
<h2>Even voorstellen: onze adviseur, Mascha</h2>
|
||||
<div class="row">
|
||||
<div class="col-12 col-lg-8">
|
||||
<p>Mijn naam is Mascha, 41 jaar en woonachtig in Almere.</p>
|
||||
|
||||
<p>Sinds kort ben ik me aan het verdiepen in alle mooie bedrijven die gevestigd zijn in Regio Gooi en Vechtstreek.
|
||||
En dat zijn er een hoop!</p>
|
||||
|
||||
<p>Met het NHGooi platform en onze communicatiekanalen zijn de mogelijkheden eindeloos om de regio te bereiken met jouw reclameboodschap.</p>
|
||||
|
||||
<ul>
|
||||
<li>Ben je een landelijk opererend bedrijf date zichtbaar wil blijven in 'eigen' stad?</li>
|
||||
<li>Ben je net een nieuwe franchisevestiging gestart in de regio?</li>
|
||||
<li>Is jouw bedrijf op zoek naar nieuwe collega's in de regio?</li>
|
||||
<li>Is er binnenkort een evenement die je graag in de regio onder de aandacht wil brengen?</li>
|
||||
<li>Of misschien ben je helemaal niet gevestigd in de regio, maar zijn de mensen uit Gooi en Vechtstreek wel een interessante doelgroep voor jouw reclameboodschap?</li>
|
||||
</ul>
|
||||
|
||||
<p>Samen kijken we hoe we de boodschap het beste naar jouw doelgroep kunnen vertalen. Denk aan een commerciële uiting op onze kanalen (radio, tv en online), maar ook contentcreatie behoort tot de mogelijkheden. Op deze manier kunnen we de doelgroep benaderen met informatie die waardevol, vermakelijk en relevant is.</p>
|
||||
|
||||
<p>Als jouw NHGooi adviseur denk ik graag met je mee wat wij voor je zouden kunnen betekenen. Voor meer informatie over hoe een samenwerking met NHGooi eruit kan komen te zien? Stuur een bericht naar <a href="mailto:adverteren@nhgooi.nl">adverteren@nhgooi.nl</a>.</p>
|
||||
|
||||
<p>Leuk om kennis te maken!</p>
|
||||
</div>
|
||||
<div class="col-12 col-lg-4">
|
||||
<img src="images/adverteren.jpg" alt="Mascha, jouw NHGooi adviseur" style="width: 100%;">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,44 @@
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
NH Gooi App
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Home" href="/">Home</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li>NH Gooi App</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('page_class')
|
||||
page_container
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<div class="page_body margin_bottom">
|
||||
<p>Download de NH Gooi app via de App Store of Google Play.</p>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="col" style="margin-left: 0">
|
||||
<div class="icon_box icon_position_top no_border">
|
||||
<a class="" href="https://play.google.com/store/apps/details?id=nl.gooi.app">
|
||||
<img data-src="/images/googleplay.jpg" class="scale-with-grid" alt="Google Play Store"
|
||||
width="318" height="100" src="/images/googleplay.jpg">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col" style="margin-left: 0">
|
||||
<div class="icon_box icon_position_top no_border">
|
||||
<a class="" href="https://apps.apple.com/nl/app/nh-gooi/id1585667560">
|
||||
<img class="scale-with-grid" alt="Apple Store" width="318" height="100" src="/images/apple.jpg">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,52 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
@if($blog->title) {{$blog->title}} | Live blog @endif
|
||||
@endsection
|
||||
|
||||
@section('controls')
|
||||
<p>
|
||||
<a href="{{Request::url()}}" class="action_button"><span class="fa fa-undo" class="action_button"></span><span>Verversen (nieuwste)</span></a>
|
||||
|
||||
@if($pagina > 1)
|
||||
<a href="{{Request::url()}}?pagina={{$pagina - 1}}" class="action_button"><span class="fa fa-arrow-left"></span><span>Terug (nieuwer)</span></a>
|
||||
@else
|
||||
<a href="#" class="action_button disabled"><span class="fa fa-arrow-left"></span><span>Terug (nieuwere berichten)</span></a>
|
||||
@endif
|
||||
|
||||
@if($hasNext)
|
||||
<a href="{{Request::url()}}?pagina={{$pagina + 1}}" class="action_button"><span class="fa fa-arrow-right"></span><span>Verder (ouder)</span></a>
|
||||
@else
|
||||
<a href="#" class="action_button disabled"><span class="fa fa-arrow-right"></span><span>Verder (ouder)</span></a>
|
||||
@endif
|
||||
</p>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<h3 class="excerpt">
|
||||
{!!$blog->description!!}
|
||||
<span style="font-size: 75%; margin: 5px; text-align: center">
|
||||
@if($blog->is_active)
|
||||
<span style="padding: 3px; color: white; background-color: #BD0013; border-radius: 5px;" title="Dit blog wordt momenteel actief bijgewerkt.">
|
||||
Nu live!
|
||||
</span>
|
||||
@else
|
||||
<span style="padding: 3px; background-color: #BDBDBD; border-radius: 5px;" title="Dit blog is gesloten en wordt hier getoond als archief.">
|
||||
Archief
|
||||
</span>
|
||||
@endif
|
||||
</span>
|
||||
</h3>
|
||||
|
||||
@yield('controls')
|
||||
|
||||
<div id="items">
|
||||
@include('partial/blogitems', ['items' => $items])
|
||||
</div>
|
||||
|
||||
@yield('controls')
|
||||
<p class="center">(Pagina {{$pagina}})</p>
|
||||
|
||||
@endsection
|
||||
|
||||
@@ -0,0 +1,122 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
{{$event->title}}
|
||||
@endsection
|
||||
|
||||
@section('page_class')
|
||||
news_post post_container breadcrumb_no_border
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb_top')
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Home" href="/">Home</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li><a title="Streekagenda" href="{{route('agenda')}}">Streekagenda</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li>Details</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="post_body">
|
||||
<div class="post single small_image">
|
||||
<ul class="post_details clearfix">
|
||||
@if($event->region)
|
||||
<li class="detail category"><i class="fa-solid fa-location-dot"></i> <a title="{{$event->region}}">{{$event->region}}</a></li>
|
||||
@endif
|
||||
<li class="detail date">
|
||||
<i class="fa-regular fa-clock"></i>
|
||||
{{Formatter::relativeDate($event->starts, 'W d m y?')}}
|
||||
@if($event->ends && $event->starts != $event->ends)
|
||||
t/m {{Formatter::relativeDate($event->ends, 'd m y?')}}
|
||||
@endif
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
|
||||
@if($event->podcast)
|
||||
@include('widgets/mediaplayer')
|
||||
<div class="announcement">
|
||||
<div>
|
||||
<audio controls>
|
||||
<source src="{{ $url = url( $apiUrl . 'podcast/stream/' . $event->podcast->url . "?auth=" . $event->podcast->auth )}}" type="audio/mpeg" />
|
||||
</audio>
|
||||
</div>
|
||||
<ul class="post_details clearfix">
|
||||
<li class="detail date">
|
||||
<i class="fa-regular fa-clock"></i>
|
||||
{{ Formatter::relativeDate($event->podcast->created) }} uitgezonden
|
||||
@if($event->podcast->program) in <a href="{{ route('programma') . $event->podcast->program->url }}">{{ $event->podcast->program->name }}</a> @endif
|
||||
</li>
|
||||
<li class="detail category">
|
||||
<a href="{{ route('gemist.fragment') . $event->podcast->url }}">
|
||||
<span class="fa "></span>
|
||||
<span>Meer over dit fragment</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="post_content clearfix" style="margin-top: 20px;">
|
||||
<div class="content_box">
|
||||
@if($event->images)
|
||||
@if(count($event->images) == 1)
|
||||
<div class="post_image_box">
|
||||
<a href="{{$imgBase . $event->images[0]->url}}" class="post_image prettyPhoto" rel="prettyPhoto" title="{{$event->images[0]->title}}">
|
||||
<img src='{{$imgBase . $event->images[0]->url}}' alt='{{$event->images[0]->title}}'>
|
||||
</a>
|
||||
<div class="sentence">
|
||||
<span class="text">{{$event->images[0]->title}}</span>
|
||||
@if(isset($event->images[0]->author))
|
||||
<span class="author">{{$event->images[0]->author}}</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
<div class="horizontal_carousel_container thin page_margin_top gallery_control">
|
||||
<ul class="horizontal_carousel control-for-post-gallery visible-5 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
|
||||
@foreach($event->images as $image)
|
||||
<li>
|
||||
<a href="#"><img src='{{$imgBase . $image->url}}'></a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
<div id="control-by-post-gallery" class="horizontal_carousel_container big margin_top_10">
|
||||
<ul id="post-gallery" class="horizontal_carousel visible-1 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
|
||||
@foreach($event->images as $image)
|
||||
<li>
|
||||
<a href="{{$imgBase . $image->url}}" data-rel="gallery" title="{{$image->title}}">
|
||||
<span class="icon fullscreen animated"></span>
|
||||
<img src='{{$imgBase . $image->url}}' alt='{{$image->title}}'>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
@if(is_array($event->content))
|
||||
@include('partial/nh_story', ['content' => $event->content]);
|
||||
@else
|
||||
<div class="text">
|
||||
{!!$event->content!!}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
{{--
|
||||
@include('widgets/share')
|
||||
--}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
@endsection
|
||||
|
||||
|
||||
@@ -0,0 +1,88 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
Streekagenda
|
||||
@endsection
|
||||
|
||||
@section('page_class')
|
||||
news_post post_container breadcrumb_no_border
|
||||
@endsection
|
||||
@section('page_container_class')
|
||||
grey_background
|
||||
@endsection
|
||||
@section('site_container_class')
|
||||
grey_background
|
||||
@endsection
|
||||
|
||||
@section('content_class')
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Home" href="/">Home</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li>Regio-agenda</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@if(!count($events))
|
||||
@section('content')
|
||||
<div class="page_body margin_bottom">
|
||||
<p>De streekagenda is momenteel helaas leeg.</p>
|
||||
<p><b>Iets te melden</b> voor onze streekagenda? Mail het naar {{Html::mailto("info@nhgooi.nl")}}. Voeg bij voorkeur het persbericht als <b>bijlage</b> bij. Vergeet ook niet een <b>foto</b> mee te sturen die we rechtenvrij (met bronvermelding) mogen plaatsen. Vermeld in de mail je contactgegevens, als je wilt dat bijvoorbeeld onze radio- of tv-redactie contact met je kan opnemen voor een interview.</p>
|
||||
</div>
|
||||
@endsection
|
||||
@else
|
||||
|
||||
@section('content')
|
||||
@parent
|
||||
<div data-tabs class="page_body">
|
||||
<p><b>Iets te melden</b> voor onze streekagenda? Mail het naar {{Html::mailto("info@nhgooi.nl")}}. Voeg bij voorkeur het persbericht als <b>bijlage</b> bij. Vergeet ook niet een <b>foto</b> mee te sturen die we rechtenvrij (met bronvermelding) mogen plaatsen. Vermeld in de mail je contactgegevens, als je wilt dat bijvoorbeeld onze radio- of tv-redactie contact met je kan opnemen voor een interview.</p>
|
||||
<div style="padding: 0" class="tab_content active" id="agenda">
|
||||
@php($count = 0)
|
||||
@foreach($events as $event)
|
||||
@php($count++)
|
||||
<?php $url = $event->url; ?>
|
||||
<div class="box featured">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-6">
|
||||
<a href="{{$url}}" title="{{$event->title}}">
|
||||
<img src="{{$event->images && $event->images[0] && $event->images[0]->url ? $imgBase . $event->images[0]->url : '/images/noimage.png'}}"/>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12 col-md-6">
|
||||
<h2 class="post_title"><a href="{{$url}}" title="{{$event->title}}">{!!$event->title!!}</a></h2>
|
||||
<div class="sub_title" style="flex-wrap: wrap">
|
||||
<ul class="post_tags" style="width: 100%; margin: 0 0 8px 0;height: 25px;">
|
||||
@foreach($event->tags as $tag)
|
||||
<li><a style="padding: 3px 8px 3px" title="{{$tag->titel}}">{{$tag->titel}}</a></li>
|
||||
@endforeach
|
||||
</ul>
|
||||
<span class="post_date" style="line-height: 1.17; height: 14px;" title="{{Formatter::relativeDate($event->starts, 'W d m y?')}}">
|
||||
<i class="fa-regular fa-clock"></i> {{Formatter::relativeDate($event->starts, 'W d m y?')}}
|
||||
@if($event->ends && $event->starts != $event->ends)
|
||||
@if($event->ends->format('d M y') != $event->starts->format('d M y'))
|
||||
t/m {{strtolower(Formatter::relativeDate($event->ends, 'W d m y?'))}}
|
||||
@elseif($event->ends)
|
||||
van {{ $event->starts->format('H:i') }} uur tot {{ $event->ends->format('H:i') }} uur
|
||||
@else
|
||||
om {{ $event->starts->format('H:i') }} uur
|
||||
@endif
|
||||
@endif
|
||||
</span>
|
||||
</div>
|
||||
<p class="clipText clipText-7" title="{{Formatter::excerpt($event->content, 150)}}">
|
||||
{!!Formatter::excerpt($event->content, 150)!!}
|
||||
</p>
|
||||
<a class="btn fit_content" href="{{$url}}">Lees verder</a>
|
||||
</div>
|
||||
</div>
|
||||
@if($count == 0)
|
||||
<p>Er zijn geen items gevonden. Iets te melden? Mail het naar <a href="mailto:info@nhgooi.nl">info@nhgooi.nl</a>.</p>
|
||||
@endif
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@endif
|
||||
@@ -0,0 +1,66 @@
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
Neem contact op
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Home" href="/">Home</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li><a title="NH Gooi" href="{{route('contact')}}">NH Gooi</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li>Neem contact op</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="page_body">
|
||||
<div class="row ">
|
||||
<div class="col-12 col-md">
|
||||
<p>NH Gooi is de publieke streekomroep van Gooi en Vechtstreek. We houden je 24 uur per dag
|
||||
op de hoogte van al het nieuws, betrouwbaar en snel. Dat doen we via een eigen nieuws-
|
||||
app, onze website en social media, maar ook op radio en televisie. Daarnaast brengen we
|
||||
een gevarieerd aanbod van podcasts, radio- en televisieprogramma's.</p>
|
||||
|
||||
<p>Ons team van journalisten en programmamakers bestaat uit betaalde krachten, vrijwilligers
|
||||
en stagiaires. We vinden het belangrijk mensen op te leiden en een goede plek te bieden
|
||||
voor talent.</p>
|
||||
|
||||
<p>De redactie van NH Gooi is journalistiek onafhankelijk en wordt geleid door de chef redactie.</p>
|
||||
|
||||
<h3>Contactinformatie</h3>
|
||||
|
||||
<p>Neem contact op met NH Gooi, de streekomroep voor Gooi & Vechtstreek.</p>
|
||||
|
||||
<p>Wij zijn te ontvangen in heel Gooi en Eemland. <br>
|
||||
<a href="{{url('frequenties')}}" class="action_button">
|
||||
<span class="fa fa-list"></span>
|
||||
<span>Frequenties</span>
|
||||
</a>
|
||||
</p>
|
||||
|
||||
<p class="page_margin_top">
|
||||
<b>NHGooi</b><br>
|
||||
Postbus 83<br>
|
||||
1270 AB Huizen<br>
|
||||
Tel: <a href="tel:+31356424776">035-6424774</a><br>
|
||||
KvK: 41194132<br>
|
||||
<br>
|
||||
|
||||
<b>Bezoekadres / Studio:</b><br>
|
||||
IJsselmeerstraat 3B<br>
|
||||
1271 AA Huizen<br><br>
|
||||
|
||||
<p>
|
||||
<b>NHGooi Radio</b><br>
|
||||
IJsselmeerstraat 3B<br/>
|
||||
1271 AA, Huizen<br/>
|
||||
studio: <a href="tel:+31356424776">035-6424776</a><br/>
|
||||
KvK: 41194132<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,40 @@
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
Cookie statement
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Home" href="/">Home</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li>Cookie statement</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<div class="page_body">
|
||||
<!DOCTYPE html>
|
||||
<p>Bij NHGooi hechten we veel waarde aan uw privacy en de gebruiksvriendelijkheid van onze website. Daarom maken we gebruik van cookies om uw ervaring op onze website te verbeteren. Hieronder leest u meer over ons cookiebeleid en hoe wij cookies inzetten.</p>
|
||||
|
||||
<h2>1. Wat zijn cookies?</h2>
|
||||
<p>Cookies zijn kleine tekstbestanden die op uw computer of mobiele apparaat worden opgeslagen wanneer u onze website bezoekt. Deze cookies helpen ons om uw voorkeuren te onthouden en om onze website beter te laten functioneren.</p>
|
||||
|
||||
<h2>2. Welke cookies gebruiken we?</h2>
|
||||
<ul>
|
||||
<li><strong>Functionele cookies:</strong> Deze cookies zijn essentieel voor het correct functioneren van onze website. Ze zorgen ervoor dat basisfuncties zoals paginanavigatie en toegang tot beveiligde delen van de website werken. Zonder deze cookies kan de website niet naar behoren functioneren.</li>
|
||||
<li><strong>Analytische cookies:</strong> Met deze cookies kunnen we het gebruik van onze website analyseren en verbeteren. Ze helpen ons te begrijpen hoe bezoekers onze website gebruiken, zodat we de functionaliteit en content kunnen optimaliseren. We gebruiken hiervoor bijvoorbeeld Google Analytics.</li>
|
||||
<li><strong>Advertentie- en trackingcookies:</strong> Deze cookies worden gebruikt om advertenties relevanter voor u te maken. Ze kunnen ook worden gebruikt om de effectiviteit van een advertentiecampagne te meten. Deze cookies worden door derde partijen geplaatst, zoals advertentienetwerken, en kunnen uw internetgedrag volgen.</li>
|
||||
</ul>
|
||||
|
||||
<h2>3. Beheer van cookies</h2>
|
||||
<p>Bij uw eerste bezoek aan onze website wordt u gevraagd om akkoord te gaan met het plaatsen van cookies. U kunt uw cookievoorkeuren op elk moment wijzigen via de instellingen van uw browser. Houd er echter rekening mee dat het uitschakelen van cookies invloed kan hebben op de functionaliteit van onze website.</p>
|
||||
|
||||
<h2>4. Uw privacy</h2>
|
||||
<p>Uw privacy is voor ons van groot belang. Raadpleeg onze <a href="/privacy-verklaring">privacyverklaring</a> voor meer informatie over hoe wij omgaan met uw persoonlijke gegevens.</p>
|
||||
|
||||
<h2>5. Vragen?</h2>
|
||||
<p>Als u vragen heeft over ons cookiebeleid, neem dan gerust contact met ons op via <a href="mailto:info@nhgooi.nl">info@nhgooi.nl</a>.</p>
|
||||
|
||||
</div>
|
||||
@endsection
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,63 @@
|
||||
@extends('layouts.sidebar')
|
||||
|
||||
@section('title')
|
||||
Gemeenteraadsverkiezingen 2022
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<h2 class="page_margin_top">NH Gooi helpt u kiezen!</h2>
|
||||
|
||||
<p>Volg bij NH Gooi wat partijen in uw gemeente te vertellen hebben.</p>
|
||||
<p>De volgende debatten waren live te volgen op <a href="{{$live = route('luister.live')}}" class="player"><span class="fa fa-play"></span> <span>NH Gooi Radio</span></a>.</p>
|
||||
|
||||
<table id="overzicht">
|
||||
<tr>
|
||||
<td>Blaricum</th>
|
||||
<td>Zaterdag 5 maart van 14:00 uur tot 16:00 uur</td>
|
||||
<td><a href="/gemist/fragment/1294661/nh-gooi-verkiezingsuitzending-blaricum-5-maart.mp3"><span class="fa fa-history"></span> <span>Luister terug</span></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Laren</th>
|
||||
<td>Zondag 6 maart van 14:00 uur tot 16:00 uur</td>
|
||||
<td><a href="/gemist/fragment/1294662/verkiezingsdebat-laren.mp3"><span class="fa fa-history"></span> <span>Luister terug</span></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Huizen</th>
|
||||
<td>Maandag 7 maart van 19:00 uur tot 22:00 uur</td>
|
||||
<td><a href="/gemist/fragment/1294769/nh-gooi-verkiezingsdebat-huizen-7-3-2022.mp3"><span class="fa fa-history"></span> <span>Luister terug</span></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Eemnes</th>
|
||||
<td>Zaterdag 12 maart van 14:00 uur tot 16:00 uur</td>
|
||||
<td><a href="/gemist/fragment/1294962/nh-gooi-verkiezingsdebat-eemnes-10-3-2022.mp3"><span class="fa fa-history"></span> <span>Luister terug</span></a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Hilversum</th>
|
||||
<td>Zondag 13 maart van 14:00 uur tot 16:00 uur</td>
|
||||
<td><a href="/gemist/fragment/1295050/nh-gooi-verkiezingsdebat-hilversum-10-3-2022.mp3"><span class="fa fa-history"></span> <span>Luister terug</span></a></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
<style>
|
||||
#overzicht {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#overzicht tr {
|
||||
border-bottom: solid 1px #333;
|
||||
}
|
||||
|
||||
#overzicht tr td:first-child {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#overzicht td {
|
||||
color: #000;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
</style>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,19 @@
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
Disclaimer
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Home" href="/">Home</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li>Disclaimer</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<div class="page_body">
|
||||
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,41 @@
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
Frequenties
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Home" href="/">Home</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li><a title="NH Gooi" href="{{route('contact')}}">NH Gooi</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li>Frequenties</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<div class="page_body">
|
||||
<h2 class="page_margin_top">NH Gooi Radio</h2>
|
||||
<p>NH Gooi Radio hoor je in heel Gooi en Eemland op <b>92.0 FM</b>.
|
||||
|
||||
<p>Of luister via je digitale ontvanger:
|
||||
<ul class="list no_border spacing">
|
||||
<li class="bullet style_2">Bij KPN op <b>kanaal 1079</b>.</li>
|
||||
<li class="bullet style_2">Bij Ziggo op <b>kanaal 915</b>.</li>
|
||||
</ul>
|
||||
</p>
|
||||
|
||||
<h2 class="page_margin_top">NH Gooi TV</h2>
|
||||
<p>NH Gooi TV zie je op de kabel:</p>
|
||||
|
||||
<ul class="list no_border spacing">
|
||||
<li class="bullet style_2">Bij KPN op <b>kanaal 1379</b>.</li>
|
||||
<li class="bullet style_2">Bij Ziggo op <b>kanaal 47</b>.</li>
|
||||
</ul>
|
||||
|
||||
<h2 class="page_margin_top">Of luister via TuneIn</h2>
|
||||
<iframe src="https://tunein.com/embed/player/s76591/" style="width:100%; height:100px;" scrolling="no"
|
||||
frameborder="no"></iframe>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,227 @@
|
||||
@extends('layouts.master')
|
||||
|
||||
@section('title')
|
||||
Home
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<div class="clearfix">
|
||||
<div class="blog_grid" data-snapto="{}">
|
||||
{{-- Desktop --}}
|
||||
<div class="grid_view">
|
||||
<div class="row">
|
||||
<div class="col-4 col-md-6">
|
||||
@if($item = current($news))
|
||||
<div class="post large">
|
||||
<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}}"
|
||||
href="{{route('nieuws.tag', ['tag' => $tag->slug])}}"
|
||||
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}}">
|
||||
<i class="fa-regular fa-clock"></i> {{$time}}
|
||||
</span>
|
||||
</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">
|
||||
@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>
|
||||
<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>
|
||||
<div class="col-8 col-md-6">
|
||||
<div class="row">
|
||||
@php(prev($news))
|
||||
@for($i = 0; ($i < 5) && ($item = next($news)); ++$i)
|
||||
<div class="post small col-6{{$i == 0 ? ' d-none d-md-block' : ''}}{{$i == 4 ? ' 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}}"
|
||||
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>
|
||||
<?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>
|
||||
@endfor
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- body --}}
|
||||
<div class="grey_background">
|
||||
<div class="body_container row">
|
||||
@if(!isset($disableBanners) || !$disableBanners)
|
||||
<div class="homepage-body-banners d-none d-md-flex justify-content-center mb-4">
|
||||
<ins data-revive-zoneid="3" data-revive-id="{{ env('REVIVE_ID') }}"></ins>
|
||||
<ins data-revive-zoneid="4" data-revive-id="{{ env('REVIVE_ID') }}"></ins>
|
||||
</div>
|
||||
@endif
|
||||
<div class="col-12 col-md content_container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-12">
|
||||
<h4 class="box_header"><span>Meer nieuws</span></h4>
|
||||
<div class="box full-width">
|
||||
@include('partial/newslist_small', ['id' => 'items-more-news', 'news' => array_slice($news, 5, 5)])
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 col-12">
|
||||
<h4 class="box_header"><span>Meest gelezen</span></h4>
|
||||
<div class="box full-width">
|
||||
@include('partial/newslist_small', ['id' => 'items-most-read', 'news' => $populair])
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<a class="btn auto_width" id="meer-nieuws" href="{{route('nieuws')}}">
|
||||
Klik hier voor meer nieuws
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if ($podcast)
|
||||
<?php $url = route('gemist.fragment') . $podcast->url; ?>
|
||||
<h4 class="box_header"><span>Uitgelicht fragment</span></h4>
|
||||
<div class="box featured">
|
||||
<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>
|
||||
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12 col-md-6">
|
||||
<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 }}"
|
||||
title="{{$podcast->program->name}}">{{$podcast->program->name}}</a>
|
||||
@endif
|
||||
<span class="post_date" title="{{Formatter::relativeDate($podcast->created)}}">
|
||||
<i class="fa-regular fa-clock"></i> {{Formatter::relativeDate($podcast->created)}}
|
||||
</span>
|
||||
</div>
|
||||
<p class="clipText clipText-7" title="{{strip_tags($podcast->content)}}">
|
||||
{!!$podcast->content!!}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-auto sidebar">
|
||||
@include('widgets/nhgooiradiotv', ['headerClass' => 'small'])
|
||||
|
||||
@include('widgets.banner_sidebar')
|
||||
|
||||
@include('widgets/contact', [])
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@@ -0,0 +1,81 @@
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
@if($title)
|
||||
{{$title}} - Beelden
|
||||
@else
|
||||
Beelden
|
||||
@endif
|
||||
@endsection
|
||||
|
||||
|
||||
@section('breadcrumb')
|
||||
@if($title)
|
||||
<ul class="bread_crumb" style="margin-top: -10px; margin-bottom: 4px; ">
|
||||
<li><a title="Beelden" href="{{route('beelden')}}">Beelden</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li>{{$title}}</li>
|
||||
</ul>
|
||||
@endif
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<div class="page_body margin_bottom">
|
||||
<p class='bouwmee'>Ook jouw foto op deze pagina? <a href="mailto:beelden@nhgooi.nl">Mail naar
|
||||
beelden@nhgooi.nl!</a></p>
|
||||
|
||||
<div id="items">
|
||||
@include('partial/imageslist_small', ['images' => $images])
|
||||
</div>
|
||||
|
||||
@if(count($images) >= 15)
|
||||
<div>
|
||||
<button class="more page_margin_top" type="button" id='meer-beelden'>
|
||||
<span class="fa-2x fas fa-spinner fa-spin" id="loading"></span>
|
||||
LAAD MEER BEELDEN
|
||||
</button>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@push('scripts')
|
||||
<script>
|
||||
var nextPage = 2;
|
||||
var isLoading = 0;
|
||||
var $isLoading = $('#loading').hide();
|
||||
|
||||
$('#meer-beelden').click(function (e) {
|
||||
e.preventDefault();
|
||||
if (!isLoading) {
|
||||
// Set flag and update UI
|
||||
isLoading = 1;
|
||||
$isLoading.show();
|
||||
var $button = $(this).attr("disabled", "disabled");
|
||||
|
||||
// Fire request for the next page
|
||||
$.ajax({url: document.location.pathname + '?pagina=' + nextPage})
|
||||
.always(function () {
|
||||
// Whether success or failure, update the UI again
|
||||
isLoading = 0;
|
||||
$isLoading.hide();
|
||||
$button.removeAttr("disabled");
|
||||
})
|
||||
.done(function (data) {
|
||||
if (!data) {
|
||||
// When no data was returned, disable the button permanently
|
||||
page = -1;
|
||||
$('#items').append("<hr /><p>Er zijn geen beelden (meer).</p>");
|
||||
$button.remove();
|
||||
return;
|
||||
}
|
||||
|
||||
$('#items').append(data);
|
||||
++nextPage;
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
@@ -0,0 +1,93 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
{{$job->title}}
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Home" href="/">Home</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li><a title="Vacatures" href="{{route('vacatures')}}">Vacatures</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li>{{$job->title}}</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('page_container_class')
|
||||
grey_background
|
||||
@endsection
|
||||
@section('site_container_class')
|
||||
grey_background
|
||||
@endsection
|
||||
@section('container_class')
|
||||
news_post post_container
|
||||
@endsection
|
||||
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="post_body">
|
||||
@if($job->images)
|
||||
@if(count($job->images) == 1)
|
||||
<div class="post_image_box">
|
||||
<a href="{{$imgBase . $job->images[0]->url}}" class="post_image prettyPhoto" rel="prettyPhoto"
|
||||
title="{{$job->images[0]->title}}">
|
||||
<img src='{{$imgBase . $job->images[0]->url}}' alt='{{$job->images[0]->title}}'>
|
||||
</a>
|
||||
<div class="sentence">
|
||||
<span class="text">{{$job->images[0]->title}}</span>
|
||||
@if(isset($job->images[0]->author))
|
||||
<span class="author">{{$job->images[0]->author}}</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
<div class="horizontal_carousel_container thin page_margin_top gallery_control">
|
||||
<ul class="horizontal_carousel control-for-post-gallery visible-5 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
|
||||
@foreach($job->images as $image)
|
||||
<li>
|
||||
<a href="#"><img src='{{$imgBase . $image->url}}'></a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
<div id="control-by-post-gallery" class="horizontal_carousel_container big margin_top_10">
|
||||
<ul id="post-gallery"
|
||||
class="horizontal_carousel visible-1 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
|
||||
@foreach($job->images as $image)
|
||||
<li>
|
||||
<a href="{{$imgBase . $image->url}}" data-rel="gallery" title="{{$image->title}}">
|
||||
<span class="icon fullscreen animated"></span>
|
||||
<img src='{{$imgBase . $image->url}}' alt='{{$image->title}}'>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
<div class="text">
|
||||
{!!$job->content!!}
|
||||
|
||||
<hr/>
|
||||
<h2>Interesse?</h2>
|
||||
<p><a href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst">Meld je nu aan voor een vrijblijvende
|
||||
kennismaking</a> met NH Gooi.</p>
|
||||
<!-- <a class="read_more" href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst"><span class="arrow"></span><span>Programma & aanmelden</span></a> -->
|
||||
|
||||
<p>Je kan ons ook mailen. Stuur een korte introductie met motivatie naar meebouwen@nhgooi.nl en we nemen
|
||||
contact met je op voor een vrijblijvend kennismakingsgesprek.</p>
|
||||
<a class="btn" href="mailto:meebouwen@nhgooi.nl?subject=Reactie op vacature voor {{$job->title}}"
|
||||
title="Mail direct je reactie op deze vacature.">
|
||||
<span>Reageer nu!</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
{{--
|
||||
@include('widgets/share')
|
||||
--}}
|
||||
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,69 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
Vacatures
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Home" href="/">Home</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li>Vacatures</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('page_container_class')
|
||||
grey_background
|
||||
@endsection
|
||||
@section('site_container_class')
|
||||
grey_background
|
||||
@endsection
|
||||
@section('container_class')
|
||||
news_post post_container
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@parent
|
||||
|
||||
<div class="post_body ">
|
||||
|
||||
<h2>Wat doen wij?</h2>
|
||||
<p>NH Gooi is dé streekomroep voor het Gooi. We maken radio- en televisieprogramma’s, podcasts en bieden een website vol nieuws en verhalen uit jouw streek. Onze uitzendingen draaien om muziek, informatie, cultuur en ontspanning, allemaal met een duidelijke link naar het Gooi. Met meer dan 60 (vrijwillige) medewerkers zijn we volop in ontwikkeling en willen we onze activiteiten verder uitbouwen.</p>
|
||||
<p>Wil jij meebouwen aan de streekomroep van en voor het Gooi? Heb je een stevige motivatie en misschien al wat ervaring? Dan ben je bij ons aan het juiste adres. NH Gooi biedt kansen voor iedereen die wil bijdragen aan onze organisatie. En dat allemaal in het mediahart van Nederland.</p>
|
||||
<blockquote>
|
||||
Ik kwam hier als programmeur en nu maak ik met een collega, inmiddels vriend, elke week een nieuwsprogramma.
|
||||
<span class="author">— Mischa, programmamaker en technicus</span>
|
||||
</blockquote>
|
||||
<p>Als vrijwilliger van NH Gooi kan je gebruik maken van de opleidingsmogelijkheden die via de NLPO worden aangeboden. Kijk bijvoorbeeld eens op de <a href="https://www.nlpo.nl/opleidingen/">website van de NLPO</a> over het huidige aanbod. Ook organiseren we samen met onze mediapartner NH trainingen en cursussen.</p>
|
||||
|
||||
<h2>Huidige (vrijwillige) vacatures</h2>
|
||||
|
||||
<h3>Programma’s en content</h3>
|
||||
<ul>
|
||||
<li><strong>Contentmakers audio en video, voor en achter de schermen:</strong> Wil je programma's maken voor radio en/of televisie, verslaggever worden of podcasts maken? Wij zoeken mensen die het leuk vinden om te filmen, te monteren, te regisseren, redactie te voeren, programma’s te maken nieuws te lezen etc. Wil je een mooi vak leren, je kennis uitbreiden, vlieguren maken of misschien anderen jouw vak leren? Kom bij onze fijne club.</li>
|
||||
<li><strong>Technisch medewerkers (ICT, audio- en videotechniek):</strong> Ben jij de techneut of ICT'er die zorgt dat alle techniek en verbindingen goed blijven werken? Vind je het leuk om onze website te beheren, onze (muziek)programmering in onze computersystemen te verwerken, en/of de studio’s werkend te houden en te verbeteren? Kun je goed overweg met het opnemen en monteren van promo’s, spotjes en andere audio- en videoproducten? Dan zoeken we jou!</li>
|
||||
</ul>
|
||||
|
||||
<blockquote>
|
||||
Je krijgt bij NHGooi de kans om jezelf te ontwikkelen. Ik mocht al heel snel mijn eigen programma maken
|
||||
<span class="author">— Yannick, oud-programmamaker, inmiddels werkzaam bij de regionale omroep</span>
|
||||
</blockquote>
|
||||
|
||||
<h3>Bestuur, staf en organisatie</h3>
|
||||
<ul>
|
||||
<li><strong>Diverse coördinatoren:</strong> NH Gooi is een organisatie van ruim 60 vrijwilligers die samen radio, televisie, podcasts en online producties maken. Met de ambitie om in 2025 het <a href="https://www.nlpo.nl/keurmerk-nederlands-streekomroepen/">keurmerk Nederlandse Streekomroepen</a> te behalen, streven we naar verdere professionalisering van onze interne organisatie en besturingsstructuur. We zoeken gemotiveerde vrijwilligers met coördinerende ervaring. Denk aan coördinator audio, video, externe producties, techniek, vrijwilligers/medewerkerszaken en commercie. Stuur je reactie met korte motivatie naar <a href="mailto:meebouwen@NHGooi.nl">meebouwen@NHGooi.nl</a>.</li>
|
||||
<li><strong>Buurt- & clubambassadeurs:</strong> NH Gooi is de stem van het Gooi. We laten graag zien en horen wat er speelt in het Gooi, door en voor inwoners van de Gooi en Vechtstreek. We brengen zo veel mogelijk nieuws en informatie uit alle kernen van het Gooi. Ook willen graag de informatie van clubs, verenigingen en andere, maatschappelijke, organisatie voor het voetlicht brengen. We zoeken ambassadeurs per kern/wijk en club/vereniging/organisatie die verslag willen doen van gebeurtenissen in hun omgeving of club. Of je nu tips doorgeeft aan de redactie of zelf verslag doet via een artikel, foto’s, audio of video – alles is mogelijk. Afhankelijk van jouw kennis, kunde en talent bepalen we samen wat mogelijk is. Sollicitaties met korte motivatie kunnen naar onze chef-redactie Marco Willemse: {{ Html::mailto('marco.willemse@nhgooi.nl') }}</li>
|
||||
<li><strong>Lid van het PBO:</strong> Het PBO is het programmabeleidbepalend orgaan van onze omroep. Het PBO komt minimaal drie keer per jaar bij elkaar om het media-aanbodbeleid vast te stellen en te controleren of onze programma’s voldoen aan de wettelijke normen. De leden vertegenwoordigen diverse stromingen binnen onze gemeenten, zodat we een directe binding hebben met ons publiek. Als je betrokken bent bij een van de stromingen in de Gooise samenleving (zoals sport, maatschappelijke zorg, kunst en cultuur, kerkgenootschappen, onderwijs, etnische minderheden, jongeren, ouderen, etc.) en wilt deelnemen aan het PBO, neem dan contact op via <a href="mailto:bestuur@nhgooi.nl">bestuur@nhgooi.nl</a>.</li>
|
||||
</ul>
|
||||
|
||||
<h2>Vrijwillig maar niet vrijblijvend</h2>
|
||||
<p>Werken aan radio-, televisie-, podcast- en onlineproducties en het draaiende houden van onze organisatie is enorm leuk en inspirerend. Dit vraagt echter expertise, inzet en vasthoudendheid. NH Gooi is een vrijwilligersorganisatie, maar dat betekent niet dat we onderdoen voor een beroepsorganisatie. We vinden het belangrijk dat we op je kunnen rekenen. Vrijwillig is immers niet vrijblijvend. </p>
|
||||
<p>We vragen dat je nieuwsgierig bent, goed kunt samenwerken en gemotiveerd bent om je in te zetten voor NH Gooi. En met wat ervaring heb je een streepje voor! En wil je nieuwe dingen leren? Dan kun je gebruik maken van de opleidingsmogelijkheden.</p>
|
||||
<p>Neem contact met ons op via <a href="mailto:meebouwen@nhgooi.nl">meebouwen@nhgooi.nl</a> en geef aan waar je interesse ligt, welke ervaring je hebt en wat je motivatie is om mee te bouwen aan NH Gooi.</p>
|
||||
|
||||
<blockquote>
|
||||
Produceren, presenteren, reportages maken, monteren; ik kon het allemaal leren bij NH Gooi. Wil je iets met radio, ben je van 'wel vrijwillig, maar niet vrijblijvend?' Dan wil ik graag mijn ervaringen met je delen
|
||||
<span class="author">— Michel Stoeltie</span>
|
||||
</blockquote>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,200 @@
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
Meebouwen?
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Home" href="/">Home</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li><a title="Vacatures" href="{{route('vacatures')}}">Vacatures</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li>Ontmoet ons</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<div class="page_body margin_bottom">
|
||||
|
||||
@if(isset($antispam))
|
||||
<div style="border: solid 1px blue; padding: 3px; margin-bottom: 1em;">
|
||||
<p>Oeps, de anti-spam waarde was incorrect! Helaas krijgen we zoveel spam binnen dat we je moeten vragen om
|
||||
een simpele rekensom op te lossen, voordat we je verzoek doorsturen.</p>
|
||||
</div>
|
||||
@endif
|
||||
@if(isset($bevestiging))
|
||||
<div style="border: solid 1px blue; padding: 3px; margin-bottom: 1em;">
|
||||
<p>Dank je wel voor je aanmelding! Een bevestiging hiervan is gestuurd naar <code>{{ $bevestiging }}</code>.
|
||||
</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<!--
|
||||
<h3 class="page_margin_top">Programma informatiebijeenkomst NH Gooi 27 november 2021</h3>
|
||||
<table>
|
||||
<tr>
|
||||
<td>Vanaf 13.45</td> <td>Inloop</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>14.00 uur</td> <td>Kennismaking met NH Gooi Radio
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td> <td>Eerste ronde speeddates met redacteuren, technici en programmamakers</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td></td> <td>Tweede ronde speeddates met redacteuren, technici en programmamakers</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td></td> <td> Afsluiting, vragen</td>
|
||||
</tr>
|
||||
<tr>
|
||||
|
||||
<td>ca. 17.00</td> <td> Einde</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<p>
|
||||
<b>Locatie:</b> <a href="https://goo.gl/maps/X55jy4YKG8CZZMis9">IJsselmeerstraat 3B, Huizen (NH)</a>
|
||||
</p>
|
||||
|
||||
-->
|
||||
|
||||
<p>
|
||||
Als je het leuk vindt om met, bij en voor ons aan de slag te gaan en mee te bouwen aan een sterke streekomroep,
|
||||
laat dan hieronder je naam en contactgegevens achter. Geef ons ook alvast wat informatie waar je interesse naar
|
||||
uitgaat en wat je te bieden hebt. We nemen dan binnenkort contact met je op voor een persoonlijke kennismaking.
|
||||
</p>
|
||||
|
||||
@if(!isset($bevestiging))
|
||||
<h4 class="box_header">
|
||||
Aanmelden
|
||||
</h4>
|
||||
|
||||
<p>
|
||||
Er gebeurt veel bij NH Gooi. Van radio en podcasts maken tot ICT en uitzendtechniek en van Tv-interviews
|
||||
produceren tot marketing en communicatie. Maar ook organisatorisch talent kunnen we goed gebruiken. Schrijf
|
||||
daarom zo concreet en volledig mogelijk op wat (op dit moment) je interesse hebt en waar je mogelijk al
|
||||
ervaring mee hebt.
|
||||
</p>
|
||||
|
||||
<form class="forr margin_top_15" id="form" method="post" action="/vacatures/ontmoet-ons"
|
||||
style="background: none;">
|
||||
{{ csrf_field() }}
|
||||
<fieldset style="display: inline;">
|
||||
<p>Ja, ik maak graag kennis met NH Gooi!</p>
|
||||
</fieldset>
|
||||
<fieldset class="">
|
||||
<div class="block">
|
||||
<label for="name">Naam</label>
|
||||
<input class="text_input hint" id="name" name="name" type="text" placeholder="Naam"
|
||||
required="required">
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset class="">
|
||||
<div class="block">
|
||||
<label for="email">E-mailadres</label>
|
||||
<input class="text_input hint" id="email" name="email" type="text" placeholder="Emailadres"
|
||||
required="required">
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset class="">
|
||||
<div class="block">
|
||||
<label for="phone">Telefoonnummer</label>
|
||||
<input class="text_input hint" id="phone" name="phone" type="text" placeholder="Telefoonnummer"
|
||||
required="required">
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<div class="block">
|
||||
<p style="padding-bottom: 0;">Korte toelichting: wat wil je doen en welke ervaring heb je eventueel
|
||||
al?</p>
|
||||
</div>
|
||||
<textarea class="texterea_input" name="message" placeholder="Toelichting" class="hint"></textarea>
|
||||
</fieldset>
|
||||
<fieldset class="">
|
||||
<div class="block">
|
||||
<label for="phone">Anti-spam</label>
|
||||
<input class="text_input hint" id="antispam" name="antispam" type="text"
|
||||
placeholder="Uitkomst van de som" required="required">
|
||||
<p style="">Helaas krijgen we ook veel spam binnen. Vul alsjeblieft in getallen in hoeveel <b>twee
|
||||
plus drie</b> is.</p>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset>
|
||||
<input type="hidden" name="action" value="contact_form">
|
||||
<input type="submit" name="submit" value="Aanmelden!" class="more active">
|
||||
</fieldset>
|
||||
</form>
|
||||
<p style="color: #333; font-size: 80%;">Privacy-statement: bovenstaande informatie wordt alleen gebruikt door
|
||||
geselecteerde medewerkers om contact met je op te nemen over je aanmelding en je informatie te sturen. Je
|
||||
gegevens worden verder niet opgeslagen en na de bijeenkomst danwel je tijdige afmelding verwijderd, tenzij
|
||||
we deze gegevens nog nodig hebben omdat je (vrijwillige) werkzaamheden wilt gaan verrichten bij NH Gooi.</p>
|
||||
@endif
|
||||
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.page_body table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.page_body td {
|
||||
border-top: solid 1px #ddd;
|
||||
vertical-align: top;
|
||||
color: #444;
|
||||
line-height: 150%;
|
||||
}
|
||||
|
||||
.page_body li {
|
||||
margin-left: 10px;
|
||||
padding-top: 2px;
|
||||
margin-top: 0;
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
.page_body td > ul > li {
|
||||
background-repeat: no-repeat;
|
||||
background-position: left 10px;
|
||||
background-image: url("/images/icons/other/bullet_style_2.png");
|
||||
}
|
||||
|
||||
.page_body fieldset {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.page_body fieldset .block {
|
||||
display: flex;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.page_body fieldset label {
|
||||
display: block;
|
||||
flex: 0 1 150px;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
.page_body fieldset input {
|
||||
flex: 1 1;
|
||||
}
|
||||
|
||||
.page_body fieldset textarea {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 479px) {
|
||||
.page_body fieldset .block {
|
||||
flex-wrap: wrap;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
.page_body fieldset label {
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@endsection
|
||||
|
||||
@@ -0,0 +1,43 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
Zondagsdienst
|
||||
@endsection
|
||||
|
||||
@include('widgets/mediaplayer')
|
||||
|
||||
@section('content')
|
||||
@if($kerkdienst->isRunning)
|
||||
<p class="intro"><strong>
|
||||
Vandaag wordt een dienst uitgezonden @if($kerkdienst->previous->name) vanuit de {{$kerkdienst->previous->name}}@endif.
|
||||
Aanvang: {{$kerkdienst->previous->start->format('H:i')}} uur.
|
||||
</strong></p>
|
||||
@else
|
||||
<p>
|
||||
De kerkdienst van {{Formatter::fullDate($kerkdienst->previous->start, 'd m')}} werd uitgezonden @if($kerkdienst->previous->name) vanuit de {{$kerkdienst->previous->name}}@endif.
|
||||
</p>
|
||||
<p>
|
||||
<audio controls>
|
||||
<source src="{{ url( $apiUrl . 'kerkdienst/stream' ) }}" type="audio/mpeg" />
|
||||
</audio>
|
||||
</p>
|
||||
<p>
|
||||
<a href="{{$url = route('luister.kerkdienst')}}" class="action_button player"><span class="fa fa-external-link-alt"></span> <span>Luister in nieuw venster</span></a>
|
||||
<a href="{{$url = url($apiUrl . 'kerkdienst/download')}}" class="action_button"><span class="fa fa-download"></span> <span>Download als MP3</span></a>
|
||||
</p>
|
||||
|
||||
<h3 class="page_margin_top">Volgende dienst</h3>
|
||||
<p>
|
||||
De eerstvolgende dienst wordt uitgezonden
|
||||
op <strong>{{Formatter::fullDate($kerkdienst->next->start, 'd m')}} om {{$kerkdienst->next->start->format('H:i')}} uur</strong>
|
||||
@if($kerkdienst->next->name) vanuit de {{$kerkdienst->next->name}}@endif.
|
||||
</p>
|
||||
@endif
|
||||
<p>
|
||||
Zondagochtend van 9:00 tot 12:00 uur kunt u live meeluisteren naar het programma Kerk & Samenleving via de link
|
||||
<a href="{{$live = route('luister.live')}}" class="player"><span class="fa fa-play"></span> <span>Luister live</span></a>.
|
||||
</p>
|
||||
<p>
|
||||
Vanaf {{$kerkdienst->isRunning ? "vanmiddag" : "zondagmiddag" }} 12:00 uur is de dienst op deze pagina terug te luisteren.
|
||||
</p>
|
||||
@endsection
|
||||
@@ -0,0 +1,101 @@
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
Klachtenregeling NHGooi
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Home" href="/">Home</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li><a title="NH Gooi" href="{{route('contact')}}">NH Gooi</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li>Klachtenregeling NHGooi</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<div class="page_body">
|
||||
<h2 class="page_margin_top">Klachtenregeling</h2>
|
||||
|
||||
<p>
|
||||
Het kan voorkomen dat u als bezoeker van onze website en/of sociale mediakanalen, luisteraar van
|
||||
ons radiostation of kijker van ons televisiekanaal het niet eens bent met wat NHGooi heeft bericht,
|
||||
bijvoorbeeld omdat NHGooi volgens u de journalistieke beginselen niet in acht heeft genomen. Het
|
||||
kan ook zijn dat u een andere klacht heeft die betrekking heeft op het handelen van NHGooi.
|
||||
U kunt een klacht indienen bij NHGooi. Wij starten dan een procedure om uw klacht zo snel en
|
||||
effectief mogelijk te behandelen. Wij nemen enkel klachten in behandeling die direct betrekking
|
||||
hebben op NHGooi.
|
||||
</p>
|
||||
|
||||
<p>Als u een klacht bij NHGooi indient, zorgen wij er voor dat u binnen vijf werkdagen een bevestiging
|
||||
van ons krijgt. Mocht u geen bericht ontvangen, dan verzoeken wij u een reminder te sturen, mogelijk
|
||||
is er dan iets misgegaan bij de bezorging/ontvangst van de klacht.</p>
|
||||
|
||||
<h3>Het indienen van een klacht en het verloop van de procedure</h3>
|
||||
|
||||
<p>Hieronder kunt u lezen hoe u een klacht kunt indienen en hoe vervolgens de procedure bij NHGooi
|
||||
verloopt.</p>
|
||||
|
||||
<h4>1. Klacht</h4>
|
||||
<p>U maakt een e-mail of brief waarin u zo duidelijk mogelijk uw (negatieve) ervaring beschrijft.
|
||||
Zorg dat in uw brief of in uw e-mail in ieder geval het volgende is opgenomen:
|
||||
<ul class="bullets">
|
||||
<li> Omschrijving van uw klacht;</li>
|
||||
<li> De persoon of personen waarmee u contact heeft gehad (indien van toepassing);</li>
|
||||
<li> Uw contactgegevens;</li>
|
||||
<li> De actie die wij volgens u naar aanleiding van uw klacht zouden moeten ondernemen;</li>
|
||||
</ul>
|
||||
<p>Anonieme klachten nemen wij in beginsel niet in behandeling, tenzij klager inhoudelijk kan
|
||||
onderbouwen dat er voor hem of haar zwaarwegende redenen zijn om de klacht anoniem in te
|
||||
dienen en er een geanonimiseerd email of postadres wordt opgegeven.</p>
|
||||
|
||||
<h4>2. Stuur een aangetekende brief of e-mail</h4>
|
||||
<p>U stuurt een e-mail of aangetekende brief naar onderstaande gegevens:</p>
|
||||
<ul class="bullets">
|
||||
<li>Emailadres: info@nhgooi.nl</li>
|
||||
<li>Postadres: Postbus 83, 1270 AB Huizen</li>
|
||||
</ul>
|
||||
|
||||
<h4>3. Bevestiging</h4>
|
||||
<p>U krijgt van ons binnen 5 werkdagen een bevestiging van ontvangst;
|
||||
|
||||
<h4>4. Afhandeling</h4>
|
||||
<p>Wij nemen uw klacht altijd serieus en reageren binnen 30 dagen na de datum waarop wij de
|
||||
klacht hebben ontvangen. Mocht het niet haalbaar zijn om de klacht binnen de genoemde
|
||||
termijn van 30 dagen af te handelen, dan informeren wij u over de datum waarop de klacht
|
||||
alsnog wordt afgehandeld.</p>
|
||||
<p>De klacht wordt geanalyseerd en geëvalueerd, zodat de oorzaak van de klacht wordt
|
||||
achterhaald. Op basis van de analyse en evaluatie wordt zo nodig</p>
|
||||
<ul class="bullets">
|
||||
<li> een corrigerende maatregel genomen om de klacht op te lossen en/of</li>
|
||||
<li> een preventieve maatregel genomen ter voorkoming (van herhaling).</li>
|
||||
</ul>
|
||||
|
||||
<p>Wanneer er naar aanleiding van uw klacht een corrigerende en/of preventieve maatregel is
|
||||
genomen, dan koppelen wij dit naar u terug. Uiteraard informeren wij u ook als wij tot de
|
||||
conclusie komen dat de klacht ongegrond is.</p>
|
||||
|
||||
<h4>5. Contact</h4>
|
||||
<p>Indien wenselijk nemen wij contact met u op om de klacht en/of de afhandeling te bespreken.
|
||||
Graag aangeven of u wilt dat wij tijdens en\of na de afhandeling van de klacht contact met u
|
||||
opnemen.
|
||||
</p>
|
||||
</div>
|
||||
<style>
|
||||
.bullets {
|
||||
color: black;
|
||||
font-size: 100%;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.bullets li {
|
||||
padding-top: 9px;
|
||||
padding-bottom: 10px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: left 10px;
|
||||
padding-left: 25px;
|
||||
background-image: url("/images/icons/other/bullet_style_2.png");
|
||||
}
|
||||
</style>
|
||||
@endsection
|
||||
@@ -0,0 +1,20 @@
|
||||
<!-- Cookie Consent by https://www.CookieConsent.com -->
|
||||
<script type="text/javascript" src="//www.cookieconsent.com/releases/3.1.0/cookie-consent.js"></script>
|
||||
<script type="text/javascript">
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
cookieconsent.run({"notice_banner_type":"simple","consent_type":"express","palette":"light","language":"nl","website_name":"NH Gooi","cookies_policy_url":"/privacy-verklaring","change_preferences_selector":"#changePreferences"});
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Google Tag Manager -->
|
||||
<script type="text/plain" cookie-consent="tracking">
|
||||
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-KGLKLJ4');
|
||||
</script>
|
||||
<!-- End Google Tag Manager -->
|
||||
|
||||
@if(!isset($disableBanners) || !$disableBanners)
|
||||
<script async src="{{ env('ADS_URL') }}www/delivery/asyncjs.php"></script>
|
||||
@endif
|
||||
|
||||
<noscript>ePrivacy and GPDR Cookie Consent by <a href="https://www.CookieConsent.com/" rel="nofollow noopener">Cookie Consent</a></noscript>
|
||||
<!-- End Cookie Consent by https://www.CookieConsent.com -->
|
||||
@@ -0,0 +1,49 @@
|
||||
<head>
|
||||
@include('layouts._analytics')
|
||||
<title>@yield('title') | NH Gooi</title>
|
||||
<!--meta-->
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.2" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<meta name="keywords" content="NH Gooi,Radio,TV,Nieuws,Lokale omroep,Huizen,Blaricum,Eemnes,Laren,Hilversum,BEL-gemeenten,Streekomroep" />
|
||||
<meta name="description" content="NH Gooi is de streekomroep voor Hilversum, Huizen, Blaricum, Eemnes en Laren." />
|
||||
<!--style-->
|
||||
<link href='//fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'>
|
||||
<link href='//fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700' rel='stylesheet' type='text/css'>
|
||||
{{--
|
||||
<link rel="stylesheet" type="text/css" href="/css/reset.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/superfish.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/jquery.qtip.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/menu_styles.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/animations.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/responsive.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/odometer-theme-default.css">
|
||||
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/nhgooi.css">
|
||||
--}}
|
||||
<link rel="stylesheet" type="text/css" href="/css/prettyPhoto.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/bootstrap-grid.min.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||
<link rel="stylesheet" type="text/css" href="/css/style.css?<?= filemtime("../public/css/style.css"); ?>" />
|
||||
<meta property="fb:app_id" content="133349980094758" />
|
||||
<meta property="og:site_name" content="NH Gooi" />
|
||||
<?php if(isset($metadata)) {
|
||||
$metadata->set('url', url()->current())
|
||||
->prepend('image', $imgBase)
|
||||
->prepend('audio', route('gemist.fragment'))
|
||||
->append('title', ' | NH Gooi')
|
||||
->metaTags();
|
||||
} ?>
|
||||
@stack('styles')
|
||||
<link rel="shortcut icon" href="/favicon.ico">
|
||||
{{--
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
||||
--}}
|
||||
<link rel="manifest" href="/site.webmanifest">
|
||||
<!--rss-->
|
||||
<link rel="alternate" type="application/rss+xml" title="Abonneren op NH Gooi Nieuws" href="{{env('API_URL')}}rss/nieuws" />
|
||||
<link rel="alternate" type="application/rss+xml" title="Abonneren op NH Gooi Fragment gemist" href="{{env('API_URL')}}rss/podcasts" />
|
||||
</head>
|
||||
@@ -0,0 +1,8 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
@include('layouts._head')
|
||||
<body>
|
||||
@yield('content')
|
||||
@stack('scripts')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,11 @@
|
||||
@extends('layouts/master')
|
||||
|
||||
@section('page')
|
||||
<div class="page_container @yield('page_class')">
|
||||
<div class="bread_crumb">
|
||||
@yield('breadcrumb')
|
||||
</div>
|
||||
<h1 class="page_title">@yield('title')</h1>
|
||||
@yield('content')
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,229 @@
|
||||
@section('page')
|
||||
@yield('content')
|
||||
@endsection
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
@include('layouts._head')
|
||||
<body>
|
||||
<!-- Google Tag Manager (noscript) -->
|
||||
|
||||
<noscript>
|
||||
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KGLKLJ4" height="0" width="0"
|
||||
style="display:none; visibility:hidden"></iframe>
|
||||
</noscript>
|
||||
<!-- End Google Tag Manager (noscript) -->
|
||||
<div class="site_container boxed @yield('site_container_class')">
|
||||
<div class="header_top_bar_container style_11 clearfix">
|
||||
</div>
|
||||
<div class="header_container small">
|
||||
<div class="header clearfix">
|
||||
<div class="logo">
|
||||
<a href="{{url('/')}}"><img src="/images/Streekomroep NHGooi.png"/></a>
|
||||
</div>
|
||||
|
||||
@if(!isset($disableBanners) || !$disableBanners)
|
||||
<ins data-revive-zoneid="1" data-revive-id="{{ env('REVIVE_ID') }}"></ins>
|
||||
@endif
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu_mobile_container d-flex d-md-none sticky clearfix">
|
||||
<div class="mobile_menu_button">
|
||||
<a href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
|
||||
</div>
|
||||
<div class="logo_mobile">
|
||||
<a href="{{url('/')}}"><img src="/images/logo-NHGooi-slogan-diap.svg"/></a>
|
||||
</div>
|
||||
<div class="right_menu_container">
|
||||
<ul class="right_menu">
|
||||
<li>
|
||||
<a class="player with_svg_icon" href="{{url('luister/live')}}">{!!file_get_contents(__DIR__ . '/../../../public/images/icons/radio.svg')!!}</a>
|
||||
<a href="{{url('kijk/studio')}}">{!!file_get_contents(__DIR__ . '/../../../public/images/icons/television-2.svg')!!}</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://wa.me/31888505651" target="_blank">Tip <i class="fa-solid fa-circle-plus"></i></a>
|
||||
</li>
|
||||
@if(isset($searchURL))
|
||||
<li class="search">
|
||||
<form class="search_form" action="{{url($searchURL)}}">
|
||||
<input type="text" name="query" placeholder="Zoeken..."
|
||||
value="{{isset($query) ? $query : null}}" class="search_input">
|
||||
<a href="javascript:void(0)" onclick="this.form.submit()" class="search_submit"><i
|
||||
class="fa-solid fa-magnifying-glass"></i></a>
|
||||
</form>
|
||||
<a href="#" class="search_button"><i class="fa-solid fa-magnifying-glass"></i><i
|
||||
style="display: none" class="fa-solid fa-xmark"></i></a>
|
||||
</li>
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu_container sticky clearfix">
|
||||
<div class="top_menu_container d-none d-md-block">
|
||||
<img class="slogan" src="/images/Slogan_DIAP white.svg" />
|
||||
<ul class="right_menu">
|
||||
<li>
|
||||
<a class="player with_svg_icon" href="{{url('luister/live')}}"><span>Luister live radio </span>{!!file_get_contents(__DIR__ . '/../../../public/images/icons/radio.svg')!!}</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="with_svg_icon" href="{{url('kijk/live')}}"><span>Kijk live tv </span>{!!file_get_contents(__DIR__ . '/../../../public/images/icons/television-2.svg')!!}</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://wa.me/31888505651" style="{{!isset($searchURL) ? 'margin-top: 3px' : ''}}" target="_blank"><span>Tip de streekredactie </span><i style="margin-top: 2px" class="fa-solid fa-circle-plus"></i></a>
|
||||
</li>
|
||||
@if(isset($searchURL))
|
||||
<li class="search">
|
||||
<form class="search_form" action="{{url($searchURL)}}">
|
||||
<input type="text" name="query" placeholder="Zoeken..."
|
||||
value="{{isset($query) ? $query : null}}" class="search_input">
|
||||
<a href="javascript:void(0)" onclick="this.form.submit()" class="search_submit"><i
|
||||
class="fa-solid fa-magnifying-glass"></i></a>
|
||||
</form>
|
||||
<a href="#" style="margin-top: 2px;" class="search_button"><i class="fa-solid fa-magnifying-glass"></i><i
|
||||
style="display: none" class="fa-solid fa-xmark"></i></a>
|
||||
</li>
|
||||
@endif
|
||||
</ul>
|
||||
</div>
|
||||
@include('widgets.menu')
|
||||
</div>
|
||||
|
||||
@if(!isset($disableBanners) || !$disableBanners)
|
||||
<div class="mobile-banner-fullwidth d-flex d-md-none justify-content-center mt-4">
|
||||
<ins data-revive-zoneid="6" data-revive-id="{{ env('REVIVE_ID') }}"></ins>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<!-- Content -->
|
||||
|
||||
<div class="page @yield('page_container_class')">
|
||||
<a name="top"></a>
|
||||
@yield('page')
|
||||
</div><!--/.page-->
|
||||
|
||||
<!-- Footer -->
|
||||
<div class="footer_container">
|
||||
<div class="footer_menu">
|
||||
<div class="row">
|
||||
<div class="col-12 col-md-3">
|
||||
<h4 class="box_header"><span>NHGooi</span></h4>
|
||||
<p class="about">
|
||||
NHGooi is de streekomroep voor Gooi & Vechtstreek. Wij brengen nieuws en achtergronden
|
||||
op onze website, radio en televisie. Daarnaast brengen we boeiende en belangrijke podcasts
|
||||
en een gevariëerd programma-aanbod op al onze media-kanalen.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-md-3">
|
||||
<h4 class="box_header"><span style="height: 30px;display: block;width: 0;"></span></h4>
|
||||
<p class="about">
|
||||
Altijd op de hoogte blijven van nieuws en achtergronden uit de regio? <span class="fas fa-mobile"></span> <a href="{{url('app')}}">Download onze app</a>.
|
||||
</p>
|
||||
<p class="about">
|
||||
<span class="fa fa-list"></span> <a href="{{url('frequenties')}}">Bekijk hier</a> waar je ons kunt zien en horen.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-md-3">
|
||||
<h4 class="box_header"><span>Contact</span></h4>
|
||||
<p class="buttons">
|
||||
<a href="{{url('contact')}}">Contactgegevens</a>
|
||||
<a href="{{url('klachten')}}">Klachtenregeling</a>
|
||||
<a href="{{url('frequenties')}}">Frequenties</a>
|
||||
<a href="{{url('adverteren')}}">Adverteren</a>
|
||||
<a href="{{url('vacatures')}}">Vacatures</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-12 col-md-3">
|
||||
<h4 class="box_header"><span>Kijk & luister</span></h4>
|
||||
<p class="buttons">
|
||||
<a class="player" href="{{url('luister/live')}}">Luister live</a>
|
||||
<a href="{{url('kijk/live')}}">Kijk live</a>
|
||||
<a href="{{url('gemist/fragment')}}">Gemist</a>
|
||||
<a href="{{url('nieuws')}}">Nieuws</a>
|
||||
<a href="{{url('podcast')}}">Podcasts</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<ul class="footer_menu2">
|
||||
<li><a href="{{url('/')}}" class="logo"><img src="/images/logo-NHGooi-slogan-diap.svg"/></a></li>
|
||||
<li><a href="{{url('disclaimer')}}">Disclaimer</a></li>
|
||||
<li><a href="{{url('privacy-verklaring')}}">Privacy verklaring</a></li>
|
||||
<li><a href="{{url('cookie-statement')}}">Cookie statement</a></li>
|
||||
<li><a id="changePreferences" href="#">Pas hier uw cookie-instellingen aan</a></li>
|
||||
</ul>
|
||||
<ul class="footer_social_media">
|
||||
<li><a class="facebook" title="Facebook" target="_blank"
|
||||
href="https://www.facebook.com/WijZijnNHGooi"><i class="fa-brands fa-facebook-f"></i></a>
|
||||
</li>
|
||||
<li><a class="twitter-x" title="Twitter/X" target="_blank" href="https://twitter.com/nhgooi"><i
|
||||
class="fa-brands fa-twitter"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
© NHGooi
|
||||
<a class="scroll_top" href="#top" title="Scroll to top"><i class="fa-solid fa-angle-up"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="background_overlay"></div>
|
||||
<!--js-->
|
||||
<!--<script type="text/javascript" src="/js/jquery-1.12.4.min.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery-migrate-1.4.1.min.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.ba-bbq.min.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery-ui-1.11.1.custom.min.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.carouFredSel-6.2.1-packed.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.touchSwipe.min.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.mousewheel.min.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.transit.min.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.sliderControl.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.timeago.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.hint.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.qtip.min.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.blockUI.js"></script>
|
||||
<script type="text/javascript" src="/js/odometer.min.js"></script>-->
|
||||
<script type="text/javascript" src="/js/main.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery-3.7.1.min.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.prettyPhoto.js"></script>
|
||||
<script type="text/javascript" src="/js/jquery.carouFredSel-6.2.1.min.js"></script>
|
||||
<script type="text/javascript" src="/js/functions.js"></script>
|
||||
<script type="text/javascript" src="/js/wavesurfer.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(window).resize(function () {
|
||||
// Fix sticky for mobile menu indicator
|
||||
// menu_position = $(".menu_container").offset().top;
|
||||
});
|
||||
|
||||
// $(window).scroll(function () {
|
||||
// var topOfWindow = $(window).scrollTop();
|
||||
// if (topOfWindow > menu_position) $(".scroll_top_floater").fadeIn();
|
||||
// else $(".scroll_top_floater").fadeOut();
|
||||
// });
|
||||
$(".scroll_top_floater").hide();
|
||||
|
||||
function openPlayerInNewScreen() {
|
||||
$(".player").click(function (e) {
|
||||
e.preventDefault();
|
||||
window.open($(this).attr('href'), '_player', 'width=550,height=600,titlebar,close');
|
||||
return false;
|
||||
});
|
||||
}
|
||||
|
||||
openPlayerInNewScreen();
|
||||
$(".search_button").click(function (e) {
|
||||
e.preventDefault();
|
||||
$(".search_form").animate({width: 'toggle'}, 350);
|
||||
$(this).find('.fa-magnifying-glass').toggle();
|
||||
$(this).find('.fa-xmark').toggle();
|
||||
$('.right_menu a span').animate({width: 'toggle'}, 350);
|
||||
$('.right_menu li').toggleClass('collapsed');
|
||||
});
|
||||
$(".search_form").animate({width: 'toggle'}, 1);
|
||||
</script>
|
||||
@stack('scripts')
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,71 @@
|
||||
@extends('layouts/master')
|
||||
|
||||
@section('content_class')
|
||||
box
|
||||
@endsection
|
||||
|
||||
@section('page')
|
||||
<div class="@yield('container_class')">
|
||||
<div class="row @yield('page_class')">
|
||||
<div class="col-12">
|
||||
@yield('breadcrumb_top')
|
||||
</div>
|
||||
<div class="col-12 col-md content_container">
|
||||
<div class="full-width md_margin_top @yield('content_class')">
|
||||
@yield('breadcrumb')
|
||||
@yield('tags')
|
||||
<h1 class="page_title">@yield('title')</h1>
|
||||
@yield('content')
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-auto sidebar">
|
||||
@section('sidebar')
|
||||
@if ((isset($populair) && $populair) || isset($newsItems) && $newsItems)
|
||||
<div data-tabs>
|
||||
<div class="tabs">
|
||||
@if (isset($populair) && $populair)
|
||||
<h4 data-tab-content-id="tab_most_read"
|
||||
class="box_header small flex-grow-1 active"><span>Meest gelezen</span>
|
||||
</h4>
|
||||
@endif
|
||||
@if (isset($newsItems) && $newsItems)
|
||||
<h4 data-tab-content-id="tab_more_news"
|
||||
class="box_header small{{!$populair? ' active' : ''}}">
|
||||
<span>Meer nieuws</span></h4>
|
||||
@endif
|
||||
</div>
|
||||
@if (isset($populair) && $populair)
|
||||
<div id="tab_most_read" class="box tab_content active">
|
||||
@include('partial/newslist_small', ['id' => 'items-most-read', 'news' => $populair])
|
||||
<a class="btn auto_width" id="meer-nieuws-most-read" href="#"
|
||||
data-loadmorenews='{"container":["#items-most-read"], "url": "/nieuws/populair?id=items-most-read"}'>
|
||||
<span class="fas fa-spinner fa-spin" id="loading"></span>
|
||||
Klik hier voor meer nieuws
|
||||
</a>
|
||||
</div>
|
||||
@endif
|
||||
@if (isset($newsItems) && $newsItems)
|
||||
<div id="tab_more_news" class="box tab_content">
|
||||
@include('partial/newslist_small', ['id' => 'items-more-news', 'news' => $newsItems])
|
||||
<a class="btn auto_width" id="meer-nieuws-more-news" href="#"
|
||||
data-loadmorenews='{"container":["#items-more-news"], "url": "/nieuws/more?id=items-more-news"}'>
|
||||
<span class="fas fa-spinner fa-spin" id="loading"></span>
|
||||
Klik hier voor meer nieuws
|
||||
</a>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@include('widgets/nhgooiradiotv', ['headerClass' => 'small'])
|
||||
|
||||
@include('widgets.banner_sidebar')
|
||||
|
||||
@include('widgets/contact', [])
|
||||
@show
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,173 @@
|
||||
@extends('layouts.empty')
|
||||
|
||||
@section('content')
|
||||
<a href="javascript:window.close();" class="close btn"><span class='fa fa-times fa-fw'></span> Venster sluiten</a>
|
||||
<p class="logo"><a href="{{ url('/') }}"><img src="{{ url( 'images/logo-NHGooi.svg' )}}"></a></p>
|
||||
|
||||
@if(isset($notAvailable) && $notAvailable)
|
||||
<p>Helaas is de door u gekozen audio momenteel niet via Internet te beluisteren. Onze excuses voor het
|
||||
ongemak.</p>
|
||||
<p>In Hilversum, Huizen en de BEL-gemeenten zijn wij te ontvangen op 92.0 FM of 105.1 FM.</p>
|
||||
@else
|
||||
<div class="now-playing-header">
|
||||
<div class="title"></div>
|
||||
<div class="artist"></div>
|
||||
@if(!$isStream)
|
||||
<div class="controls">
|
||||
<ul>
|
||||
<li class="program-link">
|
||||
<a href='{{route('luister.live')}}' title="Luister naar NH Gooi Radio">
|
||||
<span class="fa fa-music"></span>
|
||||
<label>Luister live</label>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="player">
|
||||
<p><b>U luistert nu naar</b> {!!$content!!}</p>
|
||||
@if(isset($tabs))
|
||||
<p>
|
||||
@foreach($tabs as $link => $caption)
|
||||
<a class="tab {{$link == '#' ? "active" : ""}}" href="{{$link}}">{{$caption}}</a>
|
||||
@endforeach
|
||||
</p>
|
||||
@endif
|
||||
<p>
|
||||
{{-- <audio controls autoplay="true">
|
||||
<source src="{{$source}}" type="audio/mp3"/>
|
||||
</audio> --}}
|
||||
|
||||
@include('widgets.audioplayer', [
|
||||
'source' => $source,
|
||||
'isStream' => $isStream,
|
||||
'lengte' => $lengte,
|
||||
'waveform' => $waveform
|
||||
])
|
||||
</p>
|
||||
|
||||
<p>
|
||||
@if(!$isStream && $canDownload !== false)
|
||||
<a href="{{$canDownload}}" class="action_button">
|
||||
<span class="fa fa-download"></span><span>Download .mp3-bestand</span>
|
||||
</a>
|
||||
@endif
|
||||
@if(!$isStream)
|
||||
<a href="{{route('luister.live')}}" class="action_button">
|
||||
<span class="fa fa-music"></span><span>Schakel naar live-uitzending</span>
|
||||
</a>
|
||||
@endif
|
||||
@endif
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
|
||||
@push('styles')
|
||||
<style>
|
||||
body {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.close {
|
||||
float: right;
|
||||
}
|
||||
|
||||
p {
|
||||
padding: 5px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.action_button {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.logo {
|
||||
width: 90%;
|
||||
max-width: 300px;
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.logo img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.now-playing {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.player {
|
||||
border: outset 2px #21BBEF;
|
||||
border-radius: 8px;
|
||||
margin-top: 10px;
|
||||
padding: 10px;
|
||||
font-size: 14pt;
|
||||
font-family: "Roboto Condensed", serif;
|
||||
font-weight: 300;
|
||||
color: #787878;
|
||||
}
|
||||
|
||||
.player p {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.player .tab {
|
||||
color: black;
|
||||
padding: 5px;
|
||||
border-bottom: solid 4px transparent;
|
||||
}
|
||||
|
||||
.player .tab.active {
|
||||
border-bottom: solid 4px #5796C8;
|
||||
}
|
||||
|
||||
.player .tab:hover {
|
||||
text-decoration: none;
|
||||
border-bottom: solid 4px #21BBEF;
|
||||
}
|
||||
.now-playing-header {
|
||||
width: 100%;
|
||||
}
|
||||
.action_button {
|
||||
margin-right: 20px;
|
||||
}
|
||||
</style>
|
||||
@endpush
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript" src="/js/jquery-3.7.1.min.js"></script>
|
||||
<script type="text/javascript" src="/js/wavesurfer.min.js"></script>
|
||||
<script>
|
||||
function updateOnAir() {
|
||||
$.ajax({
|
||||
url: '{{route('onair')}}',
|
||||
success: function (data) {
|
||||
$(document).trigger('onAirUpdated', data);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$(updateOnAir);
|
||||
var onAirUpdater = setInterval(updateOnAir, 5000);
|
||||
var $nowPlaying = {
|
||||
container: $(".now-playing-header").hide(),
|
||||
title: $(".now-playing-header .title"),
|
||||
artist: $(".now-playing-header .artist"),
|
||||
};
|
||||
$(document).on('onAirUpdated', function (evt, data) {
|
||||
var title = data.current ? data.current.title : '';
|
||||
var artist = data.current ? data.current.artist : '';
|
||||
if (data.inProgram) {
|
||||
title = data.program.name;
|
||||
artist = data.program.tagline;
|
||||
}
|
||||
$nowPlaying.title.text(title).attr('title', title);
|
||||
$nowPlaying.artist.text(artist).attr('title', artist);
|
||||
$nowPlaying.container.slideDown();
|
||||
|
||||
document.title = title + " - " + artist + " | NH Gooi";
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
@@ -0,0 +1,531 @@
|
||||
@extends('page')
|
||||
|
||||
@section('title')
|
||||
Vroeger of Later Luisterlijst
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
|
||||
|
||||
<style>
|
||||
form .row label {
|
||||
width: 10%;
|
||||
margin-right: 4%;
|
||||
}
|
||||
|
||||
form .row input, form .row textarea {
|
||||
width: 85%;
|
||||
display: inline;
|
||||
}
|
||||
|
||||
form .row .index {
|
||||
position: absolute;
|
||||
margin-left: -1em;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
#clockdiv {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#clockdiv span {
|
||||
padding: 5px;
|
||||
border-radius: 3px;
|
||||
background: rgb(200,210,255);
|
||||
display: inline-block;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.smalltext{
|
||||
padding-top: 5px;
|
||||
font-size: 16px;
|
||||
color: black;
|
||||
}
|
||||
</style>
|
||||
|
||||
@php
|
||||
function veld($prefix, $index) {
|
||||
$id = "keuze-$prefix-$index-";
|
||||
$naam = "keuzes[$prefix][$index]";
|
||||
$titel = isset($_POST['keuzes']) ? $_POST['keuzes'][$prefix][$index]['titel'] : "";
|
||||
$artiest = isset($_POST['keuzes']) ? $_POST['keuzes'][$prefix][$index]['artiest'] : "";
|
||||
echo '<div class="row-group">
|
||||
<div class="row keuze">
|
||||
<div class="index">' . $index . '.</div>
|
||||
<div class="col-lg-6"><label for="'. $id . '-titel">Titel:</label><input class="form-control titel" id="' . $id . '-titel" name="' . $naam . '[titel]" value="' . $titel . '" ></div>
|
||||
<div class="col-lg-6"><label for="'. $id . '-artiest">Artiest:</label><input class="form-control artiest" id="' . $id . '-artiest" name="' . $naam . '[artiest]" value="' . $artiest . '" ></div>
|
||||
</div><!--/.row-->
|
||||
</div><!--/.row-group-->';
|
||||
}
|
||||
@endphp
|
||||
|
||||
<h2>Vroeger of Later Luisterlijst</h2>
|
||||
|
||||
@if(isset($message))
|
||||
<div class="panel panel-primary text-primary">
|
||||
<div class="panel-body">
|
||||
{!!$message!!}
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="panel panel-info" style="float: right; margin-left: 5px; width: 300px;">
|
||||
<div class="panel-heading"><b>Inspiratie nodig?</b></div>
|
||||
<div class="panel-body">
|
||||
<span id="inspiratie">Klik op het icoontje voor een idee.</span>
|
||||
</div>
|
||||
<div class="panel-footer">
|
||||
<a href="#" onclick="javascript:inspireer();return false;" class="link text-primary"><span class="fa fa-sync"></span> <b>Geef mij nog een idee!</b></a><br />
|
||||
<a href="/luisterlijst/2019" class="small p-2 text-info"><span class="fa fa-history"></span> Bekijk de lijst van vorig jaar</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3>Mijn lijst...</h3>
|
||||
<p>Op zondag 2 januari 2022 van 14:00 tot 22:00 uur zendt NH Gooi Radio in samenwerking met Radio 9 Oostzaan de Vroeger of Later Luisterlijst uit. Honderd van de beste Nederlandstalige liedjes, door jou — de luisteraar — in willekeurige volgorde gerangschikt.</p>
|
||||
|
||||
<p>Tot maandag 27 december 23:00 uur kan je stemmen via deze pagina.</p>
|
||||
|
||||
<h2>Hoe werkt het stemmen?</h2>
|
||||
|
||||
<p>Hieronder vind je een aantal categorieën. Dat ziet er misschien afschrikwekkend uit, maar je mag zoveel invullen of leeglaten als je wilt. Je kunt dus overal alleen je nummer 1 invullen, of één categorie helemaal en een andere helemaal niet. We nodigen je natuurlijk uit zoveel mogelijk in te vullen, want hoe meer liedjes je aangeeft, hoe meer invloed je hebt op de lijst! De enige eis die we stellen, is dat liedjes Nederlandstalig, dus Nederlands of Vlaams (dialect), gezongen moeten zijn.</p>
|
||||
|
||||
<p>Per categorie kennen we een aantal punten toe aan je nummer 1, 2 en 3. Daarnaast krijgen alle liedjes in je eind-top-10 die je niet in één van de eerdere categorieën gezet hebt ook een aantal punten. Het totaal aantal punten per nummer bepaalt de volgorde in de lijst.</p>
|
||||
|
||||
<p>Weet je het nog niet helemaal zeker? Als je op 'Bewaren' onderaan deze pagina drukt, gebruiken we éénmalig een cookie om je ingevulde waarden tijdelijk te onthouden. Zo kan je later terugkomen om je lijst verder in te vullen.</p>
|
||||
|
||||
<p style="font-weight: bold; color: blue;" id="clockdiv">
|
||||
Stem nu! Je hebt nog
|
||||
<span class="days"></span> dagen,
|
||||
<span class="hours"></span> uur,
|
||||
<span class="minutes"></span> minuten en
|
||||
<span class="seconds"></span> seconden!
|
||||
</p>
|
||||
|
||||
<form method="post">
|
||||
{!! csrf_field() !!}
|
||||
<h4>Kleinkunstklassiekers</h4>
|
||||
<p>Vroeger of Later is natuurlijk vooral een kleinkunst- en theaterprogramma. Vaste luisteraars kennen onze rubriek de Kleinkunstklassieker, maar welke Nederlandstalige klassieken mogen zeker niet ontbreken in de lijst?</p>
|
||||
|
||||
@for($i = 1; $i <= 3; ++$i)
|
||||
@php(veld('klassieker', $i))
|
||||
@endfor
|
||||
|
||||
<p class="small text-primary"><span class="fa fa-info-circle"></span> De teksten in het grijs zijn voorbeelden, ze worden niet ingestuurd tenzij je zelf iets invult!</p>
|
||||
|
||||
<h4>Ondergewaardeerde liedjes</h4>
|
||||
<p>Bij je top 10 zitten misschien de wat bekendere nummers, maar in deze categorie zijn we juist op zoek naar de pareltjes die je bijna nooit hoort.</p>
|
||||
@for($i = 1; $i <= 3; ++$i)
|
||||
@php(veld('ondergewaardeerd', $i))
|
||||
@endfor
|
||||
|
||||
<h4>Recente klassiekers-in-spe</h4>
|
||||
<p>Vroeger was alles beter, maar later werd ook nog mooie muziek gemaakt. Wat zijn je favoriete Nederlandstalige nummers van na 2000?</p>
|
||||
@for($i = 1; $i <= 3; ++$i)
|
||||
@php(veld('recent', $i))
|
||||
@endfor
|
||||
|
||||
<h4>Corona-tijd</h4>
|
||||
{{--<p>Muziek raakt. Door een paar noten kan je stemming veranderen of je wordt in gedachten mee terug genomen naar een bepaald moment. Bij welke liedjes heb jij een goed verhaal?</p>--}}
|
||||
<p>Muziek troost en is vaak verbonden aan bijzondere periodes. Voor iedereen was 2020 een vreemd jaar. Welke Nederlandstalig plaat — nieuw of oud — heeft voor jou dit jaar een speciale betekenis, en waarom?</p>
|
||||
|
||||
@for($i = 1; $i <= 3; ++$i)
|
||||
<div class="row-group">
|
||||
@php(veld('verhaal', $i))
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<label for="" style="width: 100%;">Mijn verhaal bij deze plaat:</label>
|
||||
<textarea class="form-control" style="width: 100%;" id="keuze-verhaal-{{$i}}-toelichting" name="keuzes[verhaal][{{$i}}][toelichting]">{{ isset($_POST['keuzes']) ? $_POST['keuzes']['verhaal'][$i]['toelichting'] : "" }}</textarea></div>
|
||||
</div><!--/.row-->
|
||||
</div><!--/.rowgroup-->
|
||||
@endfor
|
||||
|
||||
<h4>Mijn top 10</h4>
|
||||
<p>En natuurlijk zoals het hoort bij een lijstje... de top 10. Let op: de nummers die je hierboven al ingevuld hebt tellen we hier niet nogmaals mee, om je te stimuleren een zo breed mogelijke lijst in te vullen. Weet je er maar drie? Dat mag natuurlijk ook!</p>
|
||||
|
||||
@for($i = 1; $i <= 10; ++$i)
|
||||
@php(veld('top10', $i))
|
||||
@endfor
|
||||
|
||||
<h4>Mijn gegevens</h4>
|
||||
<p>Je e-mailadres en telefoonnummer zijn niet verplicht, maar als je ze invult nemen we misschien contact met je op voor nadere informatie voor onze uitzending. Verder leggen we geen persoonlijke gegevens vast, je IP-adres ({{substr($_SERVER['REMOTE_ADDR'], 0, 10)}}*****) wordt alleen meegestuurd om te voorkomen dat je héél vaak stemt.</p>
|
||||
|
||||
<div class="form-row">
|
||||
<div class="col-lg-6"><label for="">Voornaam*:</label>{{Form::text('voornaam', null, ['class' => 'form-control', 'required' => 'required'])}}</div>
|
||||
<div class="col-lg-6"><label for="">Woonplaats:</label>{{Form::text('woonplaats', null, ['class' => 'form-control'])}}</div>
|
||||
<div class="col-lg-6"><label for="">E-mailadres:</label>{{Form::text('mailadres', null, ['class' => 'form-control'])}}</div>
|
||||
<div class="col-lg-6"><label for="">Telefoonnummer:</label>{{Form::text('telefoonnummer', null, ['class' => 'form-control'])}}</div>
|
||||
</div>
|
||||
|
||||
<div class="form-check">
|
||||
<input type="checkbox" class="form-check-input" id="checkbox-mag-contacten" name='checkbox[Kan contact opnemen]' value='Contact opnemen mag' {{ isset($_POST['checkbox']) && isset($_POST['checkbox']['Kan contact opnemen']) ? 'checked="checked"' : ''}}>
|
||||
<label class="form-check-label" for="checkbox-mag-contacten">Jullie mogen contact met mij opnemen voor meer informatie</label>
|
||||
</div>
|
||||
|
||||
<div class="form-check">
|
||||
<input type="checkbox" class="form-check-input" id="checkbox-mag-in-uitzending" name='checkbox[Kan in de uitzending]' value='Mag in de uitzending' {{ isset($_POST['checkbox']) && isset($_POST['checkbox']['Kan in de uitzending']) ? 'checked="checked"' : ''}}>
|
||||
<label class="form-check-label" for="checkbox-mag-in-uitzending">Jullie mogen contact met mij opnemen in de uitzending (natuurlijk laten we dat even van tevoren weten!)</label>
|
||||
</div>
|
||||
|
||||
@if(!isset($submitted) || !$submitted)
|
||||
<div class="row">
|
||||
<div class="col-lg-3"></div>
|
||||
<div class="col-lg-3 ml-3">
|
||||
<button type="submit" name="insturen" value="1" class="btn btn-primary d-inline"><span class="fa fa-forward"></span> Lijst indienen!</button>
|
||||
</div>
|
||||
<div class="col-lg-3 ml-3">
|
||||
<button type="submit" class="btn btn-info d-inline"><span class="fa fa-save"></span> Lijst bewaren voor later</button>
|
||||
</div>
|
||||
</div>
|
||||
<p class="small text-primary"><span class="fa fa-info-circle"></span> Als je op 'Bewaren' drukt, gebruiken we éénmalig een cookie om je ingevulde waarden tijdelijk te onthouden. Zo kan je later terugkomen om je lijst verder in te vullen.</p>
|
||||
@endif
|
||||
|
||||
</form>
|
||||
@endsection
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript">
|
||||
var voorbeelden = [
|
||||
["Marco Borsato", "Wat Is Mijn Hart"],
|
||||
["De Dijk", "Niemand In De Stad"],
|
||||
["Paul de Leeuw", "De Steen"],
|
||||
["Acda en de Munnik", "Lopen Tot De Zon Komt"],
|
||||
["Kasper van Kooten", "Mooie Blouse"],
|
||||
["I.O.S.", "Uit De Schaduw"],
|
||||
["Spinvis", "De Zevende Nacht"],
|
||||
["De Jazzpolitie", "Ze Zijn Terug"],
|
||||
["Zijlstra", "Durgerdam Slaapt"],
|
||||
["Ramses Shaffy & Liesbeth List", "Pastorale"],
|
||||
["Raymond van het Groenewoud", "Je Veux L'Amour"],
|
||||
["Circus Custers", "Monica"],
|
||||
["De Kast", "Woorden Zonder Woorden"],
|
||||
["De Poema\'s", "Laat Me Niet Staan"],
|
||||
["Frank Boeijen", "De Verzoening"],
|
||||
["Het Goede Doel", "Vriendschap"],
|
||||
["Robert Long", "Heeft Een Kind Een Toekomst"],
|
||||
["Volumia!", "Afscheid"],
|
||||
["Tröckener Kecks", "Met Hart En Ziel"],
|
||||
["Trijntje Oosterhuis", "Vlieg Met Me Mee"],
|
||||
["Guus Meeuwis", "Toen Ik Je Zag"],
|
||||
["Clouseau", "Passie"],
|
||||
["Mathilde Santing", "De Appels Op De Tafelsprei"],
|
||||
["Simplisties Verbond", "Zoek Jezelf"],
|
||||
["Van Dik Hout", "Meer Dan Een Ander"],
|
||||
["Martine Bijl, Simone Kleinsma, Robert Paul & Robert Long", "Vanmorgen Vloog Ze Nog"],
|
||||
["Herman van Veen", "Liefde Van Later"],
|
||||
["Lichter Laaie", "Zo'n Mooie Planeet"],
|
||||
["Ramses Shaffy", "'T Is Stil In Amsterdam"],
|
||||
["Klein Orkest", "Over De Muur"],
|
||||
["Volumia!", "Hou Me Vast"],
|
||||
["Dolf Jansen", "Begin"],
|
||||
["Paul Van Vliet", "Meisjes Van 13"],
|
||||
["Bert Heerink", "Julie, July"],
|
||||
["Rob de Nijs", "Tegen Beter Weten In"],
|
||||
["Henk Westbroek", "Waar Ze Loopt Te Wandelen"],
|
||||
["Willem Nijholt", "Sorry Dat Ik Besta"],
|
||||
["Adèle Bloemendaal", "Afscheidsbrief Van Een Lelijk Meisje"],
|
||||
["Skik", "Dankjewel Voor De Zon"],
|
||||
["De Dijk", "Zevende Hemel"],
|
||||
["Veldhuis", "Oud Geboren"],
|
||||
["Jacques Brel", "Mijn Vlakke Land"],
|
||||
["Liesbeth List", "Meisjes Van Dertig"],
|
||||
["De Kast", "Hart Van Mijn Gevoel"],
|
||||
["Frans Mulder", "Zeilen Op De Wind"],
|
||||
["Marcel De Groot", "De Wals"],
|
||||
["Frans Halsema & Jenny Arean", "Vluchten Kan Niet Meer"],
|
||||
["Arthur Umbgrove", "Mooie Dag"],
|
||||
["Ruth Jacott", "Vrede"],
|
||||
["Van Dik Hout", "De Stilte Valt Zo Hard"],
|
||||
["The Scene", "Rigoreus"],
|
||||
["Herman van Veen", "Fiets"],
|
||||
["Theo Nijland", "Glooiende Heuvels"],
|
||||
["Jan Tekstra", "Neem Me Mee"],
|
||||
["Is Ook Schitterend!", "Ze Speelt Met Mij"],
|
||||
["Erik Mesie", "Zonder Jou"],
|
||||
["Raymond van het Groenewoud", "Liefde Voor Muziek"],
|
||||
["Jules De Corte", "Het Feest Dat Nooit Gevierd Werd"],
|
||||
["Armand", "Ben Ik Te Min"],
|
||||
["Klein Orkest", "Mijn Vader"],
|
||||
["Frank Boeijen", "De Piano Van Beethoven"],
|
||||
["Karin Bloemen", "Pas Toen Ik"],
|
||||
["Paul de Leeuw", "'k Heb Je Lief"],
|
||||
["Splitsing", "Wind En Zeilen"],
|
||||
["Ruth Jacott", "Leun Op Mij"],
|
||||
["Ernst Jansz", "Huiswaarts"],
|
||||
["Frederique Spigt", "Mijn Hart Kan Dat Niet Aan"],
|
||||
["Jan Rot", "Rocker In Holland"],
|
||||
["Maggie MacNeal", "Terug Naar De Kust"],
|
||||
["Amazing Stroopwafels", "Oude Maasweg"],
|
||||
["Liesbeth List", "Laat Me Niet Alleen"],
|
||||
["Henk Westbroek", "Zelfs Je Naam Is Mooi"],
|
||||
["De Poema\'s", "Dat Was Het Dan"],
|
||||
["Rita Hovink", "Laat Me Alleen"],
|
||||
["De Jazzpolitie", "Liefdesliedjes"],
|
||||
["Ramses Shaffy", "5 Uur"],
|
||||
["Het Goede Doel", "Alles Geprobeerd"],
|
||||
["Frans Halsema", "Voor Haar"],
|
||||
["Peter Koelewijn", "Kl 204 (Als Ik God Was)"],
|
||||
["Willeke Alberti", "Telkens Weer"],
|
||||
["Karin Bloemen", "Geen Kind Meer"],
|
||||
["Acda en de Munnik", "Als Je Bij Me Weggaat"],
|
||||
["Huub van der Lubbe", "Tegen De Tijd"],
|
||||
["Jenny Arean", "Het Is Over"],
|
||||
["Paul de Leeuw & Ruth Jacott", "Blijf Bij Mij"],
|
||||
["The Lau", "Draai"],
|
||||
["Maarten van Roozendaal", "Tranen"],
|
||||
["Skik", "Op Fietse"],
|
||||
["Bram Vermeulen", "Doodlopende Straat"],
|
||||
["Boudewijn de Groot", "De Kinderballade"],
|
||||
["Astrid Nijgh", "Ik Doe Wat Ik Doe"],
|
||||
["Willem Nijholt", "Spijt"],
|
||||
["I.O.S.", "Hoe Het Voelt"],
|
||||
["Frederique Spigt", "Ga Maar Vast Vooruit"],
|
||||
["Marcel de Groot", "Kringen In De Rivier"],
|
||||
["Peter Koelewijn", "De Sprong In Het Duister"],
|
||||
["Kadanz", "In Het Donker"],
|
||||
["The Scene", "Iedereen Is Van De Wereld"],
|
||||
["Ramses Shaffy & Liesbeth List", "Aan De Andere Kant Van De Heuvels"],
|
||||
["Wim Sonneveld", "Het Dorp"],
|
||||
["Cornelis Vreeswijk", "Daarom Noem Ik Je \"M'n Liefste\" In Een Lied"],
|
||||
["Doe Maar", "Nachtzuster"],
|
||||
["Toon Hermans", "Als De Liefde"],
|
||||
['Hugo Raspoet', 'Helena'],
|
||||
['Kris de Bruyne', 'Amsterdam'],
|
||||
['Jan de Wilde', 'Vrolijk lente lied'],
|
||||
['De Held', 'Weet je wat het is'],
|
||||
['Hermitage', 'Verander'],
|
||||
['Buurman', 'Tot de zon weer voor u schijnt'],
|
||||
['Yevgueni', 'Als ze lacht'],
|
||||
['Mira', 'In de fleur'],
|
||||
['Senne Guns', 'Goudvis'],
|
||||
['Clouseau', 'Anne'],
|
||||
['Raymond van het Groenewoud', 'Maria, Maria, Ik hou van jou'],
|
||||
['Biezebaaze', 'Loetjebollekezoetje'],
|
||||
['Kommil Foo', 'Ruimtevaarder'],
|
||||
['Jonas Winterland', 'Altijd halverwege'],
|
||||
['Lenny en de Wespen', 'Meneertje nee'],
|
||||
['Zjef Vanuytsel', 'Zotte morgen'],
|
||||
['Walter de Buck', 't Vliegerke'],
|
||||
['Willem Vermandere', 'Bange blanke man'],
|
||||
['Kadril', 'Nooit met krijt'],
|
||||
['Hannelore Bedert', 'Altijd nooit meer'],
|
||||
['Jan de Wilde', 'Fanfare van honger en dorst'],
|
||||
['Boudewijn de Groot', 'Er komen andere tijden'],
|
||||
['Rob de Nijs', 'Ritme van de regen'],
|
||||
['Ramses Shaffy & Liesbeth List', 'Aan de andere kant van de heuvels'],
|
||||
['Frédérique Spigt', 'Isis'],
|
||||
['Vera Mann', 'Nog een kans'],
|
||||
['Abel', 'Onderweg'],
|
||||
['Andre Hazes', 'Zij gelooft in mij'],
|
||||
['Acda en de Munnik', 'Ren Lenny Ren'],
|
||||
['Twarres', 'Wer bisto'],
|
||||
['Acda en de Munnik', 'Voor Jou'],
|
||||
['Normaal', 'Oerend hard'],
|
||||
['Circus Custers', 'Monica'],
|
||||
['Herman van Veen', 'Hilversum 3'],
|
||||
['Wim Sonneveld', 'Het Dorp'],
|
||||
['Karin Bloemen', 'Geen kind meer'],
|
||||
['The Scene', 'Iedereen is van de wereld'],
|
||||
['Ramses Shaffy', 'Laat me'],
|
||||
['Doe Maar', 'De bom'],
|
||||
['Frank Boeijen', 'Zwart Wit'],
|
||||
['Clouseau', 'Daar gaat ze'],
|
||||
['Lenny Kuhr', 'De Troubadour'],
|
||||
['Marco Borsato', 'De Waarheid'],
|
||||
['Willeke Alberti', 'Samen zijn'],
|
||||
['Claudia de Breij', 'Mag ik dan bij jou'],
|
||||
['Abel', 'Onderweg'],
|
||||
['Acda en de Munnik', 'Niet of nooit geweest'],
|
||||
['Ben Cramer', 'De clown'],
|
||||
['Danny de Munk', 'Zo verdomd alleen'],
|
||||
['Andre Hazes', 'De vlieger'],
|
||||
['Willeke en Willy Alberti', 'De glimlach van een kind'],
|
||||
['Stef Bos', 'Papa'],
|
||||
['Wim Sonneveld', 'Het Dorp'],
|
||||
['Ramses Shaffy', 'Zing, vecht, huil, bid, lach, werk en bewonder'],
|
||||
['Frank Boeijen', 'Kronenburg Park'],
|
||||
['Anneke Grönloh', 'Brandend Zand'],
|
||||
['Volumia!', 'Afscheid'],
|
||||
['Klein Orkest', 'Over de muur'],
|
||||
['Racoon', 'Oceaan'],
|
||||
['Claudia de Breij', 'Mag ik dan Bij jou'],
|
||||
['Maaike Ouboter', 'Dat ik je mis'],
|
||||
['Louis Davids', 'De olieman heeft een Fordje opgedaan'],
|
||||
['Sylvain Poons, Oetze Verschoor', 'Zuiderzeeballade'],
|
||||
['Vader Abraham', 't Kleine café aan de haven'],
|
||||
['Clouseau', 'Laat me nu toch niet alleen'],
|
||||
['Bazart', 'Goud'],
|
||||
['Marco Borsato', 'Als Jij Maar Naar Me Lacht'],
|
||||
['Klein Orkest', 'Over de muur'],
|
||||
['Ramses Shaffy', 'Zing, vecht, huil, bid, lach, werk en bewonder'],
|
||||
['Jules de Corte', 'Ik zou wel eens willen weten'],
|
||||
['Elke Vierveijzer', 'Zonder Genade'],
|
||||
['Alex Roeka', 'Dit kleine hart van mij'],
|
||||
['Angela Groothuizen', 'Niets blijft'],
|
||||
['Maarten van Roozendaal', 'Red Mij Niet'],
|
||||
['Kommil Foo', 'Ruimtevaarder'],
|
||||
['Claudia de Breij', 'Mag ik dan bij Jou'],
|
||||
['Maarten van Roozendaal', 'Olielamp'],
|
||||
['Paul van Vliet', 'Het Noorden'],
|
||||
['Maarten van Roozendaal', 'Waarom huil je nou'],
|
||||
['Maarten van Roozendaal', 'Mooi'],
|
||||
['Marcel de Gr oot', 'Woordenman'],
|
||||
['Cornelis Vreeswijk', 'Misschien wordt het later Beter'],
|
||||
['Kiki Schippers', 'Guus'],
|
||||
['Ramses Shaffy', 'Laat me'],
|
||||
['Louise Korthals', 'Jij Mens'],
|
||||
['Micheline van Hautem', 'Ik weet wel mijn Lief'],
|
||||
['Bram Vermeulen', 'Een Doodgewone Jongen'],
|
||||
['Yasmine', 'Diep in Mij'],
|
||||
['Gerard van Maasakkers', 'D\'n Boom'],
|
||||
['Brigitte Kaandorp', 'Andries Knevel'],
|
||||
['Herman van Veen', 'Toveren'],
|
||||
['Wim Sonneveld', 'Tearoom Tango'],
|
||||
['Harry Jekkers', 'Ik hou van mij'],
|
||||
['Ramses Shaffy', 'Mens, durf te leven'],
|
||||
['The Scene', 'Open'],
|
||||
['Marco Borsato', 'Dochters'],
|
||||
['De Dijk', 'Dansen op de vulkaan'],
|
||||
['Splitsing', 'Wind en zeilen'],
|
||||
['Doe Maar', 'Pa'],
|
||||
['Boudewijn de Groot', 'Weltrusten meneer de President'],
|
||||
['Het Goede Doel', 'Nooduitgang (live)'],
|
||||
['Robert Long', 'Iedereen doet het'],
|
||||
['Is Ook Schitterend', 'Voltooid verleden tijd'],
|
||||
['Racoon', 'Oceaan'],
|
||||
['Drs. P', 'Dodenrit'],
|
||||
['Wim Sonneveld', 'Het Dorp'],
|
||||
['Andre Hazes', 'Leef'],
|
||||
['Ramses Shaffy', 'Laat me'],
|
||||
['Frans Halsema & Jenny Arean', 'Vluchten kan niet meer'],
|
||||
['Jacques Brel', 'Mijn vlakke land'],
|
||||
['Zwarte Riek', 'Amsterdam huilt'],
|
||||
['Rene Froger', 'Alles kan een mens gelukkig maken'],
|
||||
['Ramses Shaffy', 'Laat me'],
|
||||
['Klein Orkest', 'Over de muur'],
|
||||
['Wim Sonneveld', 'Het Dorp'],
|
||||
['Circus Custers', 'Monica'],
|
||||
['Herman van Veen', 'Blauwe plekken'],
|
||||
['Fluitsma en van Thijn', '15 miljoen mensen'],
|
||||
['Goede doel', 'Zwijgen'],
|
||||
['Toontje lager', 'Stiekem gedanst'],
|
||||
['De Dijk', 'Als ze er niet is'],
|
||||
['Acda en de Munnik', 'Het Regent Zonnestralen'],
|
||||
['The Scene', 'Iedereen is van de wereld'],
|
||||
['Blof en Geike Arnaert', 'Zoutelande'],
|
||||
['Pasadena Dream Band', 'Zandvoort'],
|
||||
['Marco Borsato', 'Rood'],
|
||||
['Wim Sonneveld', 'Het Dorp'],
|
||||
['Ramses Shaffy', 'Laat Me'],
|
||||
['Herman van Veen', 'Liefde van later'],
|
||||
['Gerard Cox', 'Het is weer voorbij die mooie zomer'],
|
||||
['Toontje Lager', 'Zoveel te doen'],
|
||||
['Doe Maar', 'Belle Helene'],
|
||||
['Blof en Geike Arnaert', 'Zoutelande'],
|
||||
['Andre Hazes', 'Leef'],
|
||||
['Guus Meeuwis', 'Brabant'],
|
||||
['Guus Meeuwis', 'Per spoor'],
|
||||
['Acda en de Munnik', 'Het Regent Zonnestralen'],
|
||||
['K3', 'Teleromeo'],
|
||||
['Spinvis', 'Lotus Europa'],
|
||||
['Bløf', 'Liefs uit Londen'],
|
||||
['Guus Meeuwis', 'Het is een nacht'],
|
||||
['V.O.F. de Kunst', 'Suzanne'],
|
||||
['Het Goede Doel', 'België'],
|
||||
['Don Quishocking', 'De Oude School'],
|
||||
['Paul van Vliet', 'Er is nog zoveel niet gezegd'],
|
||||
['Herman van Veen', 'Waar blijft de tijd'],
|
||||
['Grof Geschut', 'Verliefd'],
|
||||
['Fay Lovsky', 'Hou van elkaar'],
|
||||
['Doe Maar', 'Aan de bewoners van dit pand'],
|
||||
['Tom Pintens', 'In Charleroi'],
|
||||
['Spinvis', 'Astronaut'],
|
||||
['Zijlstra', 'De pont naar Noord'],
|
||||
['Maarten van Roozendaal', 'Moe'],
|
||||
['Circus Custers', 'Verliefd'],
|
||||
['Spinvis', 'Bagagedrager'],
|
||||
['Ramses Shaffy', 'We zullen doorgaan'],
|
||||
['Maarten van Roozendaal', 'Zwerver'],
|
||||
['Het Goede Doel', 'Gijzelaar'],
|
||||
['Paul van Vliet', 'Het huis dat ik bewoon'],
|
||||
['Neerlands Hoop', 'Peter'],
|
||||
['Thomas van Luyn', 'Het Heelal'],
|
||||
['Ad Visser', 'De Gooise Matras'],
|
||||
['Bram Vermeulen en De Toekomst', 'Politiek'],
|
||||
['Axel Lukkien', 'Ik mis je'],
|
||||
['Ramses Shaffy & Liesbeth List', 'Pastorale'],
|
||||
['Klein Orkest', 'Over de muur'],
|
||||
['Claudia de Breij', 'Mag ik dan bij jou'],
|
||||
];
|
||||
|
||||
function kiesRandom(row) {
|
||||
var $titel = $(".titel", row);
|
||||
var $artiest = $(".artiest", row);
|
||||
var nummer = voorbeelden[Math.floor(Math.random() * voorbeelden.length)];
|
||||
$artiest.attr('placeholder', nummer[0]);
|
||||
$titel.attr('placeholder', nummer[1]);
|
||||
}
|
||||
|
||||
function getTimeRemaining(endtime) {
|
||||
var t = Date.parse(endtime) - Date.parse(new Date());
|
||||
var seconds = Math.floor((t / 1000) % 60);
|
||||
var minutes = Math.floor((t / 1000 / 60) % 60);
|
||||
var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
|
||||
var days = Math.floor(t / (1000 * 60 * 60 * 24));
|
||||
return {
|
||||
'total': t,
|
||||
'days': days,
|
||||
'hours': hours,
|
||||
'minutes': minutes,
|
||||
'seconds': seconds,
|
||||
'alreadyhappened': t <= 0
|
||||
};
|
||||
}
|
||||
|
||||
function initializeClock(id, endtime) {
|
||||
var clock = document.getElementById(id);
|
||||
var daysSpan = clock.querySelector('.days');
|
||||
var hoursSpan = clock.querySelector('.hours');
|
||||
var minutesSpan = clock.querySelector('.minutes');
|
||||
var secondsSpan = clock.querySelector('.seconds');
|
||||
|
||||
function updateClock() {
|
||||
|
||||
var t = getTimeRemaining(endtime);
|
||||
daysSpan.innerHTML = t.days;
|
||||
hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
|
||||
minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
|
||||
secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
|
||||
|
||||
if (t.alreadyhappened) {
|
||||
clearInterval(timeinterval);
|
||||
clock.innerHTML = "";
|
||||
}
|
||||
}
|
||||
|
||||
updateClock();
|
||||
var timeinterval = setInterval(updateClock, 1000);
|
||||
}
|
||||
|
||||
var deadline = new Date("December 27, 2021 22:30 UTC+1");
|
||||
initializeClock('clockdiv', deadline);
|
||||
|
||||
@if(isset($submitted) && $submitted)
|
||||
$("input,textarea").attr('disabled', 'disabled');
|
||||
@else
|
||||
setInterval(function() {
|
||||
var $keuzes = $(".row.keuze");
|
||||
kiesRandom( $keuzes[Math.floor(Math.random() * $keuzes.length)] );
|
||||
}, 800);
|
||||
$(function() { $(".row.keuze").each(function() { kiesRandom(this); }); });
|
||||
@endif
|
||||
|
||||
function inspireer() {
|
||||
var nummer = voorbeelden[Math.floor(Math.random() * voorbeelden.length)];
|
||||
document.getElementById('inspiratie').innerHTML = "Wat dacht je van <b>" + nummer[1] + "</b> van <i>" + nummer[0] + "</i>?";
|
||||
}
|
||||
inspireer();
|
||||
</script>
|
||||
@endpush
|
||||
@@ -0,0 +1,277 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
Vroeger of Later Luisterlijst
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@php($top10 = 0)
|
||||
<style>
|
||||
tr.uur-header th {
|
||||
background-color: #0ba3e1 !important;
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#clockdiv {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#clockdiv span {
|
||||
padding: 5px;
|
||||
border-radius: 3px;
|
||||
background: rgb(200,210,255);
|
||||
display: inline-block;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.smalltext{
|
||||
padding-top: 5px;
|
||||
font-size: 16px;
|
||||
color: black;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
|
||||
|
||||
<h2>Vroeger of Later Luisterlijst</h2>
|
||||
|
||||
<p style="font-weight: bold; color: blue;" id="clockdiv">
|
||||
Je kan bijna stemmen... nog
|
||||
<span class="days"></span> dagen,
|
||||
<span class="hours"></span> uur,
|
||||
<span class="minutes"></span> minuten en
|
||||
<span class="seconds"></span> seconden!
|
||||
</p>
|
||||
{{--
|
||||
<div class="panel panel-info" style="float: right; margin-left: 5px; width: 300px;" id="clockdiv">
|
||||
<div class="panel-heading">
|
||||
<i class="fa fa-fw fa-eye"></i>
|
||||
<b>Meeluisteren of -kijken?</b>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
Nog
|
||||
<span class="hours"></span> uur,
|
||||
<span class="minutes"></span> minuten en
|
||||
<span class="seconds"></span> seconden
|
||||
tot de lijst compleet is!
|
||||
</div>
|
||||
<div class="panel-footer">
|
||||
<ul style="list-style: none; padding: 0;">
|
||||
<li> <a href="{{ $player = url('luister/radio') }}" target="_radioplayer" onclick="window.open('{{$player}}', '_radioplayer','width=400,height=450'); return false;" class="text-primary"><i class="fa fa-play fa-fw"></i> Luister via de stream</a> </li>
|
||||
<li> <b><a href="/kijk/studio" class="text-primary"><i class="fa fa-video-camera fa-fw"></i> Kijk live mee in de studio</a></b> </li>
|
||||
</ul>
|
||||
</div><!--/.panel-footer-->
|
||||
</div><!--/.panel-->
|
||||
--}}
|
||||
|
||||
<h3>De lijst van 2019</h3>
|
||||
<p>Hier issie dan... honderd van de mooiste Nederlandstalige liedjes. Door jou gekozen, door ons op volgorde gezet!</p>
|
||||
<p>Tussen 12:00 uur en 14:00 uur draaien we jullie ondergewaardeerde nummers die het niet gehaald hebben, en vanaf 14:00 uur hoor je de top 100.</p>
|
||||
<p>Laat ons weten wat je vindt via <a href="mailto:vroegeroflater@nhgooi.nl">vroegeroflater@nhgooi.nl</a> of <a href="https://facebook.com/vroegerlater">via Facebook</a>.</p>
|
||||
|
||||
<table class="table table-striped table-small">
|
||||
<tr class="uur-header"><th colspan="3">UUR 1 | 14:00 - 15:00 uur</th></tr>
|
||||
<tr> <th>#</th> <th>Artiest</th> <th>Titel</th> </tr>
|
||||
|
||||
<tr><th>100</th><td>Cornelis Vreeswijk</td><td>De Nozem en en Non</td></tr>
|
||||
<tr><th>99</th><td>Het Goede Doel</td><td>België</td></tr>
|
||||
<tr><th>98</th><td>Paul van Vliet</td><td>Er is nog zoveel niet gezegd</td></tr>
|
||||
<tr><th>97</th><td>Acda en de Munnik</td><td>Niet of nooit geweest</td></tr>
|
||||
<tr><th>96</th><td>Boudewijn de Groot</td><td>Weltrusten meneer de President</td></tr>
|
||||
<tr><th>95</th><td>Diggy Dex & JW Roy</td><td>Treur niet (ode aan het leven)</td></tr>
|
||||
<tr><th>94</th><td>Rob de Nijs</td><td>Ritme van de regen</td></tr>
|
||||
<tr><th>93</th><td>Maarten van Roozendaal</td><td>Doden met verlof</td></tr>
|
||||
<tr><th>92</th><td>Zijlstra</td><td>De pont naar Noord</td></tr>
|
||||
<tr><th>91</th><td>Toontje lager</td><td>Stiekem gedanst</td></tr>
|
||||
<tr><th>90</th><td>Doe Maar</td><td>Pa</td></tr>
|
||||
<tr><th>89</th><td>Karin Bloemen</td><td>Geen kind meer</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 2 | 15:00 - 16:00 uur</th></tr>
|
||||
<tr> <th>#</th> <th>Artiest</th> <th>Titel</th> </tr>
|
||||
|
||||
<tr><th>88</th><td>Kommil Foo</td><td>Angst is maar voor even</td></tr>
|
||||
<tr><th>87</th><td>Maarten van Roozendaal</td><td>Zwerver</td></tr>
|
||||
<tr><th>86</th><td>Het Goede Doel</td><td>Gijzelaar</td></tr>
|
||||
<tr><th>85</th><td>Splitsing</td><td>Wind en zeilen</td></tr>
|
||||
<tr><th>84</th><td>Cornelis Vreeswijk</td><td>Misschien wordt het morgen beter</td></tr>
|
||||
<tr><th>83</th><td>Clouseau</td><td>Passie</td></tr>
|
||||
<tr><th>82</th><td>Rowwen Heze</td><td>Auto vliegtuug</td></tr>
|
||||
<tr><th>81</th><td>De Dijk</td><td>Dansen op de vulkaan</td></tr>
|
||||
<tr><th>80</th><td>Ramses Shaffy</td><td>'t Is stil in Amsterdam</td></tr>
|
||||
<tr><th>79</th><td>Loeki Knol</td><td>Algebra</td></tr>
|
||||
<tr><th>78</th><td>Kommil Foo</td><td>Ik red me wel</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 3 | 16:00 - 17:00 uur</th></tr>
|
||||
<tr> <th>#</th> <th>Artiest</th> <th>Titel</th> </tr>
|
||||
|
||||
<tr><th>77</th><td>Bram Vermeulen</td><td>Rode wijn</td></tr>
|
||||
<tr><th>76</th><td>Yentl en de Boer</td><td>Ik heb een man gekend</td></tr>
|
||||
<tr><th>75</th><td>Raymond van het Groenewoud</td><td>Twee meisjes</td></tr>
|
||||
<tr><th>74</th><td>Youp van 't Hek & Matangi</td><td>Niemand weet hoe laat het is</td></tr>
|
||||
<tr><th>73</th><td>Herman van Veen</td><td>Anne</td></tr>
|
||||
<tr><th>72</th><td>Claudia de Breij</td><td>Ik mis je zo graag</td></tr>
|
||||
<tr><th>71</th><td>Armand</td><td>Ben ik te min</td></tr>
|
||||
<tr><th>70</th><td>Daniel Lohues</td><td>Mooie dag</td></tr>
|
||||
<tr><th>69</th><td>Grof Geschut</td><td>Verliefd</td></tr>
|
||||
<tr><th>68</th><td>Doe Maar</td><td>Belle Hélène</td></tr>
|
||||
<tr><th>67</th><td>Gerard Cox</td><td>Het is weer voorbij die mooie zomer</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 4 | 17:00 - 18:00 uur</th></tr>
|
||||
<tr> <th>#</th> <th>Artiest</th> <th>Titel</th> </tr>
|
||||
|
||||
<tr><th>66</th><td>Marco Borsato</td><td>Dochters</td></tr>
|
||||
<tr><th>65</th><td>Maarten van Roozendaal</td><td>Mooi</td></tr>
|
||||
<tr><th>64</th><td>Bazart</td><td>Goud</td></tr>
|
||||
<tr><th>63</th><td>Anneke Grönloh</td><td>Brandend Zand</td></tr>
|
||||
<tr><th>62</th><td>Marco Borsato</td><td>De Waarheid</td></tr>
|
||||
<tr><th>61</th><td>Andre Hazes</td><td>Zij gelooft in mij</td></tr>
|
||||
<tr><th>60</th><td>Yevgueni</td><td>Als ze lacht</td></tr>
|
||||
<tr><th>59</th><td>Gerard van Maasakkers</td><td>D'n Boom</td></tr>
|
||||
<tr><th>58</th><td>Boudewijn de Groot</td><td>Jimmy</td></tr>
|
||||
<tr><th>57</th><td>Alex Roeka</td><td>Dit kleine hart van mij</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 5 | 18:00 - 19:00 uur</th></tr>
|
||||
<tr> <th>#</th> <th>Artiest</th> <th>Titel</th> </tr>
|
||||
|
||||
<tr><th>56</th><td>Kiki Schippers</td><td>Guus</td></tr>
|
||||
<tr><th>55</th><td>Andre Hazes Jr.</td><td>Leef</td></tr>
|
||||
<tr><th>54</th><td>Drs. P</td><td>Dodenrit</td></tr>
|
||||
<tr><th>53</th><td>Bram Vermeulen</td><td>Een Doodgewone Jongen</td></tr>
|
||||
<tr><th>52</th><td>Twarres</td><td>Wer bisto</td></tr>
|
||||
<tr><th>51</th><td>Zjef Vanuytsel</td><td>De zotte morgen</td></tr>
|
||||
<tr><th>50</th><td>Adele Bloemendaal</td><td>De jaren zestig</td></tr>
|
||||
<tr><th>49</th><td>Hannelore Bedert</td><td>Altijd nooit meer</td></tr>
|
||||
<tr><th>48</th><td>Angela Groothuizen</td><td>Vinkeveen</td></tr>
|
||||
<tr><th>47</th><td>Boudewijn de Groot</td><td>Avond</td></tr>
|
||||
<tr><th>46</th><td>Guus Meeuwis</td><td>Het is een nacht</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 6 | 19:00 - 20:00 uur</th></tr>
|
||||
<tr> <th>#</th> <th>Artiest</th> <th>Titel</th> </tr>
|
||||
|
||||
<tr><th>45</th><td>De Dijk</td><td>Als ze er niet is</td></tr>
|
||||
<tr><th>44</th><td>Jules de Corte</td><td>Ik zou wel eens willen weten</td></tr>
|
||||
<tr><th>43</th><td>Paul van Vliet</td><td>Het Noorden</td></tr>
|
||||
<tr><th>42</th><td>Herman van Veen</td><td>Liefde van later</td></tr>
|
||||
<tr><th>41</th><td>Blof en Geike Arnaert</td><td>Zoutelande</td></tr>
|
||||
<tr><th>40</th><td>Frans Halsema & Jenny Arean</td><td>Vluchten kan niet meer</td></tr>
|
||||
<tr><th>39</th><td>Ben Cramer</td><td>De clown</td></tr>
|
||||
<tr><th>38</th><td>Jan de Wilde</td><td>Fanfare van honger en dorst</td></tr>
|
||||
<tr><th>37</th><td>I.O.S.</td><td>Voltooid verleden tijd</td></tr>
|
||||
<tr><th>36</th><td>The Scene</td><td>Iedereen is van de wereld</td></tr>
|
||||
<tr><th>35</th><td>Herman van Veen</td><td>Suzanne</td></tr>
|
||||
<tr><th>34</th><td>Clouseau</td><td>Laat me nu toch niet alleen</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 7 | 20:00 - 21:00 uur</th></tr>
|
||||
<tr> <th>#</th> <th>Artiest</th> <th>Titel</th> </tr>
|
||||
|
||||
<tr><th>33</th><td>Frank Boeijen</td><td>Kronenburg Park</td></tr>
|
||||
<tr><th>32</th><td>Boudewijn de Groot / Elly Nieman</td><td>Prikkebeen</td></tr>
|
||||
<tr><th>31</th><td>Angela Groothuizen</td><td>Niets blijft</td></tr>
|
||||
<tr><th>30</th><td>Boudewijn de Groot</td><td>Testament</td></tr>
|
||||
<tr><th>29</th><td>Acda en de Munnik</td><td>Ren Lenny Ren</td></tr>
|
||||
<tr><th>28</th><td>Rob de Nijs</td><td>Malle Babbe</td></tr>
|
||||
<tr><th>27</th><td>Ramses Shaffy</td><td>Wij zullen doorgaan</td></tr>
|
||||
<tr><th>26</th><td>Guus Meeuwis</td><td>Brabant</td></tr>
|
||||
<tr><th>25</th><td>Maarten van Roozendaal</td><td>Christoffel</td></tr>
|
||||
<tr><th>24</th><td>Spinvis</td><td>Bagagedrager</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 8 | 21:00 - 22:00 uur</th></tr>
|
||||
<tr> <th>#</th> <th>Artiest</th> <th>Titel</th> </tr>
|
||||
|
||||
|
||||
<tr><th>22</th><td>Harrie Jekkers</td><td>Ik hou van mij</td></tr>
|
||||
<tr><th>21</th><td>Boudewijn de Groot</td><td>Verdronken vlinder</td></tr>
|
||||
<tr><th>20</th><td>Circus Custers</td><td>Monica</td></tr>
|
||||
<tr><th>19</th><td>Frans Halsema</td><td>Voor haar</td></tr>
|
||||
<tr><th>18</th><td>Herman van Veen</td><td>Toveren</td></tr>
|
||||
<tr><th>17</th><td>Stef Bos</td><td>Papa</td></tr>
|
||||
<tr><th>16</th><td>Doe Maar</td><td>De bom</td></tr>
|
||||
<tr><th>15</th><td>Kris de Bruyne</td><td>Amsterdam</td></tr>
|
||||
<tr><th>14</th><td>Herman van Veen</td><td>Hilversum 3</td></tr>
|
||||
<tr><th>13</th><td>Ramses Shaffy</td><td>Zing, vecht, huil, bid, lach, werk en bewonder</td></tr>
|
||||
<tr><th>12</th><td>Henk Westbroek</td><td>Zelfs je naam is mooi</td></tr>
|
||||
<tr><th>11</th><td>Ramses Shaffy & Liesbeth List</td><td>Pastorale</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 9 | 22:00 - 23:00 uur</th></tr>
|
||||
<tr> <th>#</th> <th>Artiest</th> <th>Titel</th> </tr>
|
||||
<?php $top10data = [
|
||||
["Kommil Foo", "Ruimtevaarder"],
|
||||
["Acda en de Munnik", "Het regent zonnestralen"],
|
||||
["Abel", "Onderweg"],
|
||||
["Claudia de Breij", "Mag ik dan bij jou"],
|
||||
["Clouseau", "Daar gaat ze"],
|
||||
["Racoon", "Oceaan"],
|
||||
["Maarten van Roozendaal", "Red Mij Niet"],
|
||||
["Wim Sonneveld", "Het Dorp"],
|
||||
["Klein Orkest", "Over de muur"],
|
||||
["Ramses Shaffy", "Laat me"]];
|
||||
for($i = 0; $i < 10; ++$i) {
|
||||
$show = $i < 10 - $top10;
|
||||
echo '<tr><th>' . (10 - $i) . '</th><td>' . ($show ? $top10data[$i][0] : '?') . '</td><td>' . ($show ? $top10data[$i][1] : '?') . '</td></tr>';
|
||||
}
|
||||
?>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<script type="text/javascript">
|
||||
function getTimeRemaining(endtime) {
|
||||
var t = Date.parse(endtime) - Date.parse(new Date());
|
||||
var seconds = Math.floor((t / 1000) % 60);
|
||||
var minutes = Math.floor((t / 1000 / 60) % 60);
|
||||
var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
|
||||
var days = Math.floor(t / (1000 * 60 * 60 * 24));
|
||||
return {
|
||||
'total': t,
|
||||
'days': days,
|
||||
'hours': hours,
|
||||
'minutes': minutes,
|
||||
'seconds': seconds,
|
||||
'alreadyhappened': t <= 0
|
||||
};
|
||||
}
|
||||
|
||||
function initializeClock(id, endtime) {
|
||||
var clock = document.getElementById(id);
|
||||
var daysSpan = clock.querySelector('.days');
|
||||
var hoursSpan = clock.querySelector('.hours');
|
||||
var minutesSpan = clock.querySelector('.minutes');
|
||||
var secondsSpan = clock.querySelector('.seconds');
|
||||
|
||||
function updateClock() {
|
||||
|
||||
var t = getTimeRemaining(endtime);
|
||||
daysSpan.innerHTML = ('0' + t.days).slice(-2);
|
||||
hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
|
||||
minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
|
||||
secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
|
||||
|
||||
if (t.alreadyhappened) {
|
||||
clearInterval(timeinterval);
|
||||
clock.innerHTML = "<div class='panel-body'>De lijst is compleet. Heb je stiekem op ons gedanst? We hopen dat je het leuk vond!</div>";
|
||||
clock.innerHTML = "<div class='panel-body'>Stem <a href='/luisterlijst/stem'>hier</a> voor de lijst van 2021!</div>";
|
||||
}
|
||||
}
|
||||
|
||||
updateClock();
|
||||
var timeinterval = setInterval(updateClock, 1000);
|
||||
}
|
||||
|
||||
var deadline = new Date("November 30, 2020 22:30 UTC+1");
|
||||
initializeClock('clockdiv', deadline);
|
||||
|
||||
@if(isset($submitted) && $submitted)
|
||||
$("input,textarea").attr('disabled', 'disabled');
|
||||
@else
|
||||
//setInterval(function() {
|
||||
// var $keuzes = $(".row.keuze");
|
||||
// kiesRandom( $keuzes[Math.floor(Math.random() * $keuzes.length)] );
|
||||
//}, 800);
|
||||
//$(function() { $(".row.keuze").each(function() { kiesRandom(this); }); });
|
||||
@endif
|
||||
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,226 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
Vroeger of Later Luisterlijst
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<style>
|
||||
tr.uur-header th {
|
||||
background-color: #0ba3e1 !important;
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#clockdiv {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#clockdiv span {
|
||||
padding: 5px;
|
||||
border-radius: 3px;
|
||||
background: rgb(200,210,255);
|
||||
display: inline-block;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.smalltext{
|
||||
padding-top: 5px;
|
||||
font-size: 16px;
|
||||
color: black;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
|
||||
|
||||
<h2>Vroeger of Later Luisterlijst</h2>
|
||||
|
||||
<p style="font-weight: bold; color: blue;" id="clockdiv">
|
||||
Je hoort de nummer één over
|
||||
<span class="days"></span> dagen,
|
||||
<span class="hours"></span> uur,
|
||||
<span class="minutes"></span> minuten en
|
||||
<span class="seconds"></span> seconden!
|
||||
</p>
|
||||
|
||||
<table class="table table-striped table-small">
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 1 | 13:00 - 14:00</th><th>Stand 2019</th></tr>
|
||||
|
||||
<tr><th>100</th><td>Stef Bos</td><td>Is dit nu later</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>99</th><td>Circus Custers</td><td>Monica</td><td>20 (-79)</td></tr>
|
||||
<tr><th>98</th><td>Rob de Nijs</td><td>Malle Babbe</td><td>28 (-70)</td></tr>
|
||||
<tr><th>97</th><td>Ben Cramer</td><td>De clown</td><td>39 (-58)</td></tr>
|
||||
<tr><th>96</th><td>Adele Bloemendaal</td><td>De jaren zestig</td><td>50 (-46)</td></tr>
|
||||
<tr><th>95</th><td>Angela Groothuizen</td><td>Vinkeveen</td><td>48 (-47)</td></tr>
|
||||
<tr><th>94</th><td>Jules de Corte</td><td>Ik zou wel eens willen weten</td><td>44 (-50)</td></tr>
|
||||
<tr><th>93</th><td>Drs. P</td><td>Dodenrit</td><td>54 (-39)</td></tr>
|
||||
<tr><th>92</th><td>Clouseau</td><td>Passie</td><td>83 (-9)</td></tr>
|
||||
<tr><th>91</th><td>Claudia de Breij</td><td>Ik mis je zo graag</td><td>72 (-19)</td></tr>
|
||||
<tr><th>90</th><td>Liesbeth List</td><td>Heb het leven lief</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>89</th><td>Kadanz</td><td>In het donker</td><td>(Nieuw)</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 2 | 14:00 - 15:00</th><th>Stand 2019</th></tr>
|
||||
|
||||
<tr><th>88</th><td>Bazart</td><td>Goud</td><td>64 (-24)</td></tr>
|
||||
<tr><th>87</th><td>Alex Klaasen</td><td>Gewoon Opnieuw</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>86</th><td>Maggie McNeal</td><td>Terug naar de kust</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>85</th><td>Don Quischocking</td><td>Opa's honderdste verjaardag</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>84</th><td>Rowwen Heze</td><td>Auto vliegtuug</td><td>82 (-2)</td></tr>
|
||||
<tr><th>83</th><td>Diggy Dex & JW Roy</td><td>Treur niet (ode aan het leven)</td><td>95 (+12)</td></tr>
|
||||
<tr><th>82</th><td>Grof geschut</td><td>Verliefd</td><td>69 (-13)</td></tr>
|
||||
<tr><th>81</th><td>Cornelis Vreeswijk</td><td>Misschien wordt het morgen beter</td><td>84 (+3)</td></tr>
|
||||
<tr><th>80</th><td>Alex Roeka</td><td>Noem 't geen Liefde</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>79</th><td>Bløf</td><td>Aan de kust</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>78</th><td>Marco Borsato</td><td>Dromen zijn bedrog</td><td>(Nieuw)</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 3 | 15:00 - 16:00</th><th>Stand 2019</th></tr>
|
||||
|
||||
<tr><th>77</th><td>Eefje de Visser</td><td>Stilstand</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>76</th><td>Raymond van het Groenewoud</td><td>Twee meisjes</td><td>75 (-1)</td></tr>
|
||||
<tr><th>75</th><td>Wim Sonneveld</td><td>Aan de Amsterdamse grachten</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>51</th><td>Youp van 't Hek</td><td>Niemand weet hoe laat het is</td><td>74 (+23)</td></tr>
|
||||
<tr><th>73</th><td>Doe maar</td><td>Belle Helene</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>72</th><td>Acda en de Munnik</td><td>Niet of nooit geweest</td><td>97 (+25)</td></tr>
|
||||
<tr><th>71</th><td>Herman van Veen</td><td>Fiets</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>70</th><td>Boudewijn de Groot</td><td>Weltrusten meneer de President</td><td>96 (+26)</td></tr>
|
||||
<tr><th>69</th><td>Maarten van Roozendaal</td><td>Doden met verlof</td><td>93 (+24)</td></tr>
|
||||
<tr><th>68</th><td>Is Ook Schitterend</td><td>Voltooid verleden tijd</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>67</th><td>Maaike Ouboter</td><td>Dat ik je mis</td><td>(Nieuw)</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 4 | 16:00 - 17:00</th><th>Stand 2019</th></tr>
|
||||
|
||||
<tr><th>66</th><td>Kiki Schippers</td><td>Guus</td><td>56 (-10)</td></tr>
|
||||
<tr><th>65</th><td>De Dijk</td><td>Als ze er niet is</td><td>45 (-20)</td></tr>
|
||||
<tr><th>64</th><td>Cornelis Vreeswijk</td><td>De nozem en de non</td><td>100 (+36)</td></tr>
|
||||
<tr><th>63</th><td>Drs. P</td><td>Veerpont</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>62</th><td>Clouseau</td><td>Laat me nu toch niet alleen</td><td>34 (-28)</td></tr>
|
||||
<tr><th>61</th><td>Kommil Foo</td><td>Madrid</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>60</th><td>Ramses Shaffy</td><td>Sammy</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>59</th><td>Frans Halsema & Jenny Arean</td><td>Vluchten kan niet meer</td><td>40 (-19)</td></tr>
|
||||
<tr><th>58</th><td>Doe Maar</td><td>De bom</td><td>16 (-42)</td></tr>
|
||||
<tr><th>57</th><td>Hannelore Bedert</td><td>Altijd nooit meer</td><td>49 (-8)</td></tr>
|
||||
<tr><th>56</th><td>Maarten van Roozendaal</td><td>Moe</td><td>23 (-33)</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 5 | 17:00 - 18:00</th><th>Stand 2019</th></tr>
|
||||
|
||||
<tr><th>55</th><td>Harrie Jekkers</td><td>Ik hou van mij</td><td>22 (-33)</td></tr>
|
||||
<tr><th>54</th><td>Twarres</td><td>Wer bisto</td><td>52 (-2)</td></tr>
|
||||
<tr><th>53</th><td>Wim de Craene</td><td>Tim</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>52</th><td>Yevgueni</td><td>Als ze lacht</td><td>60 (+8)</td></tr>
|
||||
<tr><th>51</th><td>Youp van 't Hek</td><td>Niemand weet hoe laat het is</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>50</th><td>Doe maar</td><td>Is dit alles?</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>49</th><td>Maarten van Roozendaal</td><td>Jij blijft bij mij</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>48</th><td>Bram Vermeulen</td><td>Een doodgewone jongen</td><td>53 (+5)</td></tr>
|
||||
<tr><th>47</th><td>Frans Halsema</td><td>Voor haar</td><td>19 (-28)</td></tr>
|
||||
<tr><th>46</th><td>Herman van Veen</td><td>Toveren</td><td>18 (-28)</td></tr>
|
||||
<tr><th>45</th><td>Boudewijn de Groot</td><td>Jimmy</td><td>58 (+13)</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 6 | 18:00 - 19:00</th><th>Stand 2019</th></tr>
|
||||
|
||||
<tr><th>44</th><td>Bram Vermeulen</td><td>De wedstrijd</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>43</th><td>Ramses Shaffy</td><td>Mens, durf te leven</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>42</th><td>Herman van Veen</td><td>Liefde van later</td><td>42 (=)</td></tr>
|
||||
<tr><th>41</th><td>Herman van Veen</td><td>Suzanne</td><td>35 (-6)</td></tr>
|
||||
<tr><th>40</th><td>Kommil Foo</td><td>De Volgende</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>39</th><td>Boudewijn de Groot</td><td>Verdronken vlinder</td><td>21 (-18)</td></tr>
|
||||
<tr><th>38</th><td>Bazart ft. Eefje de Visser</td><td>Onder ons</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>37</th><td>Yasmine</td><td>Diep in mij</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>36</th><td>Elke Vierveijzer</td><td>Zonder Genade</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>35</th><td>Bløf</td><td>Liefs uit Londen</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>34</th><td>The Scene</td><td>Iedereen is van de wereld</td><td>36 (+2)</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 7 | 19:00 - 20:00</th><th>Stand 2019</th></tr>
|
||||
|
||||
<tr><th>33</th><td>Angela Groothuizen</td><td>Niets blijft</td><td>31 (-2)</td></tr>
|
||||
<tr><th>32</th><td>Guus Meeuwis</td><td>Het is een nacht</td><td>46 (+14)</td></tr>
|
||||
<tr><th>31</th><td>Herman van Veen</td><td>Hilversum 3</td><td>14 (-17)</td></tr>
|
||||
<tr><th>30</th><td>Maarten van Roozendaal</td><td>Mooi</td><td>65 (+35)</td></tr>
|
||||
<tr><th>29</th><td>Frank Boeijen</td><td>Kronenburg park</td><td>33 (+4)</td></tr>
|
||||
<tr><th>28</th><td>Jan de Wilde</td><td>Fanfare van honger en dorst</td><td>38 (+10)</td></tr>
|
||||
<tr><th>27</th><td>Bram Vermeulen</td><td>Rode wijn</td><td>77 (+50)</td></tr>
|
||||
<tr><th>26</th><td>Ramses Shaffy</td><td>Stil in Amsterdam</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>25</th><td>Boudewijn de Groot</td><td>Testament</td><td>30 (+5)</td></tr>
|
||||
<tr><th>24</th><td>Bløf en Geike Arnaert</td><td>Zoutelande</td><td>41 (+17)</td></tr>
|
||||
<tr><th>23</th><td>Van Dik Hout</td><td>Stil in mij</td><td>(Nieuw)</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 8 | 20:00 - 21:00</th><th>Stand 2019</th></tr>
|
||||
|
||||
<tr><th>22</th><td>Paul van Vliet</td><td>Het noorden</td><td>43 (+21)</td></tr>
|
||||
<tr><th>21</th><td>Acda en de Munnik</td><td>Het regent zonnestralen</td><td>9 (-12)</td></tr>
|
||||
<tr><th>20</th><td>Yentl en de Boer</td><td>Ik heb een man gekend</td><td>76 (+56)</td></tr>
|
||||
<tr><th>19</th><td>Boudewijn de Groot</td><td>Avond</td><td>47 (+28)</td></tr>
|
||||
<tr><th>18</th><td>Maarten van Roozendaal</td><td>Christoffel</td><td>25 (+7)</td></tr>
|
||||
<tr><th>17</th><td>Boudewijn de Groot / Elly Nieman</td><td>Prikkebeen</td><td>32 (+15)</td></tr>
|
||||
<tr><th>16</th><td>Henk Westbroek</td><td>Zelfs je naam is mooi</td><td>12 (-4)</td></tr>
|
||||
<tr><th>15</th><td>Zjef Vanuytsel</td><td>De zotte morgen</td><td>51 (+36)</td></tr>
|
||||
<tr><th>14</th><td>Racoon</td><td>Oceaan</td><td>5 (-9)</td></tr>
|
||||
<tr><th>13</th><td>Abel</td><td>Onderweg</td><td>8 (-5)</td></tr>
|
||||
<tr><th>12</th><td>Stef Bos</td><td>Papa</td><td>17 (+5)</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 9 | 21:00 - 22:00</th><th>Stand 2019</th></tr>
|
||||
|
||||
<tr><th>11</th><td>Ramses Shaffy</td><td>We zullen doorgaan</td><td>(Nieuw)</td></tr>
|
||||
<tr><th>10</th><td>Ramses Shaffy</td><td>Zing, Vecht, Huil, Bid, Lach, Werk en Bewonder</td><td>13 (+3)</td></tr>
|
||||
<tr><th>9</th><td>Wim Sonneveld</td><td>Het Dorp</td><td>3 (-6)</td></tr>
|
||||
<tr><th>8</th><td>Clouseau</td><td>Daar gaat ze</td><td>6 (-2)</td></tr>
|
||||
<tr><th>7</th><td>Ramses Shaffy & Liesbeth List</td><td>Pastorale</td><td>11 (+4)</td></tr>
|
||||
<tr><th>6</th><td>Kris de Bruyne</td><td>Amsterdam</td><td>15 (+9)</td></tr>
|
||||
<tr><th>5</th><td>Claudia de Breij</td><td>Mag ik dan bij jou</td><td>7 (+2)</td></tr>
|
||||
<tr><th>4</th><td>Kommil Foo</td><td>Ruimtevaarder</td><td>10 (+6)</td></tr>
|
||||
<tr><th>3</th><td>Klein orkest</td><td>Over de Muur</td><td>2 (-1)</td></tr>
|
||||
<tr><th>2</th><td>Maarten van Roozendaal</td><td>Red mij niet</td><td>4 (+2)</td></tr>
|
||||
<tr><th>1</th><td>Ramses Shaffy</td><td>Laat me</td><td>1 (=)</td></tr>
|
||||
|
||||
</table>
|
||||
|
||||
<script type="text/javascript">
|
||||
function getTimeRemaining(endtime) {
|
||||
var t = Date.parse(endtime) - Date.parse(new Date());
|
||||
var seconds = Math.floor((t / 1000) % 60);
|
||||
var minutes = Math.floor((t / 1000 / 60) % 60);
|
||||
var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
|
||||
var days = Math.floor(t / (1000 * 60 * 60 * 24));
|
||||
return {
|
||||
'total': t,
|
||||
'days': days,
|
||||
'hours': hours,
|
||||
'minutes': minutes,
|
||||
'seconds': seconds,
|
||||
'alreadyhappened': t <= 0
|
||||
};
|
||||
}
|
||||
|
||||
function initializeClock(id, endtime) {
|
||||
var clock = document.getElementById(id);
|
||||
var daysSpan = clock.querySelector('.days');
|
||||
var hoursSpan = clock.querySelector('.hours');
|
||||
var minutesSpan = clock.querySelector('.minutes');
|
||||
var secondsSpan = clock.querySelector('.seconds');
|
||||
|
||||
function updateClock() {
|
||||
|
||||
var t = getTimeRemaining(endtime);
|
||||
daysSpan.innerHTML = ('0' + t.days).slice(-2);
|
||||
hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
|
||||
minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
|
||||
secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
|
||||
|
||||
if (t.alreadyhappened) {
|
||||
clearInterval(timeinterval);
|
||||
clock.innerHTML = "<div class='panel-body'>De lijst is compleet. Heb je stiekem op ons gedanst? We hopen dat je het leuk vond!</div>";
|
||||
}
|
||||
}
|
||||
|
||||
updateClock();
|
||||
var timeinterval = setInterval(updateClock, 1000);
|
||||
}
|
||||
|
||||
var deadline = new Date("January 2, 2022 21:56:04 UTC+1");
|
||||
initializeClock('clockdiv', deadline);
|
||||
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,277 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
Vroeger of Later Luisterlijst
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@php($top10 = 0)
|
||||
<style>
|
||||
tr.uur-header th {
|
||||
background-color: #0ba3e1 !important;
|
||||
color: white;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#clockdiv {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#clockdiv span {
|
||||
padding: 5px;
|
||||
border-radius: 3px;
|
||||
background: rgb(200,210,255);
|
||||
display: inline-block;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.smalltext{
|
||||
padding-top: 5px;
|
||||
font-size: 16px;
|
||||
color: black;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
|
||||
|
||||
<h2>Vroeger of Later Luisterlijst</h2>
|
||||
|
||||
<p style="font-weight: bold; color: blue;" id="clockdiv">
|
||||
Je kan bijna stemmen... nog
|
||||
<span class="days"></span> dagen,
|
||||
<span class="hours"></span> uur,
|
||||
<span class="minutes"></span> minuten en
|
||||
<span class="seconds"></span> seconden!
|
||||
</p>
|
||||
{{--
|
||||
<div class="panel panel-info" style="float: right; margin-left: 5px; width: 300px;" id="clockdiv">
|
||||
<div class="panel-heading">
|
||||
<i class="fa fa-fw fa-eye"></i>
|
||||
<b>Meeluisteren of -kijken?</b>
|
||||
</div>
|
||||
<div class="panel-body">
|
||||
Nog
|
||||
<span class="hours"></span> uur,
|
||||
<span class="minutes"></span> minuten en
|
||||
<span class="seconds"></span> seconden
|
||||
tot de lijst compleet is!
|
||||
</div>
|
||||
<div class="panel-footer">
|
||||
<ul style="list-style: none; padding: 0;">
|
||||
<li> <a href="{{ $player = url('luister/radio') }}" target="_radioplayer" onclick="window.open('{{$player}}', '_radioplayer','width=400,height=450'); return false;" class="text-primary"><i class="fa fa-play fa-fw"></i> Luister via de stream</a> </li>
|
||||
<li> <b><a href="/kijk/studio" class="text-primary"><i class="fa fa-video-camera fa-fw"></i> Kijk live mee in de studio</a></b> </li>
|
||||
</ul>
|
||||
</div><!--/.panel-footer-->
|
||||
</div><!--/.panel-->
|
||||
--}}
|
||||
|
||||
<h3>De lijst van 2019</h3>
|
||||
<p>Hier issie dan... honderd van de mooiste Nederlandstalige liedjes. Door jou gekozen, door ons op volgorde gezet!</p>
|
||||
<p>Tussen 12:00 uur en 14:00 uur draaien we jullie ondergewaardeerde nummers die het niet gehaald hebben, en vanaf 14:00 uur hoor je de top 100.</p>
|
||||
<p>Laat ons weten wat je vindt via <a href="mailto:vroegeroflater@nhgooi.nl">vroegeroflater@nhgooi.nl</a> of <a href="https://facebook.com/vroegerlater">via Facebook</a>.</p>
|
||||
|
||||
<table class="table table-striped table-small">
|
||||
<tr class="uur-header"><th colspan="3">UUR 1 | 14:00 - 15:00 uur</th></tr>
|
||||
<tr> <th>#</th> <th>Artiest</th> <th>Titel</th> </tr>
|
||||
|
||||
<tr><th>100</th><td>Cornelis Vreeswijk</td><td>De Nozem en en Non</td></tr>
|
||||
<tr><th>99</th><td>Het Goede Doel</td><td>België</td></tr>
|
||||
<tr><th>98</th><td>Paul van Vliet</td><td>Er is nog zoveel niet gezegd</td></tr>
|
||||
<tr><th>97</th><td>Acda en de Munnik</td><td>Niet of nooit geweest</td></tr>
|
||||
<tr><th>96</th><td>Boudewijn de Groot</td><td>Weltrusten meneer de President</td></tr>
|
||||
<tr><th>95</th><td>Diggy Dex & JW Roy</td><td>Treur niet (ode aan het leven)</td></tr>
|
||||
<tr><th>94</th><td>Rob de Nijs</td><td>Ritme van de regen</td></tr>
|
||||
<tr><th>93</th><td>Maarten van Roozendaal</td><td>Doden met verlof</td></tr>
|
||||
<tr><th>92</th><td>Zijlstra</td><td>De pont naar Noord</td></tr>
|
||||
<tr><th>91</th><td>Toontje lager</td><td>Stiekem gedanst</td></tr>
|
||||
<tr><th>90</th><td>Doe Maar</td><td>Pa</td></tr>
|
||||
<tr><th>89</th><td>Karin Bloemen</td><td>Geen kind meer</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 2 | 15:00 - 16:00 uur</th></tr>
|
||||
<tr> <th>#</th> <th>Artiest</th> <th>Titel</th> </tr>
|
||||
|
||||
<tr><th>88</th><td>Kommil Foo</td><td>Angst is maar voor even</td></tr>
|
||||
<tr><th>87</th><td>Maarten van Roozendaal</td><td>Zwerver</td></tr>
|
||||
<tr><th>86</th><td>Het Goede Doel</td><td>Gijzelaar</td></tr>
|
||||
<tr><th>85</th><td>Splitsing</td><td>Wind en zeilen</td></tr>
|
||||
<tr><th>84</th><td>Cornelis Vreeswijk</td><td>Misschien wordt het morgen beter</td></tr>
|
||||
<tr><th>83</th><td>Clouseau</td><td>Passie</td></tr>
|
||||
<tr><th>82</th><td>Rowwen Heze</td><td>Auto vliegtuug</td></tr>
|
||||
<tr><th>81</th><td>De Dijk</td><td>Dansen op de vulkaan</td></tr>
|
||||
<tr><th>80</th><td>Ramses Shaffy</td><td>'t Is stil in Amsterdam</td></tr>
|
||||
<tr><th>79</th><td>Loeki Knol</td><td>Algebra</td></tr>
|
||||
<tr><th>78</th><td>Kommil Foo</td><td>Ik red me wel</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 3 | 16:00 - 17:00 uur</th></tr>
|
||||
<tr> <th>#</th> <th>Artiest</th> <th>Titel</th> </tr>
|
||||
|
||||
<tr><th>77</th><td>Bram Vermeulen</td><td>Rode wijn</td></tr>
|
||||
<tr><th>76</th><td>Yentl en de Boer</td><td>Ik heb een man gekend</td></tr>
|
||||
<tr><th>75</th><td>Raymond van het Groenewoud</td><td>Twee meisjes</td></tr>
|
||||
<tr><th>74</th><td>Youp van 't Hek & Matangi</td><td>Niemand weet hoe laat het is</td></tr>
|
||||
<tr><th>73</th><td>Herman van Veen</td><td>Anne</td></tr>
|
||||
<tr><th>72</th><td>Claudia de Breij</td><td>Ik mis je zo graag</td></tr>
|
||||
<tr><th>71</th><td>Armand</td><td>Ben ik te min</td></tr>
|
||||
<tr><th>70</th><td>Daniel Lohues</td><td>Mooie dag</td></tr>
|
||||
<tr><th>69</th><td>Grof Geschut</td><td>Verliefd</td></tr>
|
||||
<tr><th>68</th><td>Doe Maar</td><td>Belle Hélène</td></tr>
|
||||
<tr><th>67</th><td>Gerard Cox</td><td>Het is weer voorbij die mooie zomer</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 4 | 17:00 - 18:00 uur</th></tr>
|
||||
<tr> <th>#</th> <th>Artiest</th> <th>Titel</th> </tr>
|
||||
|
||||
<tr><th>66</th><td>Marco Borsato</td><td>Dochters</td></tr>
|
||||
<tr><th>65</th><td>Maarten van Roozendaal</td><td>Mooi</td></tr>
|
||||
<tr><th>64</th><td>Bazart</td><td>Goud</td></tr>
|
||||
<tr><th>63</th><td>Anneke Grönloh</td><td>Brandend Zand</td></tr>
|
||||
<tr><th>62</th><td>Marco Borsato</td><td>De Waarheid</td></tr>
|
||||
<tr><th>61</th><td>Andre Hazes</td><td>Zij gelooft in mij</td></tr>
|
||||
<tr><th>60</th><td>Yevgueni</td><td>Als ze lacht</td></tr>
|
||||
<tr><th>59</th><td>Gerard van Maasakkers</td><td>D'n Boom</td></tr>
|
||||
<tr><th>58</th><td>Boudewijn de Groot</td><td>Jimmy</td></tr>
|
||||
<tr><th>57</th><td>Alex Roeka</td><td>Dit kleine hart van mij</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 5 | 18:00 - 19:00 uur</th></tr>
|
||||
<tr> <th>#</th> <th>Artiest</th> <th>Titel</th> </tr>
|
||||
|
||||
<tr><th>56</th><td>Kiki Schippers</td><td>Guus</td></tr>
|
||||
<tr><th>55</th><td>Andre Hazes Jr.</td><td>Leef</td></tr>
|
||||
<tr><th>54</th><td>Drs. P</td><td>Dodenrit</td></tr>
|
||||
<tr><th>53</th><td>Bram Vermeulen</td><td>Een Doodgewone Jongen</td></tr>
|
||||
<tr><th>52</th><td>Twarres</td><td>Wer bisto</td></tr>
|
||||
<tr><th>51</th><td>Zjef Vanuytsel</td><td>De zotte morgen</td></tr>
|
||||
<tr><th>50</th><td>Adele Bloemendaal</td><td>De jaren zestig</td></tr>
|
||||
<tr><th>49</th><td>Hannelore Bedert</td><td>Altijd nooit meer</td></tr>
|
||||
<tr><th>48</th><td>Angela Groothuizen</td><td>Vinkeveen</td></tr>
|
||||
<tr><th>47</th><td>Boudewijn de Groot</td><td>Avond</td></tr>
|
||||
<tr><th>46</th><td>Guus Meeuwis</td><td>Het is een nacht</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 6 | 19:00 - 20:00 uur</th></tr>
|
||||
<tr> <th>#</th> <th>Artiest</th> <th>Titel</th> </tr>
|
||||
|
||||
<tr><th>45</th><td>De Dijk</td><td>Als ze er niet is</td></tr>
|
||||
<tr><th>44</th><td>Jules de Corte</td><td>Ik zou wel eens willen weten</td></tr>
|
||||
<tr><th>43</th><td>Paul van Vliet</td><td>Het Noorden</td></tr>
|
||||
<tr><th>42</th><td>Herman van Veen</td><td>Liefde van later</td></tr>
|
||||
<tr><th>41</th><td>Blof en Geike Arnaert</td><td>Zoutelande</td></tr>
|
||||
<tr><th>40</th><td>Frans Halsema & Jenny Arean</td><td>Vluchten kan niet meer</td></tr>
|
||||
<tr><th>39</th><td>Ben Cramer</td><td>De clown</td></tr>
|
||||
<tr><th>38</th><td>Jan de Wilde</td><td>Fanfare van honger en dorst</td></tr>
|
||||
<tr><th>37</th><td>I.O.S.</td><td>Voltooid verleden tijd</td></tr>
|
||||
<tr><th>36</th><td>The Scene</td><td>Iedereen is van de wereld</td></tr>
|
||||
<tr><th>35</th><td>Herman van Veen</td><td>Suzanne</td></tr>
|
||||
<tr><th>34</th><td>Clouseau</td><td>Laat me nu toch niet alleen</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 7 | 20:00 - 21:00 uur</th></tr>
|
||||
<tr> <th>#</th> <th>Artiest</th> <th>Titel</th> </tr>
|
||||
|
||||
<tr><th>33</th><td>Frank Boeijen</td><td>Kronenburg Park</td></tr>
|
||||
<tr><th>32</th><td>Boudewijn de Groot / Elly Nieman</td><td>Prikkebeen</td></tr>
|
||||
<tr><th>31</th><td>Angela Groothuizen</td><td>Niets blijft</td></tr>
|
||||
<tr><th>30</th><td>Boudewijn de Groot</td><td>Testament</td></tr>
|
||||
<tr><th>29</th><td>Acda en de Munnik</td><td>Ren Lenny Ren</td></tr>
|
||||
<tr><th>28</th><td>Rob de Nijs</td><td>Malle Babbe</td></tr>
|
||||
<tr><th>27</th><td>Ramses Shaffy</td><td>Wij zullen doorgaan</td></tr>
|
||||
<tr><th>26</th><td>Guus Meeuwis</td><td>Brabant</td></tr>
|
||||
<tr><th>25</th><td>Maarten van Roozendaal</td><td>Christoffel</td></tr>
|
||||
<tr><th>24</th><td>Spinvis</td><td>Bagagedrager</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 8 | 21:00 - 22:00 uur</th></tr>
|
||||
<tr> <th>#</th> <th>Artiest</th> <th>Titel</th> </tr>
|
||||
|
||||
|
||||
<tr><th>22</th><td>Harrie Jekkers</td><td>Ik hou van mij</td></tr>
|
||||
<tr><th>21</th><td>Boudewijn de Groot</td><td>Verdronken vlinder</td></tr>
|
||||
<tr><th>20</th><td>Circus Custers</td><td>Monica</td></tr>
|
||||
<tr><th>19</th><td>Frans Halsema</td><td>Voor haar</td></tr>
|
||||
<tr><th>18</th><td>Herman van Veen</td><td>Toveren</td></tr>
|
||||
<tr><th>17</th><td>Stef Bos</td><td>Papa</td></tr>
|
||||
<tr><th>16</th><td>Doe Maar</td><td>De bom</td></tr>
|
||||
<tr><th>15</th><td>Kris de Bruyne</td><td>Amsterdam</td></tr>
|
||||
<tr><th>14</th><td>Herman van Veen</td><td>Hilversum 3</td></tr>
|
||||
<tr><th>13</th><td>Ramses Shaffy</td><td>Zing, vecht, huil, bid, lach, werk en bewonder</td></tr>
|
||||
<tr><th>12</th><td>Henk Westbroek</td><td>Zelfs je naam is mooi</td></tr>
|
||||
<tr><th>11</th><td>Ramses Shaffy & Liesbeth List</td><td>Pastorale</td></tr>
|
||||
|
||||
<tr class="uur-header"><th colspan="3">UUR 9 | 22:00 - 23:00 uur</th></tr>
|
||||
<tr> <th>#</th> <th>Artiest</th> <th>Titel</th> </tr>
|
||||
<?php $top10data = [
|
||||
["Kommil Foo", "Ruimtevaarder"],
|
||||
["Acda en de Munnik", "Het regent zonnestralen"],
|
||||
["Abel", "Onderweg"],
|
||||
["Claudia de Breij", "Mag ik dan bij jou"],
|
||||
["Clouseau", "Daar gaat ze"],
|
||||
["Racoon", "Oceaan"],
|
||||
["Maarten van Roozendaal", "Red Mij Niet"],
|
||||
["Wim Sonneveld", "Het Dorp"],
|
||||
["Klein Orkest", "Over de muur"],
|
||||
["Ramses Shaffy", "Laat me"]];
|
||||
for($i = 0; $i < 10; ++$i) {
|
||||
$show = $i < 10 - $top10;
|
||||
echo '<tr><th>' . (10 - $i) . '</th><td>' . ($show ? $top10data[$i][0] : '?') . '</td><td>' . ($show ? $top10data[$i][1] : '?') . '</td></tr>';
|
||||
}
|
||||
?>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<script type="text/javascript">
|
||||
function getTimeRemaining(endtime) {
|
||||
var t = Date.parse(endtime) - Date.parse(new Date());
|
||||
var seconds = Math.floor((t / 1000) % 60);
|
||||
var minutes = Math.floor((t / 1000 / 60) % 60);
|
||||
var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
|
||||
var days = Math.floor(t / (1000 * 60 * 60 * 24));
|
||||
return {
|
||||
'total': t,
|
||||
'days': days,
|
||||
'hours': hours,
|
||||
'minutes': minutes,
|
||||
'seconds': seconds,
|
||||
'alreadyhappened': t <= 0
|
||||
};
|
||||
}
|
||||
|
||||
function initializeClock(id, endtime) {
|
||||
var clock = document.getElementById(id);
|
||||
var daysSpan = clock.querySelector('.days');
|
||||
var hoursSpan = clock.querySelector('.hours');
|
||||
var minutesSpan = clock.querySelector('.minutes');
|
||||
var secondsSpan = clock.querySelector('.seconds');
|
||||
|
||||
function updateClock() {
|
||||
|
||||
var t = getTimeRemaining(endtime);
|
||||
daysSpan.innerHTML = ('0' + t.days).slice(-2);
|
||||
hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
|
||||
minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
|
||||
secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
|
||||
|
||||
if (t.alreadyhappened) {
|
||||
clearInterval(timeinterval);
|
||||
clock.innerHTML = "<div class='panel-body'>De lijst is compleet. Heb je stiekem op ons gedanst? We hopen dat je het leuk vond!</div>";
|
||||
clock.innerHTML = "<div class='panel-body'>Stem <a href='/luisterlijst/stem'>hier</a> voor de lijst van 2021!</div>";
|
||||
}
|
||||
}
|
||||
|
||||
updateClock();
|
||||
var timeinterval = setInterval(updateClock, 1000);
|
||||
}
|
||||
|
||||
var deadline = new Date("November 30, 2020 22:30 UTC+1");
|
||||
initializeClock('clockdiv', deadline);
|
||||
|
||||
@if(isset($submitted) && $submitted)
|
||||
$("input,textarea").attr('disabled', 'disabled');
|
||||
@else
|
||||
//setInterval(function() {
|
||||
// var $keuzes = $(".row.keuze");
|
||||
// kiesRandom( $keuzes[Math.floor(Math.random() * $keuzes.length)] );
|
||||
//}, 800);
|
||||
//$(function() { $(".row.keuze").each(function() { kiesRandom(this); }); });
|
||||
@endif
|
||||
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,111 @@
|
||||
@extends('page')
|
||||
|
||||
@section('title')
|
||||
Vroeger of Later Luisterlijst
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<style>
|
||||
#clockdiv {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#clockdiv span {
|
||||
padding: 5px;
|
||||
border-radius: 3px;
|
||||
background: rgb(200,210,255);
|
||||
display: inline-block;
|
||||
width: 2em;
|
||||
height: 2em;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.smalltext{
|
||||
padding-top: 5px;
|
||||
font-size: 16px;
|
||||
color: black;
|
||||
}
|
||||
</style>
|
||||
|
||||
<h2>Vroeger of Later Luisterlijst</h2>
|
||||
|
||||
<div class="panel panel-primary text-primary">
|
||||
<div class="panel-body">
|
||||
Helaas, stemmen kan niet meer. 'k Zou niet weten hoe... <br/>
|
||||
Kijk hier vanaf maandag 23 december om 12:00 uur voor de volledige lijst.
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>Op maandag 23 december van 12:00 tot 23:00 uur zendt NH Gooi Radio de Vroeger of Later Luisterlijst uit. Honderd van de beste Nederlandstalige liedjes, door jou — de luisteraar — in willekeurige volgorde gerangschikt.</p>
|
||||
|
||||
<p>Vanaf dat tijdstip kan je op deze pagina ook live meekijken en -luisteren met de uitzending, en vind je hier de volledige lijst.</p>
|
||||
|
||||
<p style="font-weight: bold; color: blue;" id="clockdiv">
|
||||
Nog
|
||||
<span class="days"></span> dagen,
|
||||
<span class="hours"></span> uur,
|
||||
<span class="minutes"></span> minuten en
|
||||
<span class="seconds"></span> seconden
|
||||
tot de luisterlijst begint!
|
||||
</p>
|
||||
|
||||
<script type="text/javascript">
|
||||
function getTimeRemaining(endtime) {
|
||||
var t = Date.parse(endtime) - Date.parse(new Date());
|
||||
var seconds = Math.floor((t / 1000) % 60);
|
||||
var minutes = Math.floor((t / 1000 / 60) % 60);
|
||||
var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
|
||||
var days = Math.floor(t / (1000 * 60 * 60 * 24));
|
||||
return {
|
||||
'total': t,
|
||||
'days': days,
|
||||
'hours': hours,
|
||||
'minutes': minutes,
|
||||
'seconds': seconds,
|
||||
'alreadyhappened': t <= 0
|
||||
};
|
||||
}
|
||||
|
||||
function initializeClock(id, endtime) {
|
||||
var clock = document.getElementById(id);
|
||||
var daysSpan = clock.querySelector('.days');
|
||||
var hoursSpan = clock.querySelector('.hours');
|
||||
var minutesSpan = clock.querySelector('.minutes');
|
||||
var secondsSpan = clock.querySelector('.seconds');
|
||||
|
||||
function updateClock() {
|
||||
|
||||
var t = getTimeRemaining(endtime);
|
||||
daysSpan.innerHTML = t.days;
|
||||
hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
|
||||
minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
|
||||
secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
|
||||
|
||||
if (t.alreadyhappened) {
|
||||
clearInterval(timeinterval);
|
||||
clock.innerHTML = "";
|
||||
}
|
||||
}
|
||||
|
||||
updateClock();
|
||||
var timeinterval = setInterval(updateClock, 1000);
|
||||
}
|
||||
|
||||
var deadline = new Date("December 23, 2019 12:00 UTC+1");
|
||||
initializeClock('clockdiv', deadline);
|
||||
|
||||
@if(isset($submitted) && $submitted)
|
||||
$("input,textarea").attr('disabled', 'disabled');
|
||||
@else
|
||||
setInterval(function() {
|
||||
var $keuzes = $(".row.keuze");
|
||||
kiesRandom( $keuzes[Math.floor(Math.random() * $keuzes.length)] );
|
||||
}, 800);
|
||||
$(function() { $(".row.keuze").each(function() { kiesRandom(this); }); });
|
||||
@endif
|
||||
|
||||
</script>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,152 @@
|
||||
@extends('layouts.master')
|
||||
|
||||
@section('title')
|
||||
NH Gooi - Nieuws
|
||||
@endsection
|
||||
|
||||
@section('page_container_class')
|
||||
news
|
||||
@endsection
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
|
||||
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
|
||||
<style>
|
||||
.input-group-text svg {
|
||||
width: 24px;
|
||||
height:24px;
|
||||
fill: #0f259d
|
||||
}
|
||||
.datepicker {
|
||||
border: 1px solid lightgray;
|
||||
border-radius: 4px;
|
||||
padding: 5px;
|
||||
}
|
||||
.daterangepicker .drp-buttons .btn {
|
||||
border: none;
|
||||
padding: 10px 39px 10px 39px;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
cursor: pointer;
|
||||
width: 48%;
|
||||
float: left;
|
||||
}
|
||||
.daterangepicker .drp-selected {
|
||||
display: none;
|
||||
}
|
||||
.daterangepicker.show-calendar .drp-buttons:before {
|
||||
display: block;
|
||||
content: 'Selecteer een begindatum en een einddatum.';
|
||||
height: 23px;
|
||||
width: 90%;
|
||||
text-align: center;
|
||||
padding-left: 10px;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
$(function() {
|
||||
$('input[name="daterange"]').daterangepicker({
|
||||
opens: 'left',
|
||||
autoUpdateInput: false,
|
||||
locale: {
|
||||
cancelLabel: 'Annuleer',
|
||||
applyLabel: 'Filteren',
|
||||
"daysOfWeek": [
|
||||
"Zo",
|
||||
"Ma",
|
||||
"Di",
|
||||
"Wo",
|
||||
"Do",
|
||||
"Vr",
|
||||
"Za"
|
||||
],
|
||||
"monthNames": [
|
||||
"Januari",
|
||||
"Februari",
|
||||
"Maart",
|
||||
"April",
|
||||
"Mei",
|
||||
"Juni",
|
||||
"Juli",
|
||||
"Augustus",
|
||||
"September",
|
||||
"Oktober",
|
||||
"November",
|
||||
"December"
|
||||
],
|
||||
"firstDay": 1
|
||||
}
|
||||
}, function(start, end, label) {
|
||||
$('input[name="daterange"]').val(start.format('DD-MM-YYYY') + ' - ' + end.format('DD-MM-YYYY'));
|
||||
var $moreNews = $('.content_container #meer-nieuws');
|
||||
var options = $('#meer-nieuws').data('loadmorenews');
|
||||
options.dateStart = start.format('YYYY-MM-DD');
|
||||
options.dateEnd = end.format('YYYY-MM-DD');
|
||||
options.nextPage = 1;
|
||||
$('.content_container #items-more-news li').remove();
|
||||
$('.content_container #items-more-news').append('<li class="loader"><span class="fas fa-spinner fa-spin"></span> Laden...</li>');
|
||||
$moreNews.loadMoreNews(options);
|
||||
$moreNews.click();
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
@section('content')
|
||||
<div class="clearfix">
|
||||
{{-- body --}}
|
||||
<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="{{ env('REVIVE_ID') }}"></ins>
|
||||
</div>
|
||||
@endif
|
||||
<div class="col-12 col-md content_container">
|
||||
<div class="row">
|
||||
<div class="col-md-12 col-12">
|
||||
<div class="d-flex">
|
||||
<h4 class="box_header flex-grow-1"><span>Meer nieuws</span></h4>
|
||||
<h4 class="box_header ms-auto">
|
||||
<div class="d-flex">
|
||||
<div class="input-group-text me-sm-2" id="basic-addon1">{!!file_get_contents(__DIR__ . '/../../../public/images/icons/calendar.svg')!!}</div>
|
||||
<input class="datepicker" type="text" name="daterange" placeholder="Selecteer datum" value=""/>
|
||||
</div>
|
||||
</h4>
|
||||
</div>
|
||||
<div class="box" style="width: CALC(100% - 55px);">
|
||||
@include('partial/newslist_small', ['id' => 'items-more-news', 'news' => $news])
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<a class="btn auto_width" id="meer-nieuws" href="#"
|
||||
data-loadmorenews='{"container":["#items-more-news"], "nextPage":3}'>
|
||||
<span class="fas fa-spinner fa-spin" id="loading"></span>
|
||||
Klik hier voor meer nieuws
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12 col-md-auto sidebar">
|
||||
@include('widgets/nhgooiradiotv', ['headerClass' => 'small'])
|
||||
|
||||
@include('widgets.banner_sidebar')
|
||||
|
||||
@include('widgets/contact', [])
|
||||
|
||||
<div class="podcast_items">
|
||||
<h4 class="box_header small"><span>Fragment gemist</span></h4>
|
||||
<div class="box">
|
||||
@include('partial/podcastitems', ['showTime' => false, 'showImage' => false, 'podcasts' => $podcasts, 'isPodcast' => false])
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@@ -0,0 +1,126 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
{!!$news->title!!}
|
||||
@endsection
|
||||
|
||||
@section('page_class')news_post post_container @endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
<ul class="bread_crumb">
|
||||
<li><a title="Home" href="/">Home</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li><a title="Nieuws" href="{{route('nieuws')}}">Nieuws</a></li>
|
||||
{{-- <li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li><a title="{{$news->region->title}}" href="{{route('nieuws.regio', $news->region->slug)}}">{{$news->region->title}}</a></li>
|
||||
--}} <li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li>{!!$news->title!!}</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('tags')
|
||||
<ul class="post_tags">
|
||||
@foreach($news->tags as $tag)
|
||||
<li><a href="{{route('nieuws.tag', $tag->slug)}}" title="{{$tag->titel}}">{{$tag->titel}}</a></li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
|
||||
<div class="post_body">
|
||||
<ul class="post_details clearfix">
|
||||
<li class="detail date">
|
||||
<i class="fa-regular fa-clock"></i>
|
||||
{{Formatter::relativeDate($news->published)}} om {{$news->published->format('H:i')}}
|
||||
@if($news->edited && ($news->edited->format('d m H i') != $news->published->format('d m H i')))
|
||||
| bijgewerkt:
|
||||
@if($news->edited->format('d m') != $news->published->format('d m'))
|
||||
{{strtolower(Formatter::relativeDate($news->edited))}}
|
||||
@endif
|
||||
om {{$news->edited->format('H:i')}} uur
|
||||
@endif
|
||||
</li>
|
||||
@if($news->author)
|
||||
<li class="detail author"><i class="fa-solid fa-pen"></i> {{$news->author}}</li>
|
||||
@endif
|
||||
</ul>
|
||||
|
||||
|
||||
<div class="post_content clearfix">
|
||||
<div class="content_box">
|
||||
@if($news->images)
|
||||
@if(count($news->images) == 1)
|
||||
<div class="post_image_box">
|
||||
<a href="{{$imgBase . $news->images[0]->url}}" class="post_image prettyPhoto" rel="prettyPhoto" title="{{$news->images[0]->title}}">
|
||||
<img src='{{$imgBase . $news->images[0]->url}}' alt='{{$news->images[0]->title}}'>
|
||||
</a>
|
||||
<div class="sentence">
|
||||
<span class="text">{{$news->images[0]->title}}</span>
|
||||
@if(isset($news->images[0]->author))
|
||||
<span class="author">{{$news->images[0]->author}}</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
<div class="horizontal_carousel_container thin page_margin_top gallery_control">
|
||||
<ul class="horizontal_carousel control-for-post-gallery visible-5 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
|
||||
@foreach($news->images as $image)
|
||||
<li>
|
||||
<a href="#"><img src='{{$imgBase . $image->url}}'></a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
<div id="control-by-post-gallery" class="horizontal_carousel_container big margin_top_10">
|
||||
<ul id="post-gallery" class="horizontal_carousel visible-1 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
|
||||
@foreach($news->images as $image)
|
||||
<li>
|
||||
<a href="{{$imgBase . $image->url}}" data-rel="gallery" title="{{$image->title}}">
|
||||
<span class="icon fullscreen animated"></span>
|
||||
<img src='{{$imgBase . $image->url}}' alt='{{$image->title}}'>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@endforeach
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
@if($type == "nhnieuws")
|
||||
@include('partial/nh_story', ['content' => $news->content])
|
||||
@elseif($type == "artikel")
|
||||
@include('partial/block_story', ['content' => $news->content])
|
||||
@else
|
||||
<div class="text">
|
||||
<p>{!!$news->content!!}</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if($news->podcast)
|
||||
@include('widgets/podcastplayer', ['podcast' => $news->podcast])
|
||||
@endif
|
||||
|
||||
@if($news->source && $news->source->show)
|
||||
<div class="post-source">
|
||||
<p>Bron: {{$news->source->title}}</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
{{--
|
||||
@include('widgets/share')
|
||||
--}}
|
||||
|
||||
<div class="share_buttons row">
|
||||
<div class="col-12 col-md-auto">
|
||||
<a data-share="native" href="javascript:void(0)" class="btn">
|
||||
<i class="fa-solid fa-share"></i>
|
||||
Delen
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
@@ -0,0 +1,142 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
@if($title)
|
||||
{{$title}} - Nieuws
|
||||
@endif
|
||||
@endsection
|
||||
|
||||
@section('page_class')
|
||||
news_post post_container
|
||||
@endsection
|
||||
@section('page_container_class')
|
||||
grey_background
|
||||
@endsection
|
||||
@section('site_container_class')
|
||||
grey_background
|
||||
@endsection
|
||||
|
||||
@section('breadcrumb')
|
||||
@if($title)
|
||||
<ul class="bread_crumb" style="margin-top: -10px; margin-bottom: 4px; ">
|
||||
<li><a title="Home" href="/">Home</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li><a title="Nieuws" href="{{route('nieuws')}}">Nieuws</a></li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li>{{$title}}</li>
|
||||
</ul>
|
||||
@endif
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<div class="post_body">
|
||||
{{-- Nieuws komt met 15 berichten per pagina. Deel op in 3 x 2-breed + 3 x 3-breed --}}
|
||||
@foreach(array_slice($news, 0, 6) as $item)
|
||||
@if($loop->index % 2 == 0)
|
||||
<div class="row">
|
||||
@endif
|
||||
<div class="column column_1_2">
|
||||
<ul class="blog">
|
||||
<li class="post auto_height">
|
||||
<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>
|
||||
<h2 class="post_title"><a href="{{url($item->url)}}"
|
||||
title="{{strip_tags($item->title)}}">{!!$item->title!!}</a>
|
||||
</h2>
|
||||
<ul class="post_details clearfix">
|
||||
@foreach($item->tags as $tag)
|
||||
<li class="detail category"><i class="fa-solid fa-location-dot"></i> <a
|
||||
href="{{route('nieuws.tag', $tag->slug)}}"
|
||||
title="{{$tag->titel}}">{{$tag->titel}}</a></li>
|
||||
@endforeach
|
||||
@if($item->edited && ($item->edited != $item->published))
|
||||
<li class="date edited">
|
||||
<i class="fa-regular fa-clock"></i>
|
||||
Bijgewerkt:
|
||||
@if($item->edited->format('d m') != $item->published->format('d m'))
|
||||
{{Formatter::relativeDate($item->edited)}} om
|
||||
@endif
|
||||
{{$item->edited->format('H:i')}} uur
|
||||
</li>
|
||||
@else
|
||||
<li class="date">
|
||||
<i class="fa-regular fa-clock"></i>
|
||||
{{Formatter::relativeDate($item->published)}}
|
||||
om {{$item->published->format('H:i')}} uur
|
||||
</li>
|
||||
@endif
|
||||
</ul>
|
||||
<p>{!!Formatter::excerpt($item->content, 150)!!}</p>
|
||||
<a class="read_more" href="{{url($item->url)}}" title="Lees verder"><span
|
||||
class="arrow"></span><span>Lees verder...</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@if($loop->index % 2 == 1)
|
||||
</div>
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
<div id="items">
|
||||
@include('partial/newslist_small', ['id' => 'items-more-news', 'news' => array_slice($news, 6, count($news))])
|
||||
</div>
|
||||
|
||||
@if(count($news) >= 15)
|
||||
<div>
|
||||
<a class="btn auto_width" id="meer-nieuws" href="#"
|
||||
data-loadmorenews='{"container":["#items-more-news"]}'>
|
||||
<span class="fas fa-spinner fa-spin" id="loading"></span>
|
||||
LAAD MEER NIEUWSBERICHTEN
|
||||
</a>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@push('scripts')
|
||||
<script>
|
||||
var nextPage = 2;
|
||||
var isLoading = 0;
|
||||
var $isLoading = $('#loading').hide();
|
||||
|
||||
$('#meer-nieuws').click(function (e) {
|
||||
e.preventDefault();
|
||||
if (!isLoading) {
|
||||
// Set flag and update UI
|
||||
isLoading = 1;
|
||||
$isLoading.show();
|
||||
var $button = $(this).attr("disabled", "disabled");
|
||||
|
||||
// Fire request for the next page
|
||||
$.ajax({url: document.location.pathname + '?pagina=' + nextPage})
|
||||
.always(function () {
|
||||
// Whether success or failure, update the UI again
|
||||
isLoading = 0;
|
||||
$isLoading.hide();
|
||||
$button.removeAttr("disabled");
|
||||
})
|
||||
.done(function (data) {
|
||||
if (!data) {
|
||||
// When no data was returned, disable the button permanently
|
||||
page = -1;
|
||||
$('#items').append("<hr /><p>Er zijn geen nieuwsberichten (meer).</p>");
|
||||
$button.remove();
|
||||
return;
|
||||
}
|
||||
|
||||
$('#items').append(data);
|
||||
++nextPage;
|
||||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
|
||||
@@ -0,0 +1,8 @@
|
||||
@extends('layouts/master')
|
||||
|
||||
@section('content')
|
||||
<div class="clearfix" style="height: 15px;"></div>
|
||||
<div class="page_header clearfix page_margin_top">
|
||||
<h1 class="page_title">@yield('title')</h1>
|
||||
</div>
|
||||
@endsection
|
||||
@@ -0,0 +1,166 @@
|
||||
@foreach($content as $block)
|
||||
@if($block->type == "headerRichA")
|
||||
@php($block->data->image->url = isset($block->data->image->crops)
|
||||
? $block->data->image->crops->{'16:9'}->{'1600'}
|
||||
: $block->data->image->crop)
|
||||
<a href="{{$block->data->image->url}}" class="post_image page_margin_top prettyPhoto" rel="prettyPhoto"
|
||||
title="{{$block->data->image->title}}">
|
||||
<img src="{{$block->data->image->url}}" alt="{{$block->data->image->title}}">
|
||||
</a>
|
||||
<div class="sentence margin_top_10">
|
||||
<span class="text">{{$block->data->image->title}}</span>
|
||||
@if($block->data->image->author)
|
||||
<span class="author">{{$block->data->image->author}}</span>
|
||||
@endif
|
||||
</div>
|
||||
@elseif($block->type == "header")
|
||||
<? $level = (int)$block->data->level; if($level < 2) $level = 2; if($level > 6) $level = 6; ?>
|
||||
<h{{ $level }}>{!!$block->data->text!!}</h{{ $level }}>
|
||||
@elseif($block->type == "paragraph")
|
||||
<div class="text">{!!$block->data->text!!}</div>
|
||||
@elseif($block->type == "intro")
|
||||
<h3 class="excerpt">{!!strip_tags($block->data->text)!!}</h3>
|
||||
@elseif($block->type == "info")
|
||||
@if(strpos($block->data->text, "Meer nieuws uit 't Gooi?") === false)
|
||||
<div class="info" style="background-color: {{$block->data->color}};">{!!($block->data->text)!!}</div>
|
||||
@endif
|
||||
@elseif($block->type == "quote")
|
||||
<blockquote>
|
||||
{!!$block->data->text!!}
|
||||
<div class="author">{{$block->data->caption}}</div>
|
||||
</blockquote>
|
||||
@elseif($block->type == "image")
|
||||
<?php
|
||||
if(isset($block->data->image->imageWide))
|
||||
$image = $block->data->image->imageWide;
|
||||
else if(isset($block->data->image->crop))
|
||||
$image = $block->data->image->crop;
|
||||
else if(isset($block->data->image->crops) && isset($block->data->image->crops->{'16:9'}))
|
||||
foreach($block->data->image->crops->{'16:9'} as $image) break;
|
||||
else if(isset($block->data->image->imageHigh))
|
||||
$image = $block->data->image->imageHigh;
|
||||
else $image = null;
|
||||
?>
|
||||
@if($image)
|
||||
<a class="post_image page_margin_top prettyPhoto" rel="prettyPhoto" href="{{$image}}"
|
||||
title="{{$block->data->image->title}} © {{$block->data->image->author}}">
|
||||
<img src="{{$image}}" class="attachment-small-slider-thumb size-small-slider-thumb wp-post-image"
|
||||
alt="{{$block->data->image->title}}" title="" style="display: block;">
|
||||
</a>
|
||||
<div class="sentence">
|
||||
<?php
|
||||
$sentence = [];
|
||||
if (isset($block->data->image->caption) && $block->data->image->caption) {
|
||||
$sentence[] = '<span class="text">' . $block->data->image->caption . '</span>';
|
||||
} elseif (isset($block->data->image->title) && $block->data->image->title) {
|
||||
$sentence[] = '<span class="text">' . $block->data->image->title . '</span>';
|
||||
}
|
||||
if (isset($block->data->image->author) && $block->data->image->author) {
|
||||
$sentence[] = '<span class="author">' . $block->data->image->author . '</span>';
|
||||
}
|
||||
$sentence = join('<span class="separator">|</span>', $sentence);
|
||||
?>
|
||||
{!!$sentence!!}
|
||||
</div>
|
||||
@endif
|
||||
@elseif($block->type == "video" || $block->type == "headerVideo")
|
||||
@include('widgets/mediaplayer')
|
||||
<?php
|
||||
$attr = '';
|
||||
if (isset($block->data->video->images[0]->imageMedia) && $block->data->video->images[0]->imageMedia) {
|
||||
$attr = ' poster="' . $block->data->video->images[0]->imageMedia . '"';
|
||||
}
|
||||
?>
|
||||
<video controls{!!$attr!!}>
|
||||
@foreach($block->data->video->streams as $stream)
|
||||
<source src="{!!$stream->stream_url!!}" type="application/x-mpegurl" />
|
||||
@endforeach
|
||||
</video>
|
||||
<div class="sentence">
|
||||
<span class="author">{{$block->data->video->author}}</span>
|
||||
</div>
|
||||
@elseif($block->type == "carousel")
|
||||
<div class="horizontal_carousel_container gallery">
|
||||
<ul class="horizontal_carousel visible-5 autoplay-1 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
|
||||
@foreach($block->data->items as $image)
|
||||
<?php
|
||||
if(isset($image->image->imageWide))
|
||||
$img = $image->image->imageWide;
|
||||
else if(isset($block->data->image->crop))
|
||||
$image = $block->data->image->crop;
|
||||
else if(isset($image->image->crops) && isset($image->image->crops->{'16:9'}))
|
||||
foreach($image->image->crops->{'16:9'} as $img) break;
|
||||
else if(isset($image->image->imageHigh))
|
||||
$img = $image->image->imageHigh;
|
||||
else $img = null;
|
||||
?>
|
||||
@if($img)
|
||||
<li>
|
||||
<a href="{{$img}}" class="post_image prettyPhoto" rel="prettyPhoto[gallery]"
|
||||
title="{{$image->image->title}} © {{$image->image->author}}">
|
||||
<img src="{{$img}}" alt="{{$image->image->title}}" title="{{$image->image->title}}">
|
||||
</a>
|
||||
</li>
|
||||
@endif
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@elseif($block->type == "oembed")
|
||||
<div class="oembed" data-url="{{$block->data->url}}">{!!$block->data->html!!}</div>
|
||||
@elseif($block->type == "podcast" && $block->data->id == $news->podcast?->id)
|
||||
@include('widgets/podcastplayer', ['podcast' => $news->podcast])
|
||||
<? $news->podcast = null; // Avoid adding the player again ?>
|
||||
@elseif($block->type == 'article' && count($block->data->articles) && $block->data->articles[0]->published)
|
||||
<div class="block">
|
||||
<h4 class="box_header"><span>{{ $block->data->title }}</span></h4>
|
||||
<div class="box full-width">
|
||||
<ul id="items-more-news" class="blog">
|
||||
@foreach($block->data->articles as $article)
|
||||
<? if(!isset($article->published)) continue;
|
||||
$article->published = new \DateTime($article->published); ?>
|
||||
<li class="post">
|
||||
<div class="row">
|
||||
@if($article->image)
|
||||
<div class="col-4">
|
||||
<a href="{{ route('nieuws.detail', ['id' => $article->id, 'title' => $article->slug]) }}"
|
||||
title="{{ $article->title }}">
|
||||
<img src="{{ $article->image[0] == '/' ? '' : '/' }}{{ $article->image }}" alt="{{ $article->image_title }}">
|
||||
</a>
|
||||
</div>
|
||||
@endif
|
||||
<div class="col-8">
|
||||
<h2 class="post_title"><a class="clipText clipText-3"
|
||||
href="{{ route('nieuws.detail', ['id' => $article->id, 'title' => $article->slug]) }}"
|
||||
title="{!! $article->title !!}">{!! $article->title !!}</a></h2>
|
||||
<span class="post_date" title="Vandaag om 09:30">
|
||||
<i class="fa-regular fa-clock"></i>
|
||||
{{Formatter::relativeDate($article->published)}} om {{$article->published->format('H:i')}}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@elseif($block->type == 'embed')
|
||||
<iframe src="{{ $block->data->embed }}" class="article-iframe" id="{{ $id = uniqid('iframe_') }}" scrolling="no" frameborder="0" style="width: 0; min-width: 100% !important; border: none;" data-external="1"></iframe><script type="text/javascript">!function(){"use strict";window.addEventListener("message",function(a){if(void 0!==a.data["datawrapper-height"]){var e=document.querySelectorAll("iframe");for(var t in a.data["datawrapper-height"])for(var r,i=0;r=e[i];i++)if(r.contentWindow===a.source){var d=a.data["datawrapper-height"][t]+"px";r.style.height=d}}})}();</script>
|
||||
@elseif($block->type == 'iframe')
|
||||
<iframe src="{{ $block->data->url }}" class="article-iframe" id="{{ $id = uniqid('iframe_') }}"></iframe>
|
||||
<style>
|
||||
@if(isset($block->data->ratio))
|
||||
#{{ $id }}.article-iframe {
|
||||
aspect-ratio: {{ str_replace(":", "/", $block->data->ratio) }};
|
||||
}
|
||||
@endif
|
||||
|
||||
@if(isset($block->data->ratioMobile))
|
||||
@media (max-width: 768px) {
|
||||
#{{ $id }}.article-iframe {
|
||||
aspect-ratio: {{ str_replace(":", "/", $block->data->ratioMobile) }};
|
||||
}
|
||||
}
|
||||
@endif
|
||||
</style>
|
||||
@endif
|
||||
@endforeach
|
||||
@@ -0,0 +1,89 @@
|
||||
@foreach($items as $item)
|
||||
<div class="row">
|
||||
<div class="post single small_image">
|
||||
<ul class="post_details clearfix">
|
||||
<li class="detail date">
|
||||
<i class="fa-regular fa-clock"></i>
|
||||
{{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")))
|
||||
| <em>bijgewerkt</em>:
|
||||
@if($item->edited->format("d m") != $item->published->format("d m"))
|
||||
{{strtolower(Formatter::relativeDate($item->edited))}}
|
||||
@endif
|
||||
om {{$item->edited->format("H:i")}} uur
|
||||
@endif
|
||||
</li>
|
||||
@if($item->author)
|
||||
<li class="detail author">{{$item->author}}</li>
|
||||
@endif
|
||||
</ul>
|
||||
|
||||
|
||||
<div class="post_content page_margin_top clearfix">
|
||||
<div class="content_box">
|
||||
@if($item->images)
|
||||
@if(count($item->images) == 1)
|
||||
@if(!$item->images[0]->title) @php($item->images[0]->title = $item->title) @endif
|
||||
<div class="post_image_box">
|
||||
<a href="{{$imgBase . $item->images[0]->url}}" class="post_image prettyPhoto" rel="prettyPhoto" title="{{$item->images[0]->title}}">
|
||||
<img src="{{$imgBase . $item->images[0]->url}}" alt="{{$item->images[0]->title}}">
|
||||
</a>
|
||||
<div class="sentence">
|
||||
<span class="text">{{$item->images[0]->title}}</span>
|
||||
@if(isset($item->images[0]->author))
|
||||
<span class="author">{{$item->images[0]->author}}</span>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
<div class="horizontal_carousel_container gallery">
|
||||
<ul class="horizontal_carousel visible-5 autoplay-1 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
|
||||
@foreach($item->images as $image)
|
||||
@if(!$image->title) @php($image->title = $item->title) @endif
|
||||
<li>
|
||||
<a href="{{$imgBase . $image->url}}" class="post_image prettyPhoto" rel="prettyPhoto[gallery-{{$item->id}}]" title="{{$image->title}}">
|
||||
<img src="{{$imgBase . $image->url}}" alt="{{$image->title}}" title="{{$image->title}}">
|
||||
</a>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
@endif
|
||||
@endif
|
||||
|
||||
<h3>{{$item->title}}</h3>
|
||||
|
||||
@if(is_array($item->content))
|
||||
@include("partial/nh_story", ["content" => $item->content]);
|
||||
@else
|
||||
<div class="text">
|
||||
<p>{!!$item->content!!}</p>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if($item->video)
|
||||
@include('widgets/mediaplayer')
|
||||
@php(createVideoElement($item->video))
|
||||
@endif
|
||||
|
||||
@if($item->source && $item->source->show)
|
||||
<div class="post-source">
|
||||
<p>Bron: {{$item->source->title}}</p>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
@if($item->podcast)
|
||||
@include("widgets/mediaplayer")
|
||||
<div class="announcement">
|
||||
<div>
|
||||
<audio controls>
|
||||
<source src="{{ $url = url( $apiUrl . "podcast/stream" . $item->podcast->url . "?auth=" . $item->podcast->auth )}}" type="audio/mpeg" />
|
||||
</audio>
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endforeach
|
||||
@@ -0,0 +1,4 @@
|
||||
<div>
|
||||
@include('partial/newslist_small', ['id' => 'items-more-news', 'news' => $news])
|
||||
@include('partial/newslist_small', ['id' => 'items-most-read', 'news' => $populair])
|
||||
</div>
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user