New mobile header

Add job pages
More news button on home page links to news page
Small mobile fixes for new page and other pages
This commit is contained in:
Jorit Tijsen
2024-04-03 16:38:10 +02:00
parent 249f7a7d4c
commit 4aa1fef3ad
27 changed files with 157 additions and 76 deletions

View File

@@ -160,9 +160,7 @@
</div>
<div class="row mb-4">
<div class="col-12">
<a class="btn auto_width" id="meer-nieuws" href="#"
data-loadmorenews='{"container":["#items-more-news", "#items-most-read"], "url": "/nieuws"}'>
<span class="fas fa-spinner fa-spin" id="loading"></span>
<a class="btn auto_width" id="meer-nieuws" href="{{route('nieuws')}}">
Klik hier voor meer nieuws
</a>
</div>

View File

@@ -15,10 +15,10 @@
@endsection
@section('page_class')
news_post post_container
grey_background
@endsection
@section('container_class')
grey_background
news_post post_container
@endsection

View File

@@ -13,10 +13,10 @@
@endsection
@section('page_class')
news_post post_container
grey_background
@endsection
@section('container_class')
grey_background
news_post post_container
@endsection
@section('content')

View File

@@ -29,18 +29,16 @@
<a href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
</div>
<div class="logo_mobile">
<a href="{{url('/')}}"><img src="/images/logo-NHGooi-slogan.svg"/></a>
<a href="{{url('/')}}"><img src="/images/logo-NHGooi-slogan-diap.svg"/></a>
</div>
<div class="right_menu_container">
<ul class="right_menu">
<li>
<a class="player with_svg_icon" href="{{url('luister/live')}}">{!!file_get_contents(__DIR__ . '/../../../public/images/icons/radio.svg')!!}</a>
<a class="player" href="{{url('kijk/studio')}}">{!!file_get_contents(__DIR__ . '/../../../public/images/icons/television-2.svg')!!}</a>
</li>
<li>
<a class="player with_svg_icon" href="{{url('kijk/studio')}}">{!!file_get_contents(__DIR__ . '/../../../public/images/icons/television-2.svg')!!}</a>
</li>
<li>
<a href="https://wa.me/088-8505651">Tip <i class="fa-solid fa-circle-plus"></i></a>
<a href="https://wa.me/31888505651" target="_blank">Tip <i class="fa-solid fa-circle-plus"></i></a>
</li>
@if(isset($searchURL))
<li>
@@ -88,7 +86,7 @@
<!-- Content -->
<div class="page">
<div class="page @yield('page_class')">
<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%;">
@@ -156,9 +154,6 @@
<li><a class="twitter-x" title="Twitter/X" target="_blank" href="https://twitter.com/nhgooi"><i
class="fa-brands fa-twitter"></i></a>
</li>
<li><a class="youtube" title="Youtube" target="_blank"
href="https://www.youtube.com/channel/UC0qLwqmXiLoL5PrLlgB6B4Q"><i
class="fa-brands fa-youtube"></i></a></li>
</ul>
</div>
</div>

View File

@@ -4,7 +4,7 @@
<div class="@yield('container_class')">
<div class="row @yield('page_class')">
<div class="col-12 col-md content_container">
<div class="box full-width margin_top">
<div class="box full-width md_margin_top">
@yield('breadcrumb')
@yield('tags')
<h1 class="page_title">@yield('title')</h1>

View File

@@ -4,6 +4,9 @@
NH Gooi - Nieuws
@endsection
@section('page_class')
news
@endsection
@section('content')
<div class="clearfix">
@@ -21,14 +24,14 @@
<div class="col-md-12 col-12">
<h4 class="box_header"><span>Meer nieuws</span></h4>
<div class="box">
@include('partial/newslist_small', ['id' => 'items-more-news', 'news' => array_slice($news, 5, 5)])
@include('partial/newslist_small', ['id' => 'items-more-news', 'news' => $news])
</div>
</div>
</div>
<div class="row mb-4">
<div class="col-12">
<a class="btn auto_width" id="meer-nieuws" href="#"
data-loadmorenews='{"container":["#items-more-news"]}'>
data-loadmorenews='{"container":["#items-more-news"], "nextPage":3}'>
<span class="fas fa-spinner fa-spin" id="loading"></span>
Klik hier voor meer nieuws
</a>

View File

@@ -160,12 +160,6 @@
Deel op Facebook
</a>
</div>
<div class="col-12 col-md-auto">
<a data-share="twitter_x" href="javascript:void(0)" class="btn btn_twitter_x_share">
<i class="fa-brands fa-twitter"></i>
Deel op Twitter
</a>
</div>
</div>
</div>
</div>

View File

@@ -34,7 +34,7 @@
@endif
<div class="column column_1_2">
<ul class="blog">
<li class="post">
<li class="post auto_height">
<a href="{{url($item->url)}}" title="{{$item->title}}">
@if($item->video)
<span class="icon video"></span>

View File

@@ -90,7 +90,7 @@
<div class="">
<div class="row news_post">
<div class="col-12 col-md content_container">
<div class="box full-width post single small_image margin_top">
<div class="box full-width post single small_image md_margin_top">
<h1 class="page_title">{{$podcast->title}}</h1>
<div class="post_body">
<ul class="post_details clearfix">

View File

@@ -29,7 +29,7 @@
"Over NH Gooi" => array(
"" => "/contact",
"Contact" => "/contact",
// "Vacatures" => "/vacatures",
"Vacatures" => "/vacatures",
"Klachtenregeling" => "/klachten",
"Uitgangspunten streekredactie" => "/uploads/Eigen rol en ambities NH Gooi binnen de lokale nieuwsvoorziening.pdf",
"Frequenties" => "/frequenties",

View File

@@ -39,8 +39,8 @@
<div class="sub_title">
<a class="program_name" href="{{route('programma') . $recent->url}}" title="{{$recent->name}}"><strong>{{$recent->name}}</strong></a>
<span class="post_date" title="{{Formatter::relativeDate($recent->start)}} om {{$recent->start->format('H:i')}}.">
<i class="fa-regular fa-clock"></i> {{Formatter::relativeDate($recent->start)}} om {{$recent->start->format('H:i')}}.
</span>
<i class="fa-regular fa-clock"></i> {{Formatter::relativeDate($recent->start)}} om {{$recent->start->format('H:i')}}.
</span>
</div>
</li>
</ul>