501 lines
17 KiB
PHP
501 lines
17 KiB
PHP
@section('page')
|
|
@yield('content')
|
|
@endsection
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>@yield('title')</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/prettyPhoto.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">
|
|
@stack('styles')
|
|
<link rel="shortcut icon" href="/images/favicon.ico">
|
|
<!--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>
|
|
<!--<body class="image_1">
|
|
<body class="image_1 overlay">
|
|
<body class="image_2">
|
|
<body class="image_f2 overlay">
|
|
<body class="image_3">
|
|
<body class="image_3 overlay">
|
|
<body class="image_4">
|
|
<body class="image_4 overlay">
|
|
<body class="image_5">
|
|
<body class="image_5 overlay">
|
|
<body class="pattern_1">
|
|
<body class="pattern_2">
|
|
<body class="pattern_3">
|
|
<body class="pattern_4">
|
|
<body class="pattern_5">
|
|
<body class="pattern_6">
|
|
<body class="pattern_7">
|
|
<body class="pattern_8">
|
|
<body class="pattern_9">
|
|
<body class="pattern_10">-->
|
|
<body>
|
|
<div class="site_container boxed">
|
|
<!--<div class="header_top_bar_container style_2 clearfix">
|
|
<div class="header_top_bar_container style_2 border clearfix">
|
|
<div class="header_top_bar_container style_3 clearfix">
|
|
<div class="header_top_bar_container style_3 border clearfix">
|
|
<div class="header_top_bar_container style_4 clearfix">
|
|
<div class="header_top_bar_container style_4 border clearfix">
|
|
<div class="header_top_bar_container style_5 clearfix">
|
|
<div class="header_top_bar_container style_5 border clearfix"> -->
|
|
<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: 90px; }
|
|
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; }
|
|
}
|
|
</style>
|
|
<div class="header_container small">
|
|
<div class="header clearfix">
|
|
<div class="logo">
|
|
<!--
|
|
<h1><a href="?page=home" title="Pressroom">Pressroom</a></h1>
|
|
<h4>News and Magazine Template</h4>
|
|
-->
|
|
<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='{{url('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='{{url('luister/live')}}' title="Luister live naar NH Gooi Radio">
|
|
<span class="fa fa-play"></span>
|
|
<label>Luister NH Gooi Radio</label>
|
|
</a>
|
|
</li>
|
|
<li class="watch-live">
|
|
<a href='{{url('kijk/live')}}' title="Kijk live naar NH Gooi TV">
|
|
<span class="fa fa-camera"></span>
|
|
<label>Kijk NH Gooi TV</label>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="menu_container sticky clearfix">
|
|
@include('widgets.menu')
|
|
</div>
|
|
|
|
<!-- Content -->
|
|
|
|
<div class="page">
|
|
@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">
|
|
NH Gooi is de streekomroep voor Hilversum, Huizen, Blaricum, Eemnes en Laren.
|
|
NH Gooi hoor je in heel Gooi en Eemland op 92.0 FM, 105.1 FM en 106.2 FM.
|
|
</p>
|
|
<div class="row">
|
|
<div class="column column_1_2">
|
|
<h5>Redactie</h5>
|
|
<p>
|
|
Neuweg 12 <br/>
|
|
1211 LW Hilversum <br/>
|
|
035 642 4774
|
|
</p>
|
|
</div>
|
|
<div class="column column_1_2">
|
|
<h5>Postadres</h5>
|
|
<p>
|
|
Postbus 83 <br/>
|
|
1270 AB Huizen <br/>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="column">
|
|
<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>
|
|
<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: '{{url('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"),
|
|
programLink: $(".now-playing-header .program-link a"),
|
|
programLabel: $(".now-playing-header .program-link a > label")
|
|
};
|
|
$(document).on('onAirUpdated', function(evt, data) {
|
|
if(data.inProgram) {
|
|
$nowPlaying.title.text(data.program.name).attr('title', data.program.name);
|
|
$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.programLink.attr('href', '{{url("radio/programma")}}' + data.program.url);
|
|
$nowPlaying.container.slideDown();
|
|
|
|
// Now playing may have moved the menu
|
|
menu_position = $(".menu_container").offset().top;
|
|
});
|
|
</script>
|
|
@stack('scripts')
|
|
</body>
|
|
</html>
|