478 lines
16 KiB
PHP
478 lines
16 KiB
PHP
@section('page')
|
|
@yield('content')
|
|
@endsection
|
|
<!DOCTYPE html>
|
|
<html>
|
|
@include('layouts._head')
|
|
<body>
|
|
<div class="site_container boxed">
|
|
<div class="header_top_bar_container style_11 clearfix">
|
|
{{--
|
|
<div class="header_top_bar">
|
|
<form class="search">
|
|
<input type="text" name="s" placeholder="Search..." value="Search..." class="search_input hint">
|
|
<input type="submit" class="search_submit" value="">
|
|
<input type="hidden" name="page" value="search">
|
|
</form>
|
|
<!--<ul class="social_icons dark clearfix">
|
|
<ul class="social_icons colors clearfix">-->
|
|
<ul class="social_icons clearfix">
|
|
<li>
|
|
<a target="_blank" href="http://facebook.com/QuanticaLabs" class="social_icon facebook" title="facebook">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a target="_blank" href="https://twitter.com/QuanticaLabs" class="social_icon twitter" title="twitter">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="mailto:contact@pressroom.com" class="social_icon mail" title="mail">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="http://themeforest.net/user/QuanticaLabs/portfolio" class="social_icon envato" title="envato">
|
|
|
|
</a>
|
|
</li>
|
|
<!--<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon behance">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon bing">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon blogger">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon deezer">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon designfloat">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon deviantart">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon digg">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon dribbble">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon flickr">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon form">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon forrst">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon foursquare">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon friendfeed">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon googleplus">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon instagram">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon linkedin">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon mobile">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon myspace">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon picasa">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon pinterest">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon reddit">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon rss">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon skype">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon soundcloud">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon spotify">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon stumbleupon">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon technorati">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon tumblr">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon vimeo">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon wykop">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon xing">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon youtube">
|
|
|
|
</a>
|
|
</li>-->
|
|
</ul>
|
|
@include('widgets.laatstenieuws')
|
|
</div>
|
|
--}}
|
|
</div>
|
|
<style>
|
|
img.ri{ max-width:100%; height: 80px; }
|
|
img.ri:empty{ }
|
|
@media screen and (max-width:767px) and (orientation: portrait) {
|
|
img.ri { max-width: 90%; height: auto; }
|
|
}
|
|
@media screen and (max-width:767px) and (orientation: landscape) {
|
|
img.ri { max-height: 90%; height: auto; }
|
|
}
|
|
.header .logo h4 { font-size: 10pt; padding: 0; padding-top: 4px; }
|
|
</style>
|
|
<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">
|
|
<span class="fa fa-info"></span>
|
|
<label>Programmagids</label>
|
|
</a>
|
|
</li>
|
|
<li class="listen-live">
|
|
<a href='{{route('luister.live')}}' title="Luister live naar NH Gooi Radio" class="player">
|
|
<span class="fa fa-play"></span>
|
|
<label>Luister NH Gooi Radio</label>
|
|
</a>
|
|
</li>
|
|
<li class="watch-live">
|
|
<a href='{{route('kijk.live')}}' title="Kijk live naar NH Gooi TV">
|
|
<span class="fa fa-tv"></span>
|
|
<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">
|
|
<span class="fa fa-video"></span>
|
|
<label>Studiocam</label>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="menu_container sticky clearfix">
|
|
@include('widgets.menu')
|
|
@if(isset($searchURL))
|
|
<form class="search" 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>
|
|
@endif
|
|
</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 clearfix>
|
|
<div class="row">
|
|
<div class="column column_1_3">
|
|
<h4 class="box_header">NH Gooi</h4>
|
|
<p class="padding_top_bottom_25">
|
|
<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, bijvoorbeeld op 92.0 FM.
|
|
<a href="{{url('frequenties')}}">Alle frequenties / kanalen.</a>
|
|
</p>
|
|
<div class="row">
|
|
<div class="column column_1_2">
|
|
<h5>Bezoekadres / Studio</h5>
|
|
<p>
|
|
IJsselmeerstraat 3B <br/>
|
|
1271 AA, Huizen <br/>
|
|
Tel: 035-6424774 <br/>
|
|
Studio: 035-6424776 <br/>
|
|
E-mail: info@nhgooi.nl <br/>
|
|
KvK: 41194132
|
|
</p>
|
|
</div>
|
|
<div class="column column_1_2">
|
|
<h5>Postadres</h5>
|
|
<p>
|
|
Postbus 83 <br/>
|
|
1270 AB Huizen <br/>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
{{--
|
|
<h4 class="box_header page_margin_top">Get In Touch With Us</h4>
|
|
<ul class="social_icons dark page_margin_top clearfix">
|
|
<li>
|
|
<a target="_blank" title="" href="http://facebook.com/QuanticaLabs" class="social_icon facebook">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a target="_blank" title="" href="https://twitter.com/QuanticaLabs" class="social_icon twitter">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="mailto:contact@pressroom.com" class="social_icon mail">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="#" class="social_icon skype">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="http://themeforest.net/user/QuanticaLabs?ref=QuanticaLabs" class="social_icon envato">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="#" class="social_icon instagram">
|
|
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a title="" href="#" class="social_icon pinterest">
|
|
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
--}}
|
|
</div>
|
|
<div class="column column_1_3">
|
|
<h4 class="box_header">Fragment gemist</h4>
|
|
@include("widgets.laatstepodcasts")
|
|
</div>
|
|
<div class="column column_1_3">
|
|
<h4 class="box_header">Regio-agenda</h4>
|
|
@include("widgets.regioagenda")
|
|
</div>
|
|
</div>
|
|
<div class="row page_margin_top_section">
|
|
<div class="column column_1_4">
|
|
<a class="scroll_top" href="#top" title="Scroll to top">Top</a>
|
|
</div>
|
|
</div>
|
|
<div class="row copyright_row">
|
|
<div class="column column_2_3">
|
|
© Copyright <?php echo date('Y'); ?> NH Gooi. <a href="http://quanticalabs.com" title="QuanticaLabs" target="_blank">QuanticaLabs</a> - PressRoom Template.
|
|
</div>
|
|
{{--
|
|
<div class="column column_1_3">
|
|
<ul class="footer_menu">
|
|
<li>
|
|
<h6><a href="?page=about" title="About">About</a></h6>
|
|
</li>
|
|
<li>
|
|
<h6><a href="?page=authors" title="Authors">Authors</a></h6>
|
|
</li>
|
|
<li>
|
|
<h6><a href="?page=contact" title="Contact Us">Contact Us</a></h6>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
--}}
|
|
</div>
|
|
</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">
|
|
$(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;
|
|
});
|
|
$(".player").click(function(e) {
|
|
e.preventDefault();
|
|
window.open($(this).attr('href'), '_player', 'width=500,height=500,titlebar,close');
|
|
return false;
|
|
});
|
|
</script>
|
|
@stack('scripts')
|
|
</body>
|
|
</html>
|