Files
nhgooi.nl/resources/views/layouts/master.blade.php
2024-11-12 14:17:24 +01:00

225 lines
11 KiB
PHP

@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)
<div id="nhgooi_header_top" class="advertisement" style="margin: 11px auto 0 auto;background-color: #efefef;"></div>
<script type="text/javascript">ootag.queue.push(function () {ootag.defineSlot({adSlot: "nhgooi_homepage_header",targetId: "nhgooi_header_top",filledCallback: (adslot) => { calculateSize(adslot.targetId); }});});</script>
@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>
<!-- 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 &amp; Vechtstreek. Wij brengen nieuws en achtergronden
op onze website, radio en televisie. Daarnaast brengen we boeiende en belangrijke podcasts
en een gevari&euml;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>