Nieuws layout
This commit is contained in:
@@ -20,8 +20,14 @@ class NewsController extends Controller
|
|||||||
|
|
||||||
case 2:
|
case 2:
|
||||||
$newsItem = $apiResult->news;
|
$newsItem = $apiResult->news;
|
||||||
$newsItem->published = new \DateTimeImmutable('@' . $newsItem->created);
|
$source = $apiResult->source;
|
||||||
return view('newsitem_nh', ['news' => $newsItem, 'podcast' => $apiResult->podcast]);
|
$newsItem->published = new \DateTimeImmutable('@' . $source->created);
|
||||||
|
$newsItem->edited = new \DateTimeImmutable('@' . $source->updated);
|
||||||
|
$newsItem->author = $source->author;
|
||||||
|
$newsItem->images = null; // Images will be embedded
|
||||||
|
$newsItem->video = null; // Videos will be embedded
|
||||||
|
$newsItem->content = $source->blocks;
|
||||||
|
return view('newsitem', ['news' => $newsItem]);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -55,7 +61,7 @@ class NewsController extends Controller
|
|||||||
$news[] = new \Model\NewsItem($newsItem);
|
$news[] = new \Model\NewsItem($newsItem);
|
||||||
}
|
}
|
||||||
|
|
||||||
return view($request->ajax() ? 'newslistitems' : 'newslist', ['title' => $title, 'news' => $news, 'searchURL' => 'nieuws/zoeken']);
|
return view($request->ajax() ? 'partial/newslist_small' : 'newslist', ['title' => $title, 'news' => $news, 'searchURL' => 'nieuws/zoeken']);
|
||||||
}
|
}
|
||||||
|
|
||||||
public function popular()
|
public function popular()
|
||||||
|
|||||||
22
website/public/css/nhgooi.css
vendored
22
website/public/css/nhgooi.css
vendored
@@ -31,6 +31,19 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
|
|||||||
border-color: #2F4A88;
|
border-color: #2F4A88;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
button[disabled],
|
||||||
|
button[disabled]:hover
|
||||||
|
{
|
||||||
|
background-color: #F0F0F0;
|
||||||
|
border-color: #D0D0D0;
|
||||||
|
color: #333333;
|
||||||
|
cursor: default;
|
||||||
|
}
|
||||||
|
|
||||||
|
.blog_grid .post img {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.post.single .post_details a {
|
.post.single .post_details a {
|
||||||
color: #1F3977;
|
color: #1F3977;
|
||||||
}
|
}
|
||||||
@@ -38,7 +51,11 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
|
|||||||
.post_details li.category
|
.post_details li.category
|
||||||
{
|
{
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
background: #03A6E0;
|
background-color: #03A6E0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post_details date.edited {
|
||||||
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
.read_more .arrow {
|
.read_more .arrow {
|
||||||
@@ -65,6 +82,9 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
|
|||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.post.single {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.action_button
|
.action_button
|
||||||
{
|
{
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
@extends('page')
|
@extends('layouts/full')
|
||||||
|
|
||||||
@section('title')
|
@section('title')
|
||||||
Over 6FM
|
Over 6FM
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<h1>Over 6FM</h1><P>
|
@parent
|
||||||
6FM is de publieke streekomroep voor Gooi en Vechtstreek. We zijn 24 uur per dag te horen in de ether op 92.0 FM/105.1 FM, op de kabel in Huizen, Laren, Blaricum en Eemnes op 92.3 FM en in Hilversum op 106.2 FM.<br><br>
|
6FM is de publieke streekomroep voor Gooi en Vechtstreek. We zijn 24 uur per dag te horen in de ether op 92.0 FM/105.1 FM, op de kabel in Huizen, Laren, Blaricum en Eemnes op 92.3 FM en in Hilversum op 106.2 FM.<br><br>
|
||||||
|
|
||||||
Bij 6FM zijn op de radio en achter de schermen ruim 100 vrijwilligers actief. <br><br>
|
Bij 6FM zijn op de radio en achter de schermen ruim 100 vrijwilligers actief. <br><br>
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
@extends('page')
|
@extends('layouts/full')
|
||||||
|
|
||||||
@section('title')
|
@section('title')
|
||||||
Adverteren
|
Adverteren
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<h1>Adverteren</h1>
|
@parent
|
||||||
<p>
|
<p>
|
||||||
6FM biedt (plaatselijke) ondernemers de mogelijkheid om hun producten en/of diensten onder aandacht te brengen bij de luisteraars van Radio 6FM. De scherpe tarieven zijn op aanvraag verkrijgbaar bij Radio 6FM.
|
6FM biedt (plaatselijke) ondernemers de mogelijkheid om hun producten en/of diensten onder aandacht te brengen bij de luisteraars van Radio 6FM. De scherpe tarieven zijn op aanvraag verkrijgbaar bij Radio 6FM.
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
@extends('page')
|
@extends('layouts/full')
|
||||||
|
|
||||||
@section('title')
|
@section('title')
|
||||||
Regioagenda | {{$event->title}}
|
Regioagenda | {{$event->title}}
|
||||||
@@ -6,6 +6,7 @@
|
|||||||
|
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
|
@parent
|
||||||
<article class="article-content" itemscope itemtype="http://schema.org/Article">
|
<article class="article-content" itemscope itemtype="http://schema.org/Article">
|
||||||
<div class="article-header">
|
<div class="article-header">
|
||||||
<div class="article-meta clearfix">
|
<div class="article-meta clearfix">
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
@extends('page')
|
@extends('layouts/full')
|
||||||
|
|
||||||
@section('title')
|
@section('title')
|
||||||
Regioagenda
|
Regioagenda
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<h1>Regioagenda</h1>
|
@parent
|
||||||
|
|
||||||
@if(!count($events))
|
@if(!count($events))
|
||||||
<p>Er zijn geen items in de regioagenda. Iets te melden? Mail het naar {{Html::mailto("info@6fm.nl")}}.</p>
|
<p>Er zijn geen items in de regioagenda. Iets te melden? Mail het naar {{Html::mailto("info@6fm.nl")}}.</p>
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
@extends('page')
|
@extends('layouts/full')
|
||||||
|
|
||||||
@section('title')
|
@section('title')
|
||||||
Neem contact op
|
Neem contact op
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<h1>Contact</h1><P>
|
@parent
|
||||||
Neem contact op met Radio 6FM. De streekomroep voor Hilversum, Huizen, Blaricum, Eemnes en Laren. Radio 6FM hoor je in heel Gooi en Eemland op 92.0 FM, 105.1 FM en 106.2 FM.<br><br>
|
Neem contact op met Radio 6FM. De streekomroep voor Hilversum, Huizen, Blaricum, Eemnes en Laren. Radio 6FM hoor je in heel Gooi en Eemland op 92.0 FM, 105.1 FM en 106.2 FM.<br><br>
|
||||||
|
|
||||||
<B>Het postadres van Radio 6FM is: </B><br>
|
<B>Het postadres van Radio 6FM is: </B><br>
|
||||||
|
|||||||
@@ -1,10 +1,9 @@
|
|||||||
@extends('master')
|
@extends('layouts/full')
|
||||||
|
|
||||||
@section('title', 'Home')
|
@section('title', 'Home')
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<div class="clearfix" style="height: 15px;"></div>
|
@parent
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 wow bounceInUp">
|
<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 wow bounceInUp">
|
||||||
|
|
||||||
|
|||||||
@@ -1,52 +1,43 @@
|
|||||||
@extends('page')
|
@extends('layouts/sidebar')
|
||||||
|
|
||||||
@section('title')
|
@section('title')
|
||||||
Zondagsdienst
|
Zondagsdienst
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
@include('_mediaplayer')
|
@include('widgets/mediaplayer')
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<div class="page_layout">
|
@if($kerkdienst->isRunning)
|
||||||
<div class="page_margin_top">
|
<p class="intro"><strong>
|
||||||
<h1>Zondagsdienst</h1>
|
Vandaag wordt een dienst uitgezonden @if($kerkdienst->previous->name) vanuit de {{$kerkdienst->previous->name}}@endif.
|
||||||
</div>
|
Aanvang: {{$kerkdienst->previous->start->format('H:i')}} uur.
|
||||||
<div class="clearfix">
|
</strong></p>
|
||||||
@if($kerkdienst->isRunning)
|
@else
|
||||||
<p class="intro"><strong>
|
<p>
|
||||||
Vandaag wordt een dienst uitgezonden @if($kerkdienst->previous->name) vanuit de {{$kerkdienst->previous->name}}@endif.
|
De kerkdienst van {{Formatter::fullDate($kerkdienst->previous->start, 'd m')}} werd uitgezonden @if($kerkdienst->previous->name) vanuit de {{$kerkdienst->previous->name}}@endif.
|
||||||
Aanvang: {{$kerkdienst->previous->start->format('H:i')}} uur.
|
</p>
|
||||||
</strong></p>
|
<p>
|
||||||
@else
|
<audio controls>
|
||||||
<p>
|
<source src="{{ url( $apiUrl . 'kerkdienst/download' ) }}" type="audio/mpeg" />
|
||||||
De kerkdienst van {{Formatter::fullDate($kerkdienst->previous->start, 'd m')}} werd uitgezonden @if($kerkdienst->previous->name) vanuit de {{$kerkdienst->previous->name}}@endif.
|
</audio>
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
<audio controls>
|
<a href="{{$url = url('kerkdienst/luister')}}" target="_radioplayer" class="action_button" onclick="window.open('{{$url}}', '_radioplayer','width=400,height=400'); return false;"><span class="fa fa-external-link-alt"></span> <span>Luister in nieuw venster</span></a>
|
||||||
<source src="{{ url( $apiUrl . 'kerkdienst/download' ) }}" type="audio/mpeg" />
|
<a href="{{$url = url($apiUrl . 'kerkdienst/download')}}" class="action_button"><span class="fa fa-download"></span> <span>Download als MP3</span></a>
|
||||||
</audio>
|
</p>
|
||||||
</p>
|
|
||||||
<p>
|
<h3 class="page_margin_top">Volgende dienst</h3>
|
||||||
<a href="{{$url = url('kerkdienst/luister')}}" target="_radioplayer" class="action_button" onclick="window.open('{{$url}}', '_radioplayer','width=400,height=400'); return false;"><span class="fa fa-external-link-alt"></span> <span>Luister in nieuw venster</span></a>
|
<p>
|
||||||
<a href="{{$url = url($apiUrl . 'kerkdienst/download')}}" class="action_button"><span class="fa fa-download"></span> <span>Download als MP3</span></a>
|
De eerstvolgende dienst wordt uitgezonden
|
||||||
</p>
|
op <strong>{{Formatter::fullDate($kerkdienst->next->start, 'd m')}} om {{$kerkdienst->next->start->format('H:i')}} uur</strong>
|
||||||
</div>
|
@if($kerkdienst->next->name) vanuit de {{$kerkdienst->next->name}}@endif.
|
||||||
<div>
|
</p>
|
||||||
<h3 class="page_margin_top">Volgende dienst</h3>
|
@endif
|
||||||
<p>
|
<p>
|
||||||
De eerstvolgende dienst wordt uitgezonden
|
Zondagochtend van 9:00 tot 12:00 uur kunt u live meeluisteren naar het programma Kerk & Samenleving via de link
|
||||||
op <strong>{{Formatter::fullDate($kerkdienst->next->start, 'd m')}} om {{$kerkdienst->next->start->format('H:i')}} uur</strong>
|
<a href="{{$live = url('luister/live')}}" target="_radioplayer" class="" onclick="window.open('{{$live}}', '_radioplayer','width=400,height=400'); return false;"><span class="fa fa-play"></span> <span>Luister live</span></a>.
|
||||||
@if($kerkdienst->next->name) vanuit de {{$kerkdienst->next->name}}@endif.
|
</p>
|
||||||
</p>
|
<p>
|
||||||
@endif
|
Vanaf {{$kerkdienst->isRunning ? "vanmiddag" : "zondagmiddag" }} 12:00 uur is de dienst op deze pagina terug te luisteren.
|
||||||
<p>
|
</p>
|
||||||
Zondagochtend van 9:00 tot 12:00 uur kunt u live meeluisteren naar het programma Kerk & Samenleving via de link
|
|
||||||
<a href="{{$live = url('luister/live')}}" target="_radioplayer" class="" onclick="window.open('{{$live}}', '_radioplayer','width=400,height=400'); return false;"><span class="fa fa-play"></span> <span>Luister live</span></a>.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Vanaf {{$kerkdienst->isRunning ? "vanmiddag" : "zondagmiddag" }} 12:00 uur is de dienst op deze pagina terug te luisteren.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@endsection
|
@endsection
|
||||||
|
|||||||
8
website/resources/views/layouts/full.blade.php
Normal file
8
website/resources/views/layouts/full.blade.php
Normal file
@@ -0,0 +1,8 @@
|
|||||||
|
@extends('layouts/master')
|
||||||
|
|
||||||
|
@section('content')
|
||||||
|
<div class="clearfix" style="height: 15px;"></div>
|
||||||
|
<div class="page_header clearfix page_margin_top">
|
||||||
|
<h1 class="page_title">@yield('title')</h1>
|
||||||
|
</div>
|
||||||
|
@endsection
|
||||||
@@ -1,3 +1,6 @@
|
|||||||
|
@section('page')
|
||||||
|
@yield('content')
|
||||||
|
@endsection
|
||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
@@ -298,13 +301,13 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="menu_container sticky clearfix">
|
<div class="menu_container sticky clearfix">
|
||||||
@include('_menu')
|
@include('widgets/menu')
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Content -->
|
<!-- Content -->
|
||||||
|
|
||||||
<div class="page">
|
<div class="page">
|
||||||
@yield('content')
|
@yield('page')
|
||||||
</div><!--/.page-->
|
</div><!--/.page-->
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
307
website/resources/views/layouts/sidebar.blade.php
Normal file
307
website/resources/views/layouts/sidebar.blade.php
Normal file
@@ -0,0 +1,307 @@
|
|||||||
|
@extends('layouts/master')
|
||||||
|
|
||||||
|
@section('page')
|
||||||
|
<div class="clearfix" style="height: 15px;"></div>
|
||||||
|
<div class="page_header clearfix page_margin_top">
|
||||||
|
<h1 class="page_title">@yield('title')</h1>
|
||||||
|
</div>
|
||||||
|
<div class="page_layout clearfix">
|
||||||
|
<div class="row page_margin_top">
|
||||||
|
<div class="column column_2_3">
|
||||||
|
@yield('content')
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="column column_1_3">
|
||||||
|
<h4 class="box_header">Recommended</h4>
|
||||||
|
<ul class="blog small_margin clearfix">
|
||||||
|
<li class="post">
|
||||||
|
<a href="?page=post_gallery" title="The Public Health Crisis Hiding in Our Food">
|
||||||
|
<span class="icon gallery"></span>
|
||||||
|
<img src='images/samples/510x187/image_12.jpg' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="post_content">
|
||||||
|
<h5>
|
||||||
|
<a href="?page=post_gallery" title="The Public Health Crisis Hiding in Our Food">The Public Health Crisis Hiding in Our Food</a>
|
||||||
|
</h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=health" title="HEALTH">HEALTH</a></li>
|
||||||
|
<li class="date">
|
||||||
|
10:11 PM, Feb 02
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<a href="?page=post" title="The Public Health Crisis Hiding in Our Food">
|
||||||
|
<img src='images/samples/510x187/image_01.jpg' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="post_content">
|
||||||
|
<h5>
|
||||||
|
<a href="?page=post" title="The Public Health Crisis Hiding in Our Food">Climate Change Debate While Britain Floods</a>
|
||||||
|
</h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=world" title="WORLD">WORLD</a></li>
|
||||||
|
<li class="date">
|
||||||
|
10:11 PM, Feb 02
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<a href="?page=post" title="New Painkiller Rekindles Addiction Concerns">
|
||||||
|
<img src='images/samples/510x187/image_14.jpg' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="post_content">
|
||||||
|
<h5>
|
||||||
|
<a href="?page=post" title="New Painkiller Rekindles Addiction Concerns">New Painkiller Rekindles Addiction Concerns</a>
|
||||||
|
</h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=world" title="WORLD">WORLD</a></li>
|
||||||
|
<li class="date">
|
||||||
|
10:11 PM, Feb 02
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h4 class="box_header page_margin_top_section">Latest Posts</h4>
|
||||||
|
<div class="vertical_carousel_container clearfix">
|
||||||
|
<ul class="blog small vertical_carousel autoplay-1 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
|
||||||
|
<li class="post">
|
||||||
|
<a href="?page=post_gallery" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">
|
||||||
|
<span class="icon small gallery"></span>
|
||||||
|
<img src='images/samples/100x100/image_06.jpg' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="post_content">
|
||||||
|
<h5>
|
||||||
|
<a href="?page=post_gallery" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">Study Linking Illnes and Salt Leaves Researchers Doubtful</a>
|
||||||
|
</h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=health" title="HEALTH">HEALTH</a></li>
|
||||||
|
<li class="date">
|
||||||
|
10:11 PM, Feb 02
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<a href="?page=post" title="Syrian Civilians Trapped For Months Continue To Be Evacuated">
|
||||||
|
<img src='images/samples/100x100/image_12.jpg' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="post_content">
|
||||||
|
<h5>
|
||||||
|
<a href="?page=post" title="Syrian Civilians Trapped For Months Continue To Be Evacuated">Syrian Civilians Trapped For Months Continue To Be Evacuated</a>
|
||||||
|
</h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=world" title="WORLD">WORLD</a></li>
|
||||||
|
<li class="date">
|
||||||
|
10:11 PM, Feb 02
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<a href="?page=post_small_image" title="Built on Brotherhood, Club Lives Up to Name">
|
||||||
|
<img src='images/samples/100x100/image_02.jpg' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="post_content">
|
||||||
|
<h5>
|
||||||
|
<a href="?page=post_small_image" title="Built on Brotherhood, Club Lives Up to Name">Built on Brotherhood, Club Lives Up to Name</a>
|
||||||
|
</h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=sports" title="SPORTS">SPORTS</a></li>
|
||||||
|
<li class="date">
|
||||||
|
10:11 PM, Feb 02
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<a href="?page=post_quote" title="Nuclear Fusion Closer to Becoming a Reality">
|
||||||
|
<img src='images/samples/100x100/image_13.jpg' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="post_content">
|
||||||
|
<h5>
|
||||||
|
<a href="?page=post_quote" title="Nuclear Fusion Closer to Becoming a Reality">Nuclear Fusion Closer to Becoming a Reality</a>
|
||||||
|
</h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=science" title="SCIENCE">SCIENCE</a></li>
|
||||||
|
<li class="date">
|
||||||
|
10:11 PM, Feb 02
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="tabs no_scroll page_margin_top_section clearfix">
|
||||||
|
<ul class="tabs_navigation clearfix">
|
||||||
|
<li>
|
||||||
|
<a href="#sidebar-most-read" title="Most Read">
|
||||||
|
Most Read
|
||||||
|
</a>
|
||||||
|
<span></span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#sidebar-most-commented" title="Commented">
|
||||||
|
Commented
|
||||||
|
</a>
|
||||||
|
<span></span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div id="sidebar-most-read">
|
||||||
|
<ul class="blog rating page_margin_top clearfix">
|
||||||
|
<li class="post">
|
||||||
|
<a href="?page=post" title="Nuclear Fusion Closer to Becoming a Reality">
|
||||||
|
<img src='images/samples/510x187/image_12.jpg' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="post_content">
|
||||||
|
<span class="number animated_element" data-value="6 257"></span>
|
||||||
|
<h5><a href="?page=post" title="New Painkiller Rekindles Addiction Concerns">New Painkiller Rekindles Addiction Concerns</a></h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=health" title="HEALTH">HEALTH</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<div class="post_content">
|
||||||
|
<span class="number animated_element" data-value="5 062"></span>
|
||||||
|
<h5><a href="?page=post_small_image" title="New Painkiller Rekindles Addiction Concerns">New Painkiller Rekindles Addiction Concerns</a></h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=world" title="WORLD">WORLD</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<div class="post_content">
|
||||||
|
<span class="number animated_element" data-value="4 778"></span>
|
||||||
|
<h5><a href="?page=post" title="Seeking the Right Chemistry, Drug Makers Hunt for Mergers">Seeking the Right Chemistry, Drug Makers Hunt for Mergers</a></h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=sports" title="SPORTS">SPORTS</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<div class="post_content">
|
||||||
|
<span class="number animated_element" data-value="754"></span>
|
||||||
|
<h5><a href="?page=post_soundcloud" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">Study Linking Illnes and Salt Leaves Researchers Doubtful</a></h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=science" title="SCIENCE">SCIENCE</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<div class="post_content">
|
||||||
|
<span class="number animated_element" data-value="52"></span>
|
||||||
|
<h5><a href="?page=post" title="Syrian Civilians Trapped for Months Continue to be Evacuated">Syrian Civilians Trapped for Months Continue to be Evacuated</a></h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=science" title="SCIENCE">SCIENCE</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="more page_margin_top" href="#">SHOW MORE</a>
|
||||||
|
</div>
|
||||||
|
<div id="sidebar-most-commented">
|
||||||
|
<ul class="blog rating page_margin_top clearfix">
|
||||||
|
<li class="post">
|
||||||
|
<a href="?page=post_small_image" title="Nuclear Fusion Closer to Becoming a Reality">
|
||||||
|
<img src='images/samples/510x187/image_02.jpg' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="post_content">
|
||||||
|
<span class="number animated_element" data-value="70"></span>
|
||||||
|
<h5><a href="?page=post_small_image" title="New Painkiller Rekindles Addiction Concerns">New Painkiller Rekindles Addiction Concerns</a></h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=health" title="HEALTH">HEALTH</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<div class="post_content">
|
||||||
|
<span class="number animated_element" data-value="62"></span>
|
||||||
|
<h5><a href="?page=post" title="New Painkiller Rekindles Addiction Concerns">New Painkiller Rekindles Addiction Concerns</a></h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=world" title="WORLD">WORLD</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<div class="post_content">
|
||||||
|
<span class="number animated_element" data-value="30"></span>
|
||||||
|
<h5><a href="?page=post_quote" title="Seeking the Right Chemistry, Drug Makers Hunt for Mergers">Seeking the Right Chemistry, Drug Makers Hunt for Mergers</a></h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=sports" title="SPORTS">SPORTS</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<div class="post_content">
|
||||||
|
<span class="number animated_element" data-value="25"></span>
|
||||||
|
<h5><a href="?page=post_small_image" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">Study Linking Illnes and Salt Leaves Researchers Doubtful</a></h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=science" title="SCIENCE">SCIENCE</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<div class="post_content">
|
||||||
|
<span class="number animated_element" data-value="4"></span>
|
||||||
|
<h5><a href="?page=post" title="Syrian Civilians Trapped for Months Continue to be Evacuated">Syrian Civilians Trapped for Months Continue to be Evacuated</a></h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=science" title="SCIENCE">SCIENCE</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="more page_margin_top" href="#">SHOW MORE</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h4 class="box_header page_margin_top_section">Top Authors</h4>
|
||||||
|
<ul class="authors rating clearfix">
|
||||||
|
<li class="author">
|
||||||
|
<a class="thumb" href="?page=author" title="Debora Hilton">
|
||||||
|
<img src='images/samples/Team_100x100/image_01.jpg' alt='img'>
|
||||||
|
<span class="number animated_element" data-value="34"></span>
|
||||||
|
</a>
|
||||||
|
<div class="details">
|
||||||
|
<h5><a href="?page=author" title="Debora Hilton">Debora Hilton</a></h5>
|
||||||
|
<h6>EDITOR</h6>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="author">
|
||||||
|
<a class="thumb" href="?page=author" title="Anna Shubina">
|
||||||
|
<img src='images/samples/Team_100x100/image_02.jpg' alt='img'>
|
||||||
|
<span class="number animated_element" data-value="25"></span>
|
||||||
|
</a>
|
||||||
|
<div class="details">
|
||||||
|
<h5><a href="?page=author" title="Anna Shubina">Anna Shubina</a></h5>
|
||||||
|
<h6>EDITOR</h6>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="author">
|
||||||
|
<a class="thumb" href="?page=author" title="Liam Holden">
|
||||||
|
<img src='images/samples/Team_100x100/image_03.jpg' alt='img'>
|
||||||
|
<span class="number animated_element" data-value="9"></span>
|
||||||
|
</a>
|
||||||
|
<div class="details">
|
||||||
|
<h5><a href="?page=author" title="Liam Holden">Liam Holden</a></h5>
|
||||||
|
<h6>PUBLISHER</h6>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="author">
|
||||||
|
<a class="thumb" href="?page=author" title="Heather Dale">
|
||||||
|
<img src='images/samples/Team_100x100/image_04.jpg' alt='img'>
|
||||||
|
<span class="number animated_element" data-value="2"></span>
|
||||||
|
</a>
|
||||||
|
<div class="details">
|
||||||
|
<h5><a href="?page=author" title="Heather Dale">Heather Dale</a></h5>
|
||||||
|
<h6>ILLUSTRATOR</h6>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@endsection
|
||||||
@@ -1,92 +1,138 @@
|
|||||||
@extends('page')
|
@extends('layouts/sidebar')
|
||||||
|
|
||||||
@section('title')
|
@section('title')
|
||||||
Nieuws | {{$news->title}}
|
{{$news->title}}
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<article class="article-content" itemscope itemtype="http://schema.org/Article">
|
@php($imgBase = 'https://nhgooi.nl')
|
||||||
<div class="article-header">
|
|
||||||
<div class="article-meta clearfix">
|
|
||||||
<span class="news-pubdate" data-short-date="{{Formatter::fullDate($news->published, 'w d m y')}}, {{$news->published->format("H:i")}}" datetime="{{$news->published->format('c')}}">
|
|
||||||
{{Formatter::relativeDate($news->published)}}, {{$news->published->format("H:i")}}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
<div class="row">
|
||||||
|
<div class="post single small_image">
|
||||||
|
<ul class="post_details clearfix">
|
||||||
|
@if($news->region && $news->region->title != "Regio")
|
||||||
|
<li class="detail category">Regio <a href="{{url('nieuws/regio/' . $news->region->slug)}}" title="{{$news->region->title}}">{{$news->region->title}}</a></li>
|
||||||
|
@endif
|
||||||
|
@if($news->theme && $news->theme->title != "Overig")
|
||||||
|
<li class="detail category">Thema <a href="{{url('nieuws/theme/' . $news->theme->slug)}}" title="{{$news->theme->title}}">{{$news->theme->title}}</a></li>
|
||||||
|
@endif
|
||||||
|
<li class="detail date">
|
||||||
|
{{Formatter::relativeDate($news->published)}} om {{$news->published->format('H:i')}}
|
||||||
|
@if($news->edited)
|
||||||
|
| bijgewerkt
|
||||||
|
@if($news->edited->format('d m') != $news->published->format('d m'))
|
||||||
|
op {{Formatter::relativeDate($news->edited)}}
|
||||||
|
@endif
|
||||||
|
om {{$news->edited->format('H:i')}} uur
|
||||||
|
@endif
|
||||||
|
</li>
|
||||||
|
@if($news->author)
|
||||||
|
<li class="detail author">{{$news->author}}</li>
|
||||||
|
@endif
|
||||||
|
</ul>
|
||||||
|
|
||||||
<h1 class="article-title" itemprop="headline">{{$news->title}}</h1>
|
|
||||||
|
|
||||||
@if($news->images && count($news->images) > 0)
|
@if($news->podcast)
|
||||||
@if(!$news->images[0]->title) @php($news->images[0]->title = $news->title) @endif
|
@include('widgets/mediaplayer')
|
||||||
<div class="mediabox">
|
<div class="announcement">
|
||||||
<div class="big-images owl-carousel">
|
|
||||||
<div>
|
<div>
|
||||||
<div class="mediabox-image">
|
<audio controls>
|
||||||
<img src="{{$news->images[0]->url}}" alt="{{strip_tags($news->images[0]->title)}}" title="{{strip_tags($news->images[0]->title)}}"/>
|
<source src="{{ $url = url( $apiUrl . 'podcast/download/' . $news->podcast->url . "?auth=" . $news->podcast->auth )}}" type="audio/mpeg" />
|
||||||
<span class="mediabox-image-title">{{$news->images[0]->title}}</span>
|
</audio>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
<ul class="post_details clearfix">
|
||||||
|
<li class="detail date">
|
||||||
|
{{ Formatter::relativeDate($news->podcast->created) }} uitgezonden
|
||||||
|
@if($news->podcast->program) in <a href="{{ url('radio/programma' . $news->podcast->program->url ) }}">{{ $news->podcast->program->name }}</a> @endif
|
||||||
|
</li>
|
||||||
|
<li class="detail category">
|
||||||
|
<a href="{{ url('/radio/gemist/fragment/' . $news->podcast->url) }}">
|
||||||
|
<span class="fa "></span>
|
||||||
|
<span>Meer over dit fragment</span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
|
||||||
</div>
|
<div class="post_content page_margin_top clearfix">
|
||||||
|
<div class="content_box">
|
||||||
<div class="thumbs owl-carousel">
|
@if($news->images)
|
||||||
@if(count($news->images) > 1) @foreach($news->images as $image)
|
@if(count($news->images) == 1)
|
||||||
<div>
|
<div class="post_image_box">
|
||||||
<img src="{{$image->url}}" alt="{{strip_tags($image->title)}}" title="{{strip_tags($image->title)}}" itemprop="image"/>
|
<a href="{{$imgBase . $news->images[0]->url}}" class="post_image prettyPhoto" title="{{$news->images[0]->title}}">
|
||||||
</div>
|
<img src='{{$imgBase . $news->images[0]->url}}' alt='{{$news->images[0]->title}}'>
|
||||||
@endforeach @endif
|
</a>
|
||||||
</div>
|
<div class="sentence">
|
||||||
|
<span class="text">{{$news->images[0]->title}}</span>
|
||||||
</div>
|
@if(isset($news->images[0]->author))
|
||||||
|
<span class="author">{{$news->images[0]->author}}</span>
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@endif
|
@else
|
||||||
<p class="intro">
|
<div class="horizontal_carousel_container thin page_margin_top gallery_control">
|
||||||
|
<ul class="horizontal_carousel control-for-post-gallery visible-5 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
|
||||||
|
@foreach($news->images as $image)
|
||||||
|
<li>
|
||||||
|
<a href="#"><img src='{{$imgBase . $image->url}}'></a>
|
||||||
|
</li>
|
||||||
|
@endforeach
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id="control-by-post-gallery" class="horizontal_carousel_container big margin_top_10">
|
||||||
|
<ul id="post-gallery" class="horizontal_carousel visible-1 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
|
||||||
|
@foreach($news->images as $image)
|
||||||
|
<li>
|
||||||
|
<a href="{{$imgBase . $image->url}}" data-rel="gallery" title="{{$image->title}}">
|
||||||
|
<span class="icon fullscreen animated"></span>
|
||||||
|
<img src='{{$imgBase . $image->url}}' alt='{{$image->title}}'>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
@endforeach
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
@endif
|
||||||
|
|
||||||
<span><b>{{$news->region->title}}</b> - </span> {!!$news->content!!}
|
@if(is_array($news->content))
|
||||||
|
@include('partial/nh_story', ['content' => $news->content]);
|
||||||
|
@else
|
||||||
|
<div class="text">
|
||||||
|
<p>{!!$news->content!!}</p>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
|
||||||
|
@if($news->source && $news->source->show)
|
||||||
|
<div class="post-source">
|
||||||
|
<p>Bron: {{$news->source->title}}</p>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
|
||||||
</p>
|
@include('widgets/share')
|
||||||
|
|
||||||
@if($news->source && $news->source->show)
|
<div class="row page_margin_top">
|
||||||
<div class="post-source">
|
<ul class="taxonomies tags left clearfix">
|
||||||
<p>Bron: {{$news->source->title}}</p>
|
@if($news->keywords = ['test'])
|
||||||
</div>
|
@foreach($news->keywords as $keyword)
|
||||||
@endif
|
<li>
|
||||||
|
<a href="{{url('nieuws/onderwerp/' . $keyword)}}" title="Zoek meer nieuws met het onderwerp {{$keyword}}">{{$keyword}}</a>
|
||||||
@if($news->podcast)
|
</li>
|
||||||
<div class="left_content">
|
@endforeach
|
||||||
<h2>Fragment</h2>
|
@endif
|
||||||
<p>{{ Formatter::relativeDate($news->podcast->created) }} uitgezonden @if($news->podcast->program) in <a href="{{ url('radio/programma' . $news->podcast->program->url ) }}">{{ $news->podcast->program->name }}</a> @endif </p>
|
</ul>
|
||||||
<p>
|
<ul class="taxonomies categories right clearfix">
|
||||||
<audio controls>
|
<li>
|
||||||
<source src="{{ $url = url( $apiUrl . 'podcast/download/' . $news->podcast->url . "?auth=" . $news->podcast->auth )}}" type="audio/mpeg" />
|
<a href="{{url('nieuws/thema/' . $news->theme->slug)}}" title="Zoek meer nieuws met het thema {{$news->theme->title}}">{{$news->theme->title}}</a>
|
||||||
</audio>
|
</li>
|
||||||
</p>
|
<li>
|
||||||
<p><a href="{{ url('/radio/gemist/fragment/' . $news->podcast->url) }}" class="btn btn-default">Meer over dit fragment</a></p>
|
<a href="{{url('nieuws/regio/' . $news->region->slug)}}" title="Zoek meer nieuws uit de regio {{$news->region->title}}">{{$news->region->title}}</a>
|
||||||
</div>
|
</li>
|
||||||
@endif
|
</ul>
|
||||||
<hr />
|
</div>
|
||||||
<div class="left_content">
|
|
||||||
<h2>Meer nieuws</h2>
|
|
||||||
<p>
|
|
||||||
<a href="{{ url('nieuws/regio/' . $news->region->slug) }}" title="Toon meer nieuws uit de regio {{$news->region->title}}" class="btn btn-primary">{{$news->region->title}}</a>
|
|
||||||
<a href="{{ url('nieuws/thema/' . $news->theme->slug) }}" title="Toon meer nieuws met thema {{$news->theme->title}}" class="btn btn-primary">{{$news->theme->title}}</a>
|
|
||||||
|
|
||||||
<!--
|
|
||||||
@if(is_array($news->keywords)) @foreach($news->keywords as $keyword)
|
|
||||||
<a href="nieuws/onderwerp/{{$keyword}}" class="btn btn-info" title="Zoek meer nieuwsberichten met het onderwerp '{{$keyword}}'">{{$keyword}}</a>
|
|
||||||
@endforeach @endif
|
|
||||||
-->
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<div class="article-bottom">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-6 col-sm-12 pull-right">
|
|
||||||
<a href="/contact?correction=true" class="block-ctalink" rel="nofollow">Correctie melden <i class="icon-arrow-small"></i></a>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
|
|||||||
@@ -1,98 +0,0 @@
|
|||||||
@extends('page')
|
|
||||||
|
|
||||||
@section('title')
|
|
||||||
Nieuws | {{$news->title}}
|
|
||||||
@endsection
|
|
||||||
|
|
||||||
@include('_mediaplayer')
|
|
||||||
|
|
||||||
@section('content')
|
|
||||||
<article class="article-content" itemscope itemtype="http://schema.org/Article">
|
|
||||||
<div class="article-header">
|
|
||||||
<div class="article-meta clearfix">
|
|
||||||
<span class="news-pubdate" data-short-date="{{Formatter::fullDate($news->published, 'w d m y')}}, {{$news->published->format("H:i")}}" datetime="{{$news->published->format('c')}}">
|
|
||||||
{{Formatter::relativeDate($news->published)}}, {{$news->published->format("H:i")}}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<h1 class="article-title" itemprop="headline">{{$news->title}}</h1>
|
|
||||||
{{--
|
|
||||||
@if($news->media && count($news->media) > 0)
|
|
||||||
@if(!$news->media[0]->title) @php($news->media[0]->title = $news->title) @endif
|
|
||||||
<div class="mediabox">
|
|
||||||
<div class="big-images owl-carousel">
|
|
||||||
<div>
|
|
||||||
<div class="mediabox-image">
|
|
||||||
<img src="{{$news->media[0]->url}}" alt="{{strip_tags($news->media[0]->title)}}" title="{{strip_tags($news->media[0]->title)}}"/>
|
|
||||||
<span class="mediabox-image-title">{{$news->media[0]->title}}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="thumbs owl-carousel">
|
|
||||||
@if(count($news->media) > 1) @foreach($news->media as $image)
|
|
||||||
<div>
|
|
||||||
<img src="{{$image->url}}" alt="{{strip_tags($image->title)}}" title="{{strip_tags($image->title)}}" itemprop="image"/>
|
|
||||||
</div>
|
|
||||||
@endforeach @endif
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
@endif
|
|
||||||
--}}
|
|
||||||
|
|
||||||
@foreach($news->blocks as $block)
|
|
||||||
@if($block->type == "text")
|
|
||||||
{!!$block->text!!}
|
|
||||||
@elseif($block->type == "intro")
|
|
||||||
<div class="intro">{!!$block->text!!}</div>
|
|
||||||
@elseif($block->type == "quote")
|
|
||||||
<blockquote>
|
|
||||||
{!!$block->text!!}
|
|
||||||
<div class="author">{{$block->name}}</div>
|
|
||||||
</blockquote>
|
|
||||||
@elseif($block->type == "image")
|
|
||||||
<div class="mediabox-image">
|
|
||||||
<img src="{{$block->image->imageWide}}" alt="{{$block->image->title}}" title="{{$block->image->title}} ©{{$block->image->author}}"/>
|
|
||||||
<span class="mediabox-image-title">{{$block->image->imageWide}}</span>
|
|
||||||
</div>
|
|
||||||
@elseif($block->type == "video")
|
|
||||||
<video controls>
|
|
||||||
@foreach($block->video->streams as $stream)
|
|
||||||
<source src="{!!$stream->stream_url!!}" type="application/x-mpegurl" />
|
|
||||||
@endforeach
|
|
||||||
</video>
|
|
||||||
<span class="author">{{$block->video->author}}</span>
|
|
||||||
@endif
|
|
||||||
@endforeach
|
|
||||||
|
|
||||||
@if($podcast)
|
|
||||||
<div class="left_content">
|
|
||||||
<h2>Fragment</h2>
|
|
||||||
<p>{{ Formatter::relativeDate($podcast->created) }} uitgezonden @if($podcast->program) in <a href="{{ url('radio/programma' . $podcast->program->url ) }}">{{ $podcast->program->name }}</a> @endif </p>
|
|
||||||
<p>
|
|
||||||
<audio controls>
|
|
||||||
<source src="{{ $url = url( $apiUrl . 'podcast/download/' . $podcast->url . "?auth=" . $podcast->auth )}}" type="audio/mpeg" />
|
|
||||||
</audio>
|
|
||||||
</p>
|
|
||||||
<p><a href="{{ url('/radio/gemist/fragment/' . $podcast->url) }}" class="btn btn-default">Meer over dit fragment</a></p>
|
|
||||||
</div>
|
|
||||||
@endif
|
|
||||||
<hr />
|
|
||||||
|
|
||||||
|
|
||||||
<div class="article-bottom">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-6 col-sm-12 pull-right">
|
|
||||||
<a href="/contact?correction=true" class="block-ctalink" rel="nofollow">Correctie melden <i class="icon-arrow-small"></i></a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
@endsection
|
|
||||||
|
|
||||||
@@ -1,17 +1,482 @@
|
|||||||
|
@extends('layouts/master')
|
||||||
@extends('page')
|
|
||||||
|
|
||||||
@section('title')
|
@section('title')
|
||||||
@if($title) {{$title}} - Nieuws @endif
|
@if($title) {{$title}} - Nieuws @endif
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<h1>Nieuwsarchief 6FM</h1>
|
@php($imgBase = 'https://nhgooi.nl')
|
||||||
|
@parent
|
||||||
|
|
||||||
|
<div class="page">
|
||||||
|
<div class="page_layout page_margin_top clearfix">
|
||||||
|
<div class="row">
|
||||||
|
<div class="column column_1_1">
|
||||||
|
<div class="blog_grid">
|
||||||
|
{{-- Desktop --}}
|
||||||
|
<div class="grid_view">
|
||||||
|
<div class="row">
|
||||||
|
<div class="column">
|
||||||
|
@if($item = current($news))
|
||||||
|
<div class="post large">
|
||||||
|
<a href="{{url($item->url)}}" title="{{$item->title}}">
|
||||||
|
@if($item->video)
|
||||||
|
<span class="icon video"></span>
|
||||||
|
@elseif($item->images && count($item->images) > 1)
|
||||||
|
<span class="icon gallery"></span>
|
||||||
|
@endif
|
||||||
|
<img src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="slider_content_box">
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category">
|
||||||
|
<a title="Regio: {{$item->region->title}}" href="{{url('nieuws/regio/' . $item->region->slug)}}">{{$item->region->title}}</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h2><a href="{{url($item->url)}}" title="{{$item->title}}">{{$item->title}}</a></h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
|
<div class="column">
|
||||||
|
@for($i = 0; ($i < 2) && ($item = next($news)); ++$i)
|
||||||
|
<div class="row">
|
||||||
|
<div class="post small">
|
||||||
|
<a href="{{url($item->url)}}" title="{{$item->title}}">
|
||||||
|
@if($item->video)
|
||||||
|
<span class="icon video"></span>
|
||||||
|
@elseif($item->images && count($item->images) > 1)
|
||||||
|
<span class="icon gallery"></span>
|
||||||
|
@endif
|
||||||
|
<img src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="slider_content_box">
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category">
|
||||||
|
<a title="Regio: {{$item->region->title}}" href="{{url('nieuws/regio/' . $item->region->slug)}}">{{$item->region->title}}</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h5><a href="{{url($item->url)}}" title="{{$item->title}}">{{$item->title}}</a></h5>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@endfor
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{-- Mobile --}}
|
||||||
|
<div class="slider_view">
|
||||||
|
<div class="caroufredsel_wrapper caroufredsel_wrapper_slider">
|
||||||
|
<ul class="slider id-small_slider">
|
||||||
|
@foreach($news as $item)
|
||||||
|
@if($loop->index >= 3) @break @endif
|
||||||
|
<li class="slide">
|
||||||
|
<a href="{{url($item->url)}}" title="{{$item->title}}">
|
||||||
|
@if($item->video)
|
||||||
|
<span class="icon video"></span>
|
||||||
|
@elseif($item->images && count($item->images) > 1)
|
||||||
|
<span class="icon gallery"></span>
|
||||||
|
@endif
|
||||||
|
<img src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="slider_content_box">
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category">
|
||||||
|
<a title="Regio: {{$item->region->title}}" href="{{url('nieuws/regio/' . $item->region->slug)}}">{{$item->region->title}}</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h2><a href="{{url($item->url)}}" title="{{$item->title}}">{{$item->title}}</a></h2>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
@endforeach
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div id="small_slider" class='slider_posts_list_container small'>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
{{-- Meer nieuws --}}
|
||||||
|
<div class="row page_margin_top">
|
||||||
|
<div class="column column_2_3">
|
||||||
|
<h4 class="box_header">Laatste nieuws</h4>
|
||||||
|
@foreach(array_slice($news, 3, 10) as $item)
|
||||||
|
@if($loop->index % 2 == 0)
|
||||||
|
<div class="row">
|
||||||
|
@endif
|
||||||
|
<div class="column column_1_2">
|
||||||
|
<ul class="blog">
|
||||||
|
<li class="post">
|
||||||
|
<a href="{{url($item->url)}}" title="{{$item->title}}">
|
||||||
|
@if($item->video)
|
||||||
|
<span class="icon video"></span>
|
||||||
|
@elseif($item->images && count($item->images) > 1)
|
||||||
|
<span class="icon gallery"></span>
|
||||||
|
@endif
|
||||||
|
<img src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}' alt='img'>
|
||||||
|
</a>
|
||||||
|
<h2><a href="{{url($item->url)}}" title="{{$item->title}}">{{$item->title}}</a></h2>
|
||||||
|
<ul class="post_details">
|
||||||
|
<li class="category">
|
||||||
|
<a title="Regio: {{$item->region->title}}" href="{{url('nieuws/regio/' . $item->region->slug)}}">{{$item->region->title}}</a>
|
||||||
|
</li>
|
||||||
|
<li class="category">
|
||||||
|
<a title="Thema: {{$item->theme->title}}" href="{{url('nieuws/thema/' . $item->theme->slug)}}">{{$item->theme->title}}</a>
|
||||||
|
</li>
|
||||||
|
36 @if($item->edited && ($item->edited != $item->published))
|
||||||
|
<li class="date edited">
|
||||||
|
Bijgewerkt
|
||||||
|
@if($item->edited->format('d m') != $item->published->format('d m'))
|
||||||
|
op {{Formatter::relativeDate($item->edited)}}
|
||||||
|
@endif
|
||||||
|
om {{$item->edited->format('H:i')}} uur
|
||||||
|
</li>
|
||||||
|
@else
|
||||||
|
<li class="date">
|
||||||
|
{{Formatter::relativeDate($item->published)}} om {{$item->published->format('H:i')}} uur
|
||||||
|
</li>
|
||||||
|
@endif
|
||||||
|
</ul>
|
||||||
|
<p>{{Formatter::excerpt($item->content, 150)}}</p>
|
||||||
|
<a class="read_more" href="{{url($item->url)}}" title="Lees verder"><span class="arrow"></span><span>Lees verder...</span></a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
@if($loop->index % 2 == 1)
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
@endforeach
|
||||||
|
|
||||||
|
<div id="items">
|
||||||
|
@include('partial/newslist_small', array_slice($news, 10, count($news)))
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<button class="more page_margin_top" type="button" id='meer-nieuws'>
|
||||||
|
<span class="fa-2x fas fa-spinner fa-spin" id="loading"></span>
|
||||||
|
LAAD MEER NIEUWSBERICHTEN
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="column column_1_3">
|
||||||
|
<div class="tabs no_scroll clearfix">
|
||||||
|
<ul class="tabs_navigation clearfix">
|
||||||
|
<li>
|
||||||
|
<a href="#sidebar-most-read" title="Most Read">
|
||||||
|
Most Read
|
||||||
|
</a>
|
||||||
|
<span></span>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="#sidebar-most-commented" title="Commented">
|
||||||
|
Commented
|
||||||
|
</a>
|
||||||
|
<span></span>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<div id="sidebar-most-read">
|
||||||
|
<ul class="blog rating page_margin_top clearfix">
|
||||||
|
<li class="post">
|
||||||
|
<a href="?page=post" title="Nuclear Fusion Closer to Becoming a Reality">
|
||||||
|
<img src='images/samples/510x187/image_12.jpg' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="post_content">
|
||||||
|
<span class="number animated_element" data-value="6 257"></span>
|
||||||
|
<h5><a href="?page=post" title="New Painkiller Rekindles Addiction Concerns">New Painkiller Rekindles Addiction Concerns</a></h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=health" title="HEALTH">HEALTH</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<div class="post_content">
|
||||||
|
<span class="number animated_element" data-value="5 062"></span>
|
||||||
|
<h5><a href="?page=post" title="New Painkiller Rekindles Addiction Concerns">New Painkiller Rekindles Addiction Concerns</a></h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=world" title="WORLD">WORLD</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<div class="post_content">
|
||||||
|
<span class="number animated_element" data-value="4 778"></span>
|
||||||
|
<h5><a href="?page=post" title="Seeking the Right Chemistry, Drug Makers Hunt for Mergers">Seeking the Right Chemistry, Drug Makers Hunt for Mergers</a></h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=sports" title="SPORTS">SPORTS</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<div class="post_content">
|
||||||
|
<span class="number animated_element" data-value="754"></span>
|
||||||
|
<h5><a href="?page=post" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">Study Linking Illnes and Salt Leaves Researchers Doubtful</a></h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=science" title="SCIENCE">SCIENCE</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<div class="post_content">
|
||||||
|
<span class="number animated_element" data-value="52"></span>
|
||||||
|
<h5><a href="?page=post" title="Syrian Civilians Trapped for Months Continue to be Evacuated">Syrian Civilians Trapped for Months Continue to be Evacuated</a></h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=science" title="SCIENCE">SCIENCE</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="more page_margin_top" href="#">SHOW MORE</a>
|
||||||
|
</div>
|
||||||
|
<div id="sidebar-most-commented">
|
||||||
|
<ul class="blog rating page_margin_top clearfix">
|
||||||
|
<li class="post">
|
||||||
|
<a href="?page=post" title="Nuclear Fusion Closer to Becoming a Reality">
|
||||||
|
<img src='images/samples/510x187/image_02.jpg' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="post_content">
|
||||||
|
<span class="number animated_element" data-value="70"></span>
|
||||||
|
<h5><a href="?page=post" title="New Painkiller Rekindles Addiction Concerns">New Painkiller Rekindles Addiction Concerns</a></h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=health" title="HEALTH">HEALTH</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<div class="post_content">
|
||||||
|
<span class="number animated_element" data-value="62"></span>
|
||||||
|
<h5><a href="?page=post_small_image" title="New Painkiller Rekindles Addiction Concerns">New Painkiller Rekindles Addiction Concerns</a></h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=world" title="WORLD">WORLD</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<div class="post_content">
|
||||||
|
<span class="number animated_element" data-value="30"></span>
|
||||||
|
<h5><a href="?page=post_quote_2" title="Seeking the Right Chemistry, Drug Makers Hunt for Mergers">Seeking the Right Chemistry, Drug Makers Hunt for Mergers</a></h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=sports" title="SPORTS">SPORTS</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<div class="post_content">
|
||||||
|
<span class="number animated_element" data-value="25"></span>
|
||||||
|
<h5><a href="?page=post" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">Study Linking Illnes and Salt Leaves Researchers Doubtful</a></h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=science" title="SCIENCE">SCIENCE</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<div class="post_content">
|
||||||
|
<span class="number animated_element" data-value="4"></span>
|
||||||
|
<h5><a href="?page=post" title="Syrian Civilians Trapped for Months Continue to be Evacuated">Syrian Civilians Trapped for Months Continue to be Evacuated</a></h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=science" title="SCIENCE">SCIENCE</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="more page_margin_top" href="#">SHOW MORE</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<h4 class="box_header page_margin_top_section">Latest Posts</h4>
|
||||||
|
<div class="vertical_carousel_container clearfix">
|
||||||
|
<ul class="blog small vertical_carousel autoplay-1 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
|
||||||
|
<li class="post">
|
||||||
|
<a href="?page=post_gallery" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">
|
||||||
|
<span class="icon small gallery"></span>
|
||||||
|
<img src='images/samples/100x100/image_06.jpg' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="post_content">
|
||||||
|
<h5>
|
||||||
|
<a href="?page=post_gallery" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">Study Linking Illnes and Salt Leaves Researchers Doubtful</a>
|
||||||
|
</h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=health" title="HEALTH">HEALTH</a></li>
|
||||||
|
<li class="date">
|
||||||
|
10:11 PM, Feb 02
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<a href="?page=post" title="Syrian Civilians Trapped For Months Continue To Be Evacuated">
|
||||||
|
<img src='images/samples/100x100/image_12.jpg' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="post_content">
|
||||||
|
<h5>
|
||||||
|
<a href="?page=post" title="Syrian Civilians Trapped For Months Continue To Be Evacuated">Syrian Civilians Trapped For Months Continue To Be Evacuated</a>
|
||||||
|
</h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=world" title="WORLD">WORLD</a></li>
|
||||||
|
<li class="date">
|
||||||
|
10:11 PM, Feb 02
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<a href="?page=post_soundcloud" title="Built on Brotherhood, Club Lives Up to Name">
|
||||||
|
<img src='images/samples/100x100/image_02.jpg' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="post_content">
|
||||||
|
<h5>
|
||||||
|
<a href="?page=post_soundcloud" title="Built on Brotherhood, Club Lives Up to Name">Built on Brotherhood, Club Lives Up to Name</a>
|
||||||
|
</h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=sports" title="SPORTS">SPORTS</a></li>
|
||||||
|
<li class="date">
|
||||||
|
10:11 PM, Feb 02
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<a href="?page=post" title="Nuclear Fusion Closer to Becoming a Reality">
|
||||||
|
<img src='images/samples/100x100/image_13.jpg' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="post_content">
|
||||||
|
<h5>
|
||||||
|
<a href="?page=post" title="Nuclear Fusion Closer to Becoming a Reality">Nuclear Fusion Closer to Becoming a Reality</a>
|
||||||
|
</h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=science" title="SCIENCE">SCIENCE</a></li>
|
||||||
|
<li class="date">
|
||||||
|
10:11 PM, Feb 02
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<h4 class="box_header page_margin_top_section">Top Authors</h4>
|
||||||
|
<ul class="authors rating clearfix">
|
||||||
|
<li class="author">
|
||||||
|
<a class="thumb" href="?page=author" title="Debora Hilton">
|
||||||
|
<img src='images/samples/Team_100x100/image_01.jpg' alt='img'>
|
||||||
|
<span class="number animated_element" data-value="34"></span>
|
||||||
|
</a>
|
||||||
|
<div class="details">
|
||||||
|
<h5><a href="?page=author" title="Debora Hilton">Debora Hilton</a></h5>
|
||||||
|
<h6>EDITOR</h6>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="author">
|
||||||
|
<a class="thumb" href="?page=author" title="Anna Shubina">
|
||||||
|
<img src='images/samples/Team_100x100/image_02.jpg' alt='img'>
|
||||||
|
<span class="number animated_element" data-value="25"></span>
|
||||||
|
</a>
|
||||||
|
<div class="details">
|
||||||
|
<h5><a href="?page=author" title="Anna Shubina">Anna Shubina</a></h5>
|
||||||
|
<h6>EDITOR</h6>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="author">
|
||||||
|
<a class="thumb" href="?page=author" title="Liam Holden">
|
||||||
|
<img src='images/samples/Team_100x100/image_03.jpg' alt='img'>
|
||||||
|
<span class="number animated_element" data-value="9"></span>
|
||||||
|
</a>
|
||||||
|
<div class="details">
|
||||||
|
<h5><a href="?page=author" title="Liam Holden">Liam Holden</a></h5>
|
||||||
|
<h6>PUBLISHER</h6>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="author">
|
||||||
|
<a class="thumb" href="?page=author" title="Heather Dale">
|
||||||
|
<img src='images/samples/Team_100x100/image_04.jpg' alt='img'>
|
||||||
|
<span class="number animated_element" data-value="2"></span>
|
||||||
|
</a>
|
||||||
|
<div class="details">
|
||||||
|
<h5><a href="?page=author" title="Heather Dale">Heather Dale</a></h5>
|
||||||
|
<h6>ILLUSTRATOR</h6>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<h4 class="box_header page_margin_top_section">Science</h4>
|
||||||
|
<ul class="blog small clearfix">
|
||||||
|
<li class="post">
|
||||||
|
<a href="?page=post_small_image" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">
|
||||||
|
<img src='images/samples/100x100/image_09.jpg' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="post_content">
|
||||||
|
<h5>
|
||||||
|
<a href="?page=post_small_image" title="Study Linking Illnes and Salt Leaves Researchers Doubtful">Study Linking Illnes and Salt Leaves Researchers Doubtful</a>
|
||||||
|
</h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=science" title="SCIENCE">SCIENCE</a></li>
|
||||||
|
<li class="date">
|
||||||
|
10:11 PM, Feb 02
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<a href="?page=post_quote" title="Syrian Civilians Trapped For Months Continue To Be Evacuated">
|
||||||
|
<img src='images/samples/100x100/image_12.jpg' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="post_content">
|
||||||
|
<h5>
|
||||||
|
<a href="?page=post_quote" title="Syrian Civilians Trapped For Months Continue To Be Evacuated">Syrian Civilians Trapped For Months Continue To Be Evacuated</a>
|
||||||
|
</h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=science" title="SCIENCE">SCIENCE</a></li>
|
||||||
|
<li class="date">
|
||||||
|
10:11 PM, Feb 02
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<a href="?page=post" title="Built on Brotherhood, Club Lives Up to Name">
|
||||||
|
<img src='images/samples/100x100/image_02.jpg' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="post_content">
|
||||||
|
<h5>
|
||||||
|
<a href="?page=post" title="Built on Brotherhood, Club Lives Up to Name">Built on Brotherhood, Club Lives Up to Name</a>
|
||||||
|
</h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=science" title="SCIENCE">SCIENCE</a></li>
|
||||||
|
<li class="date">
|
||||||
|
10:11 PM, Feb 02
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
<li class="post">
|
||||||
|
<a href="?page=post_gallery" title="Nuclear Fusion Closer to Becoming a Reality">
|
||||||
|
<span class="icon small gallery"></span>
|
||||||
|
<img src='images/samples/100x100/image_01.jpg' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="post_content">
|
||||||
|
<h5>
|
||||||
|
<a href="?page=post_gallery" title="Nuclear Fusion Closer to Becoming a Reality">Nuclear Fusion Closer to Becoming a Reality</a>
|
||||||
|
</h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category"><a href="?page=category&cat=science" title="SCIENCE">SCIENCE</a></li>
|
||||||
|
<li class="date">
|
||||||
|
10:11 PM, Feb 02
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<a class="more page_margin_top" href="#">MORE FROM SCIENCE</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@endsection
|
||||||
|
|
||||||
|
@section('oud')
|
||||||
@if($title) <h2> <a href="{{url('nieuws')}}" title="Terug naar het nieuwsoverzicht" class="btn btn-primary"><i class="icon-arrow-small-left"></i></a> {{$title}} </h2> @endif
|
@if($title) <h2> <a href="{{url('nieuws')}}" title="Terug naar het nieuwsoverzicht" class="btn btn-primary"><i class="icon-arrow-small-left"></i></a> {{$title}} </h2> @endif
|
||||||
|
|
||||||
<section class="page-content col-lg-8 col-md-12">
|
<section class="page-content col-lg-8 col-md-12">
|
||||||
<div id="items">
|
<div id="items">
|
||||||
@include('newslistitems', ['news' => $news])
|
@include('partial/newslistitems', ['news' => $news])
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="loading" style="display: none">
|
<div id="loading" style="display: none">
|
||||||
@@ -22,34 +487,43 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<script>
|
|
||||||
var page = 1;
|
|
||||||
var isLoading = 0;
|
|
||||||
var $items = $('#items');
|
|
||||||
var $isLoading = $('#loading');
|
|
||||||
$(function() {
|
|
||||||
$(window).scroll(function () {
|
|
||||||
var $this = $(this);
|
|
||||||
var tweak = 10;
|
|
||||||
|
|
||||||
if(!isLoading && (page > 0) && ($this.scrollTop() >= $items.height() - $this.height() - tweak))
|
|
||||||
{
|
|
||||||
isLoading = 1;
|
|
||||||
$isLoading.show();
|
|
||||||
$.ajax({ url: document.location.pathname + '?pagina=' + (++page) })
|
|
||||||
.always(function() { isLoading = 0; $isLoading.hide(); })
|
|
||||||
.done(function(data) {
|
|
||||||
if(!data) {
|
|
||||||
page = -1;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
$items.append(data); if(!data) alert( "No more data");
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
|
@push('scripts')
|
||||||
|
<script>
|
||||||
|
var nextPage = 2;
|
||||||
|
var isLoading = 0;
|
||||||
|
var $isLoading = $('#loading').hide();
|
||||||
|
|
||||||
|
$('#meer-nieuws').click(function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
if(!isLoading) {
|
||||||
|
// Set flag and update UI
|
||||||
|
isLoading = 1;
|
||||||
|
$isLoading.show();
|
||||||
|
var $button = $(this).attr("disabled", "disabled");
|
||||||
|
|
||||||
|
// Fire request for the next page
|
||||||
|
$.ajax({ url: document.location.pathname + '?pagina=' + nextPage })
|
||||||
|
.always(function() {
|
||||||
|
// Whether success or failure, update the UI again
|
||||||
|
isLoading = 0;
|
||||||
|
$isLoading.hide();
|
||||||
|
$button.removeAttr("disabled");
|
||||||
|
})
|
||||||
|
.done(function(data) {
|
||||||
|
if(!data) {
|
||||||
|
// When no data was returned, disable the button permanently
|
||||||
|
page = -1;
|
||||||
|
$button.attr("disabled", "disabled").text("Geen nieuws meer.");
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
$('#items').append(data);
|
||||||
|
++nextPage;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
@endpush
|
||||||
|
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
@extends('master')
|
@extends('layouts/master')
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<div class="clearfix" style="height: 15px;"></div>
|
<div class="clearfix" style="height: 15px;"></div>
|
||||||
|
|||||||
38
website/resources/views/partial/newslist_small.blade.php
Normal file
38
website/resources/views/partial/newslist_small.blade.php
Normal file
@@ -0,0 +1,38 @@
|
|||||||
|
@php($imgBase = 'https://nhgooi.nl')
|
||||||
|
@foreach($news as $item)
|
||||||
|
@if($loop->index % 3 == 0)
|
||||||
|
<ul class="blog medium clearfix">
|
||||||
|
@endif
|
||||||
|
<li class="post">
|
||||||
|
<a href="{{url($item->url)}}" title="{{$item->title}}">
|
||||||
|
@if($item->video)
|
||||||
|
<span class="icon video"></span>
|
||||||
|
@elseif($item->images && count($item->images) > 1)
|
||||||
|
<span class="icon gallery"></span>
|
||||||
|
@endif
|
||||||
|
<img src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}' alt='img'>
|
||||||
|
</a>
|
||||||
|
<div class="post_content">
|
||||||
|
<h5>
|
||||||
|
<a href="{{url($item->url)}}" title="{{$item->title}}">{{$item->title}}</a>
|
||||||
|
</h5>
|
||||||
|
<ul class="post_details simple">
|
||||||
|
<li class="category">
|
||||||
|
<a title="Regio: {{$item->region->title}}" href="{{url('nieuws/regio/' . $item->region->slug)}}">{{$item->region->title}}</a>
|
||||||
|
</li>
|
||||||
|
@if($item->edited && ($item->edited != $item->published))
|
||||||
|
<li class="date edited">
|
||||||
|
{{Formatter::relativeDate($item->edited)}} bijgewerkt om {{$item->published->format('H:i')}}
|
||||||
|
</li>
|
||||||
|
@else
|
||||||
|
<li class="date">
|
||||||
|
{{Formatter::relativeDate($item->published)}} om {{$item->published->format('H:i')}}
|
||||||
|
</li>
|
||||||
|
@endif
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
@if($loop->index % 3 == 2)
|
||||||
|
</ul>
|
||||||
|
@endif
|
||||||
|
@endforeach
|
||||||
37
website/resources/views/partial/nh_story.blade.php
Normal file
37
website/resources/views/partial/nh_story.blade.php
Normal file
@@ -0,0 +1,37 @@
|
|||||||
|
@foreach($content as $block)
|
||||||
|
@if($block->type == "headerRichA")
|
||||||
|
@php($block->image->url = $block->image->crops->{'16:9'}->{'1600'})
|
||||||
|
<a href="{{$block->image->url}}" class="post_image page_margin_top prettyPhoto" title="{{$block->image->title}}">
|
||||||
|
<img src="{{$block->image->url}}" alt="{{$block->image->title}}">
|
||||||
|
</a>
|
||||||
|
<div class="sentence margin_top_10">
|
||||||
|
<span class="text">{{$block->image->title}}</span>
|
||||||
|
@if($block->image->author)
|
||||||
|
<span class="author">{{$block->image->author}}</span>
|
||||||
|
@endif
|
||||||
|
</div>
|
||||||
|
@elseif($block->type == "text")
|
||||||
|
<div class="text">{!!$block->text!!}</div>
|
||||||
|
@elseif($block->type == "intro")
|
||||||
|
<h3 class="excerpt">{{strip_tags($block->text)}}</h3>
|
||||||
|
@elseif($block->type == "quote")
|
||||||
|
<blockquote>
|
||||||
|
{!!$block->text!!}
|
||||||
|
<div class="author">{{$block->name}}</div>
|
||||||
|
</blockquote>
|
||||||
|
@elseif($block->type == "image")
|
||||||
|
<div class="mediabox-image">
|
||||||
|
<img src="{{$block->image->imageWide}}" alt="{{$block->image->title}}" title="{{$block->image->title}} ©{{$block->image->author}}"/>
|
||||||
|
<span class="mediabox-image-title">{{$block->image->imageWide}}</span>
|
||||||
|
</div>
|
||||||
|
@elseif($block->type == "video")
|
||||||
|
@include('widgets/mediaplayer')
|
||||||
|
<video controls>
|
||||||
|
@foreach($block->video->streams as $stream)
|
||||||
|
<source src="{!!$stream->stream_url!!}" type="application/x-mpegurl" />
|
||||||
|
@endforeach
|
||||||
|
</video>
|
||||||
|
<span class="author">{{$block->video->author}}</span>
|
||||||
|
@endif
|
||||||
|
@endforeach
|
||||||
|
|
||||||
@@ -1,6 +1,7 @@
|
|||||||
@extends('page')
|
@extends('layouts/full')
|
||||||
|
|
||||||
|
@include('widgets/mediaplayer')
|
||||||
|
|
||||||
@include('_mediaplayer')
|
|
||||||
@section('title')
|
@section('title')
|
||||||
Fragment gemist | {{$podcast->title}}
|
Fragment gemist | {{$podcast->title}}
|
||||||
@endsection
|
@endsection
|
||||||
@@ -57,11 +58,12 @@ $(".vertical_carousel").each(function() {
|
|||||||
@endpush
|
@endpush
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
|
@parent
|
||||||
<?php
|
<?php
|
||||||
$audioUrl = url( $apiUrl . 'podcast/download/' . $podcast->url . "?auth=" . $podcast->auth );
|
$audioUrl = url( $apiUrl . 'podcast/download/' . $podcast->url . "?auth=" . $podcast->auth );
|
||||||
$popoutUrl = url('luister/fragment/' . $podcast->url . '?auth=' . $podcast->auth );
|
$popoutUrl = url('luister/fragment/' . $podcast->url . '?auth=' . $podcast->auth );
|
||||||
?>
|
?>
|
||||||
<div class="page_layout page_margin_top clearfix">
|
|
||||||
<div class="row page_margin_top">
|
<div class="row page_margin_top">
|
||||||
<div class="column column_2_3">
|
<div class="column column_2_3">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@@ -184,6 +186,5 @@ $(".vertical_carousel").each(function() {
|
|||||||
</nav>
|
</nav>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
@endsection
|
@endsection
|
||||||
|
|||||||
@@ -1,5 +1,4 @@
|
|||||||
|
@extends('layouts/sidebar')
|
||||||
@extends('page')
|
|
||||||
|
|
||||||
@section('title')
|
@section('title')
|
||||||
Fragment gemist
|
Fragment gemist
|
||||||
|
|||||||
@@ -1,10 +1,11 @@
|
|||||||
@extends('page')
|
@extends('layouts/full')
|
||||||
|
|
||||||
@section('title')
|
@section('title')
|
||||||
Radio | {{$program->name}}
|
Radio | {{$program->name}}
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
|
@parent
|
||||||
@php($now = new \DateTimeImmutable())
|
@php($now = new \DateTimeImmutable())
|
||||||
<div class="page_layout page_margin_top clearfix">
|
<div class="page_layout page_margin_top clearfix">
|
||||||
<div class="row page_margin_top">
|
<div class="row page_margin_top">
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
@extends('page')
|
@extends('layouts/full')
|
||||||
|
|
||||||
@section('title')
|
@section('title')
|
||||||
Radioprogrammering
|
Radioprogrammering
|
||||||
@@ -24,7 +24,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id='schedule'>
|
<div id='schedule'>
|
||||||
@include('radioscheduleweek', ['schedule' => $schedule])
|
@include('partial/radioscheduleweek', ['schedule' => $schedule])
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
@extends('page')
|
@extends('layouts/full')
|
||||||
|
|
||||||
@section('title')
|
@section('title')
|
||||||
Kijk NH Gooi TV
|
Kijk NH Gooi TV
|
||||||
@endsection
|
@endsection
|
||||||
|
|
||||||
@section('content')
|
@section('content')
|
||||||
<h1>NH Gooi TV</h1>
|
@parent
|
||||||
|
|
||||||
@if(false)
|
@if(false)
|
||||||
<p>Wegens een technisch probleem is NH Gooi TV momenteel niet via Internet te bekijken. Onze excuses voor het ongemak.</p>
|
<p>Wegens een technisch probleem is NH Gooi TV momenteel niet via Internet te bekijken. Onze excuses voor het ongemak.</p>
|
||||||
|
|||||||
@@ -1,95 +0,0 @@
|
|||||||
<!doctype html>
|
|
||||||
<html lang="{{ app()->getLocale() }}">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
||||||
|
|
||||||
<title>Laravel</title>
|
|
||||||
|
|
||||||
<!-- Fonts -->
|
|
||||||
<link href="https://fonts.googleapis.com/css?family=Raleway:100,600" rel="stylesheet" type="text/css">
|
|
||||||
|
|
||||||
<!-- Styles -->
|
|
||||||
<style>
|
|
||||||
html, body {
|
|
||||||
background-color: #fff;
|
|
||||||
color: #636b6f;
|
|
||||||
font-family: 'Raleway', sans-serif;
|
|
||||||
font-weight: 100;
|
|
||||||
height: 100vh;
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.full-height {
|
|
||||||
height: 100vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
.flex-center {
|
|
||||||
align-items: center;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.position-ref {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-right {
|
|
||||||
position: absolute;
|
|
||||||
right: 10px;
|
|
||||||
top: 18px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
|
||||||
font-size: 84px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.links > a {
|
|
||||||
color: #636b6f;
|
|
||||||
padding: 0 25px;
|
|
||||||
font-size: 12px;
|
|
||||||
font-weight: 600;
|
|
||||||
letter-spacing: .1rem;
|
|
||||||
text-decoration: none;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
|
|
||||||
.m-b-md {
|
|
||||||
margin-bottom: 30px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="flex-center position-ref full-height">
|
|
||||||
@if (Route::has('login'))
|
|
||||||
<div class="top-right links">
|
|
||||||
@if (Auth::check())
|
|
||||||
<a href="{{ url('/home') }}">Home</a>
|
|
||||||
@else
|
|
||||||
<a href="{{ url('/login') }}">Login</a>
|
|
||||||
<a href="{{ url('/register') }}">Register</a>
|
|
||||||
@endif
|
|
||||||
</div>
|
|
||||||
@endif
|
|
||||||
|
|
||||||
<div class="content">
|
|
||||||
<div class="title m-b-md">
|
|
||||||
Laravel
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="links">
|
|
||||||
<a href="https://laravel.com/docs">Documentation</a>
|
|
||||||
<a href="https://laracasts.com">Laracasts</a>
|
|
||||||
<a href="https://laravel-news.com">News</a>
|
|
||||||
<a href="https://forge.laravel.com">Forge</a>
|
|
||||||
<a href="https://github.com/laravel/laravel">GitHub</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@@ -14,6 +14,7 @@
|
|||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
@endpush
|
@endpush
|
||||||
|
|
||||||
@push('styles')
|
@push('styles')
|
||||||
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.7/mediaelementplayer.css" />
|
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mediaelement/4.2.7/mediaelementplayer.css" />
|
||||||
@endpush
|
@endpush
|
||||||
43
website/resources/views/widgets/share.blade.php
Normal file
43
website/resources/views/widgets/share.blade.php
Normal file
@@ -0,0 +1,43 @@
|
|||||||
|
<div class="row page_margin_top">
|
||||||
|
<div class="share_box clearfix">
|
||||||
|
<label>Share:</label>
|
||||||
|
<ul class="social_icons 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>
|
||||||
|
|
||||||
Reference in New Issue
Block a user