266 lines
11 KiB
PHP
266 lines
11 KiB
PHP
@section('page')
|
||
@yield('content')
|
||
@endsection
|
||
<!DOCTYPE html>
|
||
<html>
|
||
@include('layouts._head')
|
||
<body>
|
||
<button style="position: fixed; top: 0; left: 0;display: none" onclick="refreshCSS()">Refresh</button>
|
||
<!-- 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.png" class="ri"/></a>
|
||
</div>
|
||
|
||
<div class="now-playing-header">
|
||
<div class="title"></div>
|
||
<div class="artist"></div>
|
||
<div class="controls">
|
||
<ul>
|
||
<li class="program-link">
|
||
<a href='{{route('radio.gids')}}' title="Bekijk het huidige programma in de programmagids">
|
||
<i class="fa-solid fa-info"></i>
|
||
<label>Programmagids</label>
|
||
</a>
|
||
</li>
|
||
<li class="listen-live">
|
||
<a href='{{route('luister.live')}}' title="Luister live naar NH Gooi Radio" class="player">
|
||
<i class="fa-solid fa-play"></i>
|
||
<label>Luister NH Gooi Radio</label>
|
||
</a>
|
||
</li>
|
||
<li class="watch-live">
|
||
<a href='{{route('kijk.live')}}' title="Kijk live naar NH Gooi TV">
|
||
<i class="fa-solid fa-tv"></i>
|
||
<label>Kijk NH Gooi TV</label>
|
||
</a>
|
||
</li>
|
||
<li class="watch-studio">
|
||
<a href='{{route('kijk.studio')}}' title="Kijk live mee in de radiostudio van NH Gooi">
|
||
<i class="fa-solid fa-video"></i>
|
||
<label>Studiocam</label>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="menu_container sticky clearfix">
|
||
<div class="top_menu_container">
|
||
<ul>
|
||
<li>
|
||
<a href="/">Tip de redactie <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 hint">
|
||
<input type="submit" class="search_submit" value="Zoeken">
|
||
</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">
|
||
<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-->
|
||
|
||
<a class="scroll_top_floater" href="#top" title="Scroll naar boven"></a>
|
||
|
||
<!-- Footer -->
|
||
<div class="footer_container">
|
||
<div class="footer_menu">
|
||
<div class="row">
|
||
<div class="col-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-3">
|
||
<h4 class="box_header"><span>Contact</span></h4>
|
||
<p class="buttons">
|
||
<a href="/">Contactgegevens</a>
|
||
<a href="/">Klachtenregeling</a>
|
||
<a href="/">Frequenties</a>
|
||
<a href="/">Adverteren</a>
|
||
<a href="/">NH Nieuws</a>
|
||
</p>
|
||
</div>
|
||
<div class="col-3">
|
||
<h4 class="box_header"><span>Kijk & luister</span></h4>
|
||
<p class="buttons">
|
||
<a href="/">Luister live</a>
|
||
<a href="/">Kijk live</a>
|
||
<a href="/">Uitgelichte video’s</a>
|
||
<a href="/">Gemist</a>
|
||
<a href="/">Nieuws</a>
|
||
</p>
|
||
</div>
|
||
<div class="col-3">
|
||
<h4 class="box_header"><span>Radio</span></h4>
|
||
<p class="buttons">
|
||
<a href="/">Programmagids</a>
|
||
<a href="/">Programma’s</a>
|
||
<a href="/">Podcasts</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<ul class="footer_menu2">
|
||
<li>Logo</li>
|
||
<li><a href="/">Disclaimer</a></li>
|
||
<li><a href="/">Privacy verklaring</a></li>
|
||
<li><a href="/">Cookie statement</a></li>
|
||
</ul>
|
||
<ul class="footer_social_media">
|
||
<li><a class="facebook" title="Facebook" href="/"><i class="fa-brands fa-facebook-f"></i></a>
|
||
</li>
|
||
<li><a class="twitter-x" title="Twitter/X" href="/"><i class="fa-brands fa-twitter"></i></a>
|
||
</li>
|
||
<li><a class="youtube" title="Youtube" href="/"><i class="fa-brands fa-youtube"></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.prettyPhoto.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/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 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"),
|
||
controls: $(".now-playing-header .controls"),
|
||
studiocam: $(".now-playing-header .watch-studio, li.watch-studio"),
|
||
programLink: $(".now-playing-header .program-link a"),
|
||
programLabel: $(".now-playing-header .program-link a > label"),
|
||
first: true
|
||
};
|
||
$(document).on('onAirUpdated', function (evt, data) {
|
||
if (data.inProgram) {
|
||
$nowPlaying.title.text(data.program.name).attr('title', data.program.name);
|
||
if (data.current && data.current.title) {
|
||
$nowPlaying.artist.text((data.current.artist ? data.current.artist + ' - ' : '') + data.current.title);
|
||
} else {
|
||
$nowPlaying.artist.text(data.program.tagline);
|
||
}
|
||
} else {
|
||
$nowPlaying.programLabel.text(data.program.name).attr('title', data.program.name + "\n" + data.program.tagline);
|
||
$nowPlaying.title.text(data.current.title).attr('title', data.current.title);
|
||
$nowPlaying.artist.text(data.current.artist).attr('title', data.current.artist);
|
||
}
|
||
$nowPlaying.studiocam.toggle(data.stream != false);
|
||
$nowPlaying.programLink.attr('href', '{{route("programma")}}' + data.program.url);
|
||
if ($nowPlaying.first) {
|
||
$nowPlaying.controls.hide();
|
||
}
|
||
$nowPlaying.container.slideDown(function () {
|
||
if ($nowPlaying.first) {
|
||
$nowPlaying.controls.fadeIn('slow');
|
||
$nowPlaying.first = false;
|
||
}
|
||
});
|
||
|
||
// Now playing may have moved the menu
|
||
menu_position = $(".menu_container").offset().top;
|
||
});
|
||
|
||
function openPlayerInNewScreen() {
|
||
$(".player").click(function (e) {
|
||
e.preventDefault();
|
||
window.open($(this).attr('href'), '_player', 'width=500,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>
|