Files
nhgooi.nl/resources/views/layouts/master.blade.php
Jorit Tijsen 4aa1fef3ad New mobile header
Add job pages
More news button on home page links to news page
Small mobile fixes for new page and other pages
2024-04-03 16:38:10 +02:00

222 lines
11 KiB
PHP
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
@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">
<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/logo-NHGooi-slogan.svg"/></a>
</div>
<div class="advertisement" style="margin: 11px auto 0 auto;background-color: #efefef;"></div>
</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 class="player" 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>
<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">
<ul class="right_menu">
<li>
<a class="player with_svg_icon" href="{{url('luister/live')}}">Luister live radio {!!file_get_contents(__DIR__ . '/../../../public/images/icons/radio.svg')!!}</a>
</li>
<li>
<a class="player with_svg_icon" href="{{url('kijk/studio')}}">Kijk live tv {!!file_get_contents(__DIR__ . '/../../../public/images/icons/television-2.svg')!!}</a>
</li>
<li>
<a href="https://wa.me/31888505651" target="_blank">Tip de streekredactie <i class="fa-solid fa-circle-plus"></i></a>
</li>
@if(isset($searchURL))
<li>
<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>
@include('widgets.menu')
</div>
<!-- Content -->
<div class="page @yield('page_class')">
<a name="top"></a>
@if($activeBlog != null)
<p style="float: left; border: solid 1px #1f3977; border-radius: 10px; padding: 0 10px 0.4em 10px; margin: 10px 0 10px 0; width: 100%;">
<b>Live-blog:</b> {{$activeBlog->title}}
<a href="{{$activeBlog->url}}" class="action_button" style="float: none; margin-left: 1em;"><span
class="fa fa-rss"></span><span>Volg het live-blog</span></a>
</p>
@endif
@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>NH Gooi</span></h4>
<p class="about">
<b>NH Gooi</b> is de streekomroep voor het Gooi in samenwerking met NH Media.
NH Gooi Radio hoor je in heel Gooi en Eemland op 92.0 FM.
<a href="{{url('frequenties')}}">Alle frequenties / kanalen.</a>
</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="https://nhnieuws.nl/" target="_blank">NH Nieuws</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="/">Uitgelichte videos</a>
<a href="{{url('gemist/fragment')}}">Gemist</a>
<a href="{{url('nieuws')}}">Nieuws</a>
</p>
</div>
<div class="col-12 col-md-3">
<h4 class="box_header"><span>Radio</span></h4>
<p class="buttons">
<a href="{{url('gids')}}">Programmagids</a>
<a href="{{url('gemist/programma')}}">Programmas</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>
</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">
© NH Gooi
<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/main.js"></script>
<script type="text/javascript" src="/js/odometer.min.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">
$(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=500,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();
});
$(".search_form").animate({width: 'toggle'}, 1);
</script>
@stack('scripts')
</body>
</html>