Home page and news page are finished
This commit is contained in:
Jorit Tijsen
@@ -1,474 +1,265 @@
|
||||
@section('page')
|
||||
@yield('content')
|
||||
@yield('content')
|
||||
@endsection
|
||||
<!DOCTYPE html>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
@include('layouts._head')
|
||||
<body>
|
||||
@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 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>
|
||||
<div class="header_container small">
|
||||
<div class="header clearfix">
|
||||
<div class="logo">
|
||||
<a href="{{url('/')}}"><img src="/images/logo.png" class="ri" /></a>
|
||||
</div>
|
||||
<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">
|
||||
<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">
|
||||
<div class="top_menu_container"></div>
|
||||
@include('widgets.menu')
|
||||
@if(isset($searchURL))
|
||||
<form class="search d-none" 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>
|
||||
<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 -->
|
||||
<!-- 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-->
|
||||
<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>
|
||||
<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 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>
|
||||
<a href="#" id="changePreferences">Pas hier uw cookie-instellingen aan</a>
|
||||
{{--
|
||||
<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" src="/js/jquery-3.7.1.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(window).resize(function() {
|
||||
// Fix sticky for mobile menu indicator
|
||||
menu_position = $(".menu_container").offset().top;
|
||||
});
|
||||
<!-- 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();
|
||||
$(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);
|
||||
}
|
||||
});
|
||||
}
|
||||
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;
|
||||
}
|
||||
});
|
||||
$(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>
|
||||
// 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>
|
||||
|
||||
Reference in New Issue
Block a user