Sidebar widgets

This commit is contained in:
2020-01-24 23:37:19 +01:00
parent 29a447005c
commit d6a3f5e119
12 changed files with 217 additions and 630 deletions

View File

@@ -4,11 +4,22 @@
@if($title) {{$title}} - Nieuws @endif
@endsection
@section('breadcrumb')
@if($title)
<ul class="bread_crumb" style="margin-top: -10px; margin-bottom: 4px; ">
<li><a title="Nieuws" href="{{url('nieuws')}}">Nieuws</a></li>
<li class="separator icon_small_arrow right_gray">&nbsp;</li>
<li>{{$title}}</li>
</ul>
@endif
@endsection
@section('content')
@php($imgBase = 'https://nhgooi.nl')
@parent
@yield('breadcrumb')
<div class="page">
<div class="page_layout page_margin_top clearfix">
<div class="row">
<div class="column column_1_1">
@@ -161,314 +172,38 @@
</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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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>
<h4 class="box_header"><span class="fa fa-fire"></span> &nbsp; Meest gelezen</h4>
@include('widgets.populairnieuws')
<h4 class="page_margin_top box_header"><span class="fa fa-history"></span> &nbsp; Laatste podcasts</h4>
@include('widgets.laatstepodcasts')
<a class="more page_margin_top" href="{{url('radio/gemist')}}">Meer Fragment Gemist</a>
@if(!$title)
<h4 class="page_margin_top box_header"><span class="fa fa-tag"></span> &nbsp; Recente berichten</h4>
<?php
$regions = [];
$themes = [];
foreach($news as $item) {
$regions[$item->region->slug] = $item->region->title;
$themes[$item->theme->slug] = $item->theme->title;
}
?>
<ul class="taxonomies clearfix page_margin_top">
@foreach($regions as $slug => $title)
<li><a href="{{url('nieuws/regio/' . $slug)}}" title="Meer nieuws uit regio {{$title}}"><span class="fa fa-map-marker"></span> {{$title}}</a></li>
@endforeach
@foreach($themes as $slug => $title)
<li class="active"><a href="{{url('nieuws/thema/' . $slug)}}" title="Meer nieuws met thema {{$title}}"><span class="fa fa-tag"></span> {{$title}}</a></li>
@endforeach
</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&amp;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&amp;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&amp;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&amp;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>
@endif
</div>
</div>
</div>
</div>
@endsection
@section('oud')