From 1a8bbeb084073881cfa9784ecd2d06ca2968a194 Mon Sep 17 00:00:00 2001 From: Jorit Tijsen Date: Fri, 15 Mar 2024 13:35:43 +0100 Subject: [PATCH] Most pages are now styled. Small changes to existing pages. Changes to base layout style. --- app/Http/Controllers/Controller.php | 184 +++++----- app/Http/Controllers/HomeController.php | 38 +- app/Http/Controllers/NewsController.php | 26 +- app/Http/Controllers/StreamController.php | 22 +- public/css/style.css | 128 +++++-- public/css/style.css.map | 2 +- public/images/logo-NHGooi-diap.svg | 112 ++++++ public/images/logo-NHGooi-radio.svg | 82 +++++ public/images/logo-NHGooi-televisie.svg | 84 +++++ public/images/logo-NHGooi.svg | 63 ++++ resources/assets/sass/abstracts/_mixin.scss | 4 + resources/assets/sass/base/_base.scss | 6 +- resources/assets/sass/base/_container.scss | 27 +- resources/assets/sass/components/_box.scss | 15 +- resources/assets/sass/components/_footer.scss | 9 +- resources/assets/sass/components/_header.scss | 2 +- .../assets/sass/components/_main_news.scss | 2 +- resources/assets/sass/components/_menu.scss | 46 ++- .../assets/sass/components/_now-playing.scss | 7 +- resources/assets/sass/components/_page.scss | 11 +- resources/assets/sass/components/_post.scss | 9 +- resources/views/adverteren.blade.php | 56 ++- resources/views/app.blade.php | 57 ++- resources/views/calendarevent.blade.php | 22 +- resources/views/calendarlist.blade.php | 316 +++++++++-------- resources/views/contact.blade.php | 104 ++++-- resources/views/frequenties.blade.php | 50 ++- resources/views/home.blade.php | 330 ++++++++---------- resources/views/klachten.blade.php | 157 +++++---- resources/views/layouts/master.blade.php | 93 +---- resources/views/layouts/sidebar.blade.php | 100 +++--- resources/views/listen.blade.php | 4 +- resources/views/news.blade.php | 60 ++++ resources/views/newsitem.blade.php | 8 +- resources/views/newslist.blade.php | 230 ++++++------ resources/views/radioprogram.blade.php | 2 +- resources/views/radioschedule.blade.php | 4 + resources/views/watch.blade.php | 37 +- resources/views/widgets/contact.blade.php | 8 + resources/views/widgets/menu.blade.php | 16 +- .../views/widgets/nhgooiradiotv.blade.php | 27 +- routes/web.php | 2 +- 42 files changed, 1618 insertions(+), 944 deletions(-) create mode 100644 public/images/logo-NHGooi-diap.svg create mode 100644 public/images/logo-NHGooi-radio.svg create mode 100644 public/images/logo-NHGooi-televisie.svg create mode 100644 public/images/logo-NHGooi.svg create mode 100644 resources/views/news.blade.php diff --git a/app/Http/Controllers/Controller.php b/app/Http/Controllers/Controller.php index 84b6c3c6..1dad0d0f 100644 --- a/app/Http/Controllers/Controller.php +++ b/app/Http/Controllers/Controller.php @@ -2,11 +2,11 @@ namespace App\Http\Controllers; -use Illuminate\Foundation\Bus\DispatchesJobs; -use Illuminate\Routing\Controller as BaseController; -use Illuminate\Foundation\Validation\ValidatesRequests; use Illuminate\Foundation\Auth\Access\AuthorizesRequests; +use Illuminate\Foundation\Bus\DispatchesJobs; +use Illuminate\Foundation\Validation\ValidatesRequests; use Illuminate\Http\Request; +use Illuminate\Routing\Controller as BaseController; use Illuminate\Support\Facades\Session; use Illuminate\Support\Facades\Storage; use Illuminate\Support\Facades\View; @@ -15,95 +15,103 @@ class Controller extends BaseController { use AuthorizesRequests, DispatchesJobs, ValidatesRequests; - protected $API_URL; + protected $API_URL; - private function getDataFromFileAndConvert($file, $path, $class, $maxItems = 0) - { - $data = json_decode(Storage::disk('local')->get($file)); - foreach($path as $subobject) { $data = $data->$subobject; } - $items = []; - foreach($data as $item_data) - { - $items[] = new $class($item_data); - if($maxItems && count($items) == $maxItems) { break; } - } + private function getDataFromFileAndConvert($file, $path, $class, $maxItems = 0) + { + $data = json_decode(Storage::disk('local')->get($file)); + foreach ($path as $subobject) { + $data = $data->$subobject; + } + $items = []; + foreach ($data as $item_data) { + $items[] = new $class($item_data); + if ($maxItems && count($items) == $maxItems) { + break; + } + } - return $items; - } + return $items; + } public function __construct() { - View::share('apiUrl', $this->API_URL = env('API_URL', 'http://api.6fm.nl/')); - View::share('imgBase', env('IMAGE_BASE_URL', '/')); + View::share('apiUrl', $this->API_URL = env('API_URL', 'http://api.6fm.nl/')); + View::share('imgBase', env('IMAGE_BASE_URL', '/')); - $blogs = $this->getDataFromFileAndConvert('blogs.json', [], '\Model\Blog', 1); - $activeBlog = count($blogs) && $blogs[0]->is_active ? $blogs[0] : null; - View::share('activeBlog', $activeBlog); + $blogs = $this->getDataFromFileAndConvert('blogs.json', [], '\Model\Blog', 1); + $activeBlog = count($blogs) && $blogs[0]->is_active ? $blogs[0] : null; + View::share('activeBlog', $activeBlog); - //View::share('onAir', file_get_contents(url('onair'))); - View::composer('widgets.laatstenieuws', function($view) { - $view->with('data', $this->getDataFromFileAndConvert('laatste_nieuws.json', ['news'], '\Model\NewsItem')); - }); - View::composer('widgets.populairnieuws', function($view) { - $view->with('data', $this->getDataFromFileAndConvert('populair_nieuws.json', [], '\Model\NewsItem')); - }); - View::composer('widgets.nustraks', function($view) { - $data = json_decode(Storage::disk('local')->get('nu_straks.json'))->schedule; - $programs = []; - foreach($data as $item_data) - { - $programs[] = $program = new \Model\Program($item_data->program); - $program->start = new \DateTimeImmutable($item_data->start->date, new \DateTimeZone($item_data->start->timezone)); - $program->end = new \DateTimeImmutable($item_data->end->date, new \DateTimeZone($item_data->end->timezone)); - } + //View::share('onAir', file_get_contents(url('onair'))); + View::composer('widgets.laatstenieuws', function ($view) { + $view->with('data', $this->getDataFromFileAndConvert('laatste_nieuws.json', ['news'], '\Model\NewsItem')); + }); + View::composer('widgets.populairnieuws', function ($view) { + $view->with('data', $this->getDataFromFileAndConvert('populair_nieuws.json', [], '\Model\NewsItem')); + }); + View::composer('widgets.nustraks', function ($view) { + $data = json_decode(Storage::disk('local')->get('nu_straks.json'))->schedule; + $programs = []; + foreach ($data as $item_data) { + $programs[] = $program = new \Model\Program($item_data->program); + $program->start = new \DateTimeImmutable($item_data->start->date, + new \DateTimeZone($item_data->start->timezone)); + $program->end = new \DateTimeImmutable($item_data->end->date, + new \DateTimeZone($item_data->end->timezone)); + } - // Need a bit of slack here, otherwise the current program may show up - $now = new \DateTimeImmutable('2 minutes ago'); - $data = json_decode(Storage::disk('local')->get('zojuist.json'))->schedule; - $i = 0; - foreach(array_reverse($data) as $item_data) - { - $recent = $program = new \Model\Program($item_data->program); - $recent->start = new \DateTimeImmutable($item_data->start->date, new \DateTimeZone($item_data->start->timezone)); - $recent->end = new \DateTimeImmutable($item_data->end->date, new \DateTimeZone($item_data->end->timezone)); - if(($recent->end < $now) && (!$recent->nonstop) && (!$recent->rerun)) { - $view->with('recent', $recent); - break; - } - } + // Need a bit of slack here, otherwise the current program may show up + $now = new \DateTimeImmutable('2 minutes ago'); + $data = json_decode(Storage::disk('local')->get('zojuist.json'))->schedule; + $i = 0; + foreach (array_reverse($data) as $item_data) { + $recent = $program = new \Model\Program($item_data->program); + $recent->start = new \DateTimeImmutable($item_data->start->date, + new \DateTimeZone($item_data->start->timezone)); + $recent->end = new \DateTimeImmutable($item_data->end->date, + new \DateTimeZone($item_data->end->timezone)); + if (($recent->end < $now) && (!$recent->nonstop) && (!$recent->rerun)) { + $view->with('recent', $recent); + break; + } + } - $view->with('data', $programs); - }); - View::composer('widgets.laatstepodcasts', function($view) { - $view->with('data', $this->getDataFromFileAndConvert('laatste_podcasts.json', ['podcasts'], '\Model\Podcast')); - }); - View::composer('widgets.regioagenda', function($view) { - $view->with('data', $this->getDataFromFileAndConvert('regioagenda.json', [], '\Model\CalendarEvent')); - }); - View::composer('widgets.beelden', function($view) { - $view->with('data', $this->getDataFromFileAndConvert('beelden.json', ['items'], '\Model\NewsItem')); - }); - View::composer('widgets.menu', function($view) { - $view->with('news', $this->getDataFromFileAndConvert('laatste_nieuws.json', ['news'], '\Model\NewsItem')) - ->with('popular', $this->getDataFromFileAndConvert('populair_nieuws.json', [], '\Model\NewsItem', 3)) - ->with('podcasts', $this->getDataFromFileAndConvert('laatste_podcasts.json', ['podcasts'], '\Model\Podcast')); - }); + $view->with('data', $programs); + }); + View::composer('widgets.laatstepodcasts', function ($view) { + $view->with('data', + $this->getDataFromFileAndConvert('laatste_podcasts.json', ['podcasts'], '\Model\Podcast')); + }); + View::composer('widgets.regioagenda', function ($view) { + $view->with('data', $this->getDataFromFileAndConvert('regioagenda.json', [], '\Model\CalendarEvent')); + }); + View::composer('widgets.beelden', function ($view) { + $view->with('data', $this->getDataFromFileAndConvert('beelden.json', ['items'], '\Model\NewsItem')); + }); + View::composer('widgets.menu', function ($view) { + $view->with('news', $this->getDataFromFileAndConvert('laatste_nieuws.json', ['news'], '\Model\NewsItem')) + ->with('popular', $this->getDataFromFileAndConvert('populair_nieuws.json', [], '\Model\NewsItem', 3)) + ->with('podcasts', + $this->getDataFromFileAndConvert('laatste_podcasts.json', ['podcasts'], '\Model\Podcast')); + }); } protected function registerView(Request $request, $type, $id) { - if(config('app.env') == 'local') { - return; - } + if (config('app.env') == 'local') { + return; + } - app('db')->insert('INSERT INTO `pagestats`(`type`, `item_id`, `visitor_ip`, `session`, `referer`) VALUES(:type, :id, :ip, :session, :referer)', [ - 'type' => $type, - 'id' => $id, - 'ip' => $request->server('REMOTE_ADDR'), - 'session' => md5(Session::getId()), - 'referer' => $request->server('HTTP_REFERRER') - ]); + app('db')->insert('INSERT INTO `pagestats`(`type`, `item_id`, `visitor_ip`, `session`, `referer`) VALUES(:type, :id, :ip, :session, :referer)', + [ + 'type' => $type, + 'id' => $id, + 'ip' => $request->server('REMOTE_ADDR'), + 'session' => md5(Session::getId()), + 'referer' => $request->server('HTTP_REFERRER') + ]); } protected function API($url) @@ -113,10 +121,10 @@ class Controller extends BaseController // } // return []; - $arrContextOptions= [ + $arrContextOptions = [ 'ssl' => [ - "verify_peer"=>false, - "verify_peer_name"=>false, + "verify_peer" => false, + "verify_peer_name" => false, ], ]; @@ -128,12 +136,16 @@ class Controller extends BaseController return new \DateTime($obj->date, new \DateTimeZone($obj->timezone)); } - public function __call($method, $arguments) { - if(substr($method, 0, 5) == 'view_') { - $view = substr($method, 5); - if(view()->exists($view)) { return view($view, $this->getSidebareData()); } - } - return abort(404); + public function __call($method, $arguments) + { + if (substr($method, 0, 5) == 'view_') { + $view = substr($method, 5); + if (view()->exists($view)) { + return view($view); + } + } + + return abort(404); } public function getSidebareData() diff --git a/app/Http/Controllers/HomeController.php b/app/Http/Controllers/HomeController.php index 0d18a159..6701d8fa 100644 --- a/app/Http/Controllers/HomeController.php +++ b/app/Http/Controllers/HomeController.php @@ -2,36 +2,34 @@ namespace App\Http\Controllers; +use Illuminate\Http\Request; use \Model\NewsItem; class HomeController extends Controller { - public function show() + public function show(Request $request) { - $apiResult = $this->API('nieuws/overzicht?aantal=12'); + $total = 10; + $page = (int)$request->get('pagina', 1); + $apiResult = $this->API('nieuws/overzicht?pagina=' . (int)max(1, $page) . '&aantal=' . $total); $news = []; - foreach($apiResult->news as $newsItem) - { - $news[] = new \Model\NewsItem($newsItem); - } - - $apiResult = $this->API('programma/schema/nustraks'); - $comingUp = []; - foreach($apiResult->schedule as $program) - { - $comingUp[] = [ - 'start' => self::JsonToDateTime($program->start), - 'end' => self::JsonToDateTime($program->end), - 'program' => new \Model\Program($program->program) - ]; + foreach ($apiResult->news as $newsItem) { + $news[] = new \Model\NewsItem($newsItem); + } + + $populair = []; + $apiResult = $this->API('nieuws/populair?pagina=' . (int)max(1, $page) . '&aantal=' . $total); + foreach ($apiResult as $newsItem) { + $populair[] = new \Model\NewsItem($newsItem); } - $apiResult = $this->API('podcast/overzicht?aantal=20'); $podcasts = []; - foreach($apiResult->podcasts as $podcast) { - $podcasts[] = new \Model\Podcast($podcast); + $apiResult = $this->API('podcast/overzicht?aantal=3'); + $podcast = new \Model\Podcast($apiResult->podcasts[0]); + foreach ($apiResult->podcasts as $_podcast) { + $podcasts[] = new \Model\Podcast($_podcast); } - return view('home', ['news' => $news, 'podcasts' => $podcasts, 'comingUp' => $comingUp]); + return view('home', ['populair' => $populair, 'podcasts' => $podcasts, 'podcast' => $podcast, 'title' => 'Home', 'news' => $news, 'searchURL' => 'nieuws/zoeken']); } } diff --git a/app/Http/Controllers/NewsController.php b/app/Http/Controllers/NewsController.php index d9306a72..c63f6a79 100644 --- a/app/Http/Controllers/NewsController.php +++ b/app/Http/Controllers/NewsController.php @@ -37,7 +37,7 @@ class NewsController extends Controller - return view('newsitem', array_merge($this->getSidebareData(), ['news' => $newsItem, 'metadata' => $newsItem->metadata])); + return view('newsitem', array_merge($this->getSidebareData(), ['news' => $newsItem, 'metadata' => $newsItem->metadata, 'searchURL' => 'nieuws/zoeken'])); } } @@ -137,15 +137,13 @@ class NewsController extends Controller } $populair = []; - if ($url == 'overzicht') { - if ($title == null) { - $total = 5; - } - $apiResult = $this->API('nieuws/populair?pagina=' . (int)max(1, - $page) . ($total ? '&aantal=' . $total : '')); - foreach ($apiResult as $newsItem) { - $populair[] = new \Model\NewsItem($newsItem); - } + if ($title == null) { + $total = 5; + } + $apiResult = $this->API('nieuws/populair?pagina=' . (int)max(1, + $page) . ($total ? '&aantal=' . $total : '')); + foreach ($apiResult as $newsItem) { + $populair[] = new \Model\NewsItem($newsItem); } $podcast = null; @@ -158,7 +156,13 @@ class NewsController extends Controller } } - return view($request->ajax() ? ($title == null ? 'partial/home_newslist_small' : 'partial/newslist_small') : ($title == null ? 'home' : 'newslist'), ['populair' => $populair, 'podcasts' => $podcasts, 'podcast' => $podcast, 'id' => $id, 'title' => $title, 'news' => $news, 'searchURL' => 'nieuws/zoeken']); + $newsItems = []; + $apiResult = $this->API('nieuws/overzicht?aantal=5'); + foreach ($apiResult->news as $_newsItem) { + $newsItems[] = new \Model\NewsItem($_newsItem); + } + + return view($request->ajax() ? ($title == null ? 'partial/home_newslist_small' : 'partial/newslist_small') : ($title == null ? 'news' : 'newslist'), ['populair' => $populair, 'newsItems' => $newsItems, 'podcasts' => $podcasts, 'podcast' => $podcast, 'id' => $id, 'title' => $title, 'news' => $news, 'searchURL' => 'nieuws/zoeken']); } public function popular() diff --git a/app/Http/Controllers/StreamController.php b/app/Http/Controllers/StreamController.php index f1e032b9..78362399 100644 --- a/app/Http/Controllers/StreamController.php +++ b/app/Http/Controllers/StreamController.php @@ -13,21 +13,21 @@ class StreamController extends Controller { return view('listen', [ 'source' => self::$STREAM_URL . 'mp3live', - 'title' => 'Luister live', + 'title' => 'Luister live', 'content' => 'de live-uitzending van NH Gooi.', 'isStream' => true ]); } - + public function livetv() { - return view('watch', ['stream' => 'https://rrr.sz.xlcdn.com/?account=nhnieuws&file=nhgooi&type=live&service=wowza&protocol=https&output=playlist.m3u8']); + return view('watch', ['title' => 'Kijk NH Gooi Tv', 'stream' => 'https://rrr.sz.xlcdn.com/?account=nhnieuws&file=nhgooi&type=live&service=wowza&protocol=https&output=playlist.m3u8']); // return view('watch', ['stream' => 'https://stream.nhgooi.nl:81/tv']); } public function studio() { // return view('watch', ['stream' => 'https://stream.nhgooi.nl:81/live/studio']); - return view('watch', ['stream' => 'https://studiocam.nhgooi.nl/studiocam/live/index.m3u8']); + return view('watch', ['title' => 'Kijk NH Gooi Tv Studio', 'stream' => 'https://studiocam.nhgooi.nl/studiocam/live/index.m3u8']); } public function podcast(Request $request, $id) @@ -39,10 +39,10 @@ class StreamController extends Controller } return view('listen', [ - 'source' => $this->API_URL . 'podcast/download' . $apiResult->url . '?auth=' . $podcast->auth, - 'title' => $podcast->title, + 'source' => $this->API_URL . 'podcast/download' . $apiResult->url . '?auth=' . $podcast->auth, + 'title' => $podcast->title, 'content' => $podcast->title, - 'isStream' => false, + 'isStream' => false, 'canDownload' => true ]); } @@ -56,7 +56,7 @@ class StreamController extends Controller $url = '/luister/programma/' . $date->format('Y/m/d/H') . '/' . $duration . '/' . $i; $hours[$offset == $i ? '#' : $url] = 'Uur ' . ($i + 1) . ' (' . $other->format('H') . ':00)'; } - + return view('listen', [ 'source' => $this->API_URL . 'programma/download/' . $current->format('Y/m/d/H') . '/1', 'tabs' => $hours, @@ -69,8 +69,8 @@ class StreamController extends Controller public function gemeenteraad(Request $request) { return view('listen', [ 'source' => self::$STREAM_URL . 'gemhuizen', - 'title' => 'Gemeenteraad Huizen', - 'content' => 'de openbare vergadering van de gemeenteraad Huizen', + 'title' => 'Gemeenteraad Huizen', + 'content' => 'de openbare vergadering van de gemeenteraad Huizen', 'isStream' => true, 'canDownload' => false ]); } @@ -78,7 +78,7 @@ class StreamController extends Controller public function kerkdienst(Request $request) { return view('listen', [ 'source' => $this->API_URL . 'kerkdienst/download', - 'title' => 'Kerkdienst gemist', + 'title' => 'Kerkdienst gemist', 'content' => 'de kerkdienst van afgelopen zondag', 'isStream' => false, 'canDownload' => true ]); diff --git a/public/css/style.css b/public/css/style.css index ad1bf7b6..05cdad18 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -8,15 +8,33 @@ content: ""; } -.site_container { - max-width: 1440px; - margin: 0 auto; +body { + margin: 0; + padding: 0; } .body_container { - padding: 67px 135px; + max-width: 1170px; + margin: 0 auto; + padding: 67px 0; background-color: #f9f9f9; - margin: 0; +} + +.header_container { + max-width: 1170px; + margin: 0 auto; +} + +.grey_background { + background-color: #f9f9f9; +} + +.content_container { + padding-right: 50px; +} + +.sidebar { + width: calc(300px + var(--bs-gutter-x)); } .btn { @@ -45,8 +63,8 @@ } .header .logo { - margin-left: 135px; float: left; + margin-top: 18px; } .header .logo img { @@ -58,6 +76,15 @@ margin-bottom: 20px; background-image: linear-gradient(to right, #0102b0, #4090e3); } +.menu_container nav { + display: flex; +} +.menu_container nav > div { + height: 30px; + background: white; + flex-grow: 1; + border: 1px solid white; +} .menu_container .menu { margin: 0; padding: 0; @@ -66,6 +93,8 @@ position: relative; z-index: 0; margin: 0px -1px; + width: 1170px; + margin: 0 auto; } .menu_container .menu > li { float: left; @@ -87,6 +116,7 @@ padding: 5px 20px 5px 40px; text-decoration: none; background: white; + text-transform: uppercase; } .menu_container .menu > li.selected a, .menu_container .menu > li:hover a, .menu_container .menu > li.hover a { color: white; @@ -115,12 +145,6 @@ right: -1px; z-index: 1; } -.menu_container .menu > li:first-child { - width: 135px; - display: block; - background: white; - height: 29px; -} .menu_container .menu > li:last-child { margin-left: 10px; } @@ -137,6 +161,8 @@ .top_menu_container { height: 50px; + max-width: 1170px; + margin: 0 auto; } .top_menu_container ul { float: right; @@ -153,6 +179,9 @@ .top_menu_container ul li:last-child { border: none; } +.top_menu_container ul li:nth-child(2) { + padding: 0 19px; +} .top_menu_container ul li a { float: left; font-family: Nunito, serif; @@ -172,9 +201,26 @@ .top_menu_container ul li .search_form { float: left; overflow: hidden; - height: 21px; + height: 34px; margin-right: 10px; } +.top_menu_container ul li .search_form .search_input { + border: 1px solid #efefef; + border-radius: 5px; + background-color: #fff; + height: 29px; + font-family: Montserrat, serif; + font-size: 16px; + line-height: 1.25; + color: #1a1a1a; +} +.top_menu_container ul li .search_form .search_submit { + float: right; + margin: 6px; +} +.top_menu_container ul li .search_button { + margin-top: 6px; +} .menu-submenu { position: absolute; @@ -197,6 +243,7 @@ text-decoration: none; padding: 15px 0; border-bottom: 1px solid #f8f8f8; + text-transform: uppercase; } .menu-submenu > ul { padding: 20px; @@ -245,7 +292,6 @@ font-size: 16pt; font-family: "Roboto Condensed", serif; font-weight: 300; - /* background: #F6F6F6; */ background: rgba(246, 246, 246, 0.4); width: 728px; color: #787878; @@ -290,6 +336,13 @@ cursor: pointer; } +.player { + font-size: 14pt; + font-family: "Roboto Condensed", serif; + font-weight: 300; + color: #787878; +} + .blog_grid .row, .blog_grid .row > * { padding: 0; margin: 0; @@ -305,7 +358,7 @@ width: 100%; height: 100%; object-fit: cover; - filter: brightness(50%); + filter: brightness(70%); } .blog_grid .post.small { height: 50%; @@ -367,6 +420,7 @@ .box_header { border-bottom: 1px solid #efefef; + padding-right: 20px; } .box_header span { font-family: Nunito, serif; @@ -378,6 +432,15 @@ text-transform: uppercase; height: 30px; } +.box_header.extra_small span { + font-size: 12px; +} +.box_header.small span { + font-size: 14px; +} +.box_header.medium span { + font-size: 18px; +} .box { display: inline-block; @@ -411,7 +474,7 @@ cursor: pointer; padding-bottom: 3px; } -.tabs .box_header.extra-small span { +.tabs .box_header.extra_small span { font-size: 12px; } .tabs .box_header.small span { @@ -428,6 +491,7 @@ .tab_content { display: none; + padding: 20px 23px 20px 20px; } .tab_content.active { display: block; @@ -701,13 +765,13 @@ } .post_container { - padding: 40px 135px; - background-color: #f9f9f9; - margin: 0; + max-width: 1170px; + margin: 0 auto; + padding: 32px 0; } .post_container > .col-8 { - width: calc(66.66666667% - 50px); - margin-right: 50px; + width: calc(66.66666667% - 20px); + margin-right: 20px; } .post_container .bread_crumb { border-bottom: 1px solid #efefef; @@ -859,13 +923,12 @@ } .page_container { + max-width: 1170px; + margin: 0 auto; background-color: #fff; width: calc(100% - 270px); padding: 32px 135px; } -.page_container.grey-background { - background-color: #f9f9f9; -} .page_body { font-family: Nunito, serif; @@ -877,6 +940,10 @@ .action_button { text-decoration: none; color: #282828; + margin-right: 20px; +} +.action_button .fa { + margin-right: 10px; } .input_container { @@ -912,13 +979,16 @@ color: #fff; } .footer_container .footer_menu { - padding: 61px 135px 38px 134px; background-image: linear-gradient(to right, #0102b0, #4090e3); } +.footer_container .footer_menu .row { + max-width: 1170px; + margin: 0 auto; +} .footer_container .footer_menu .row:first-child { padding-bottom: 70px; margin-bottom: 34px; - border-bottom: 1px solid #fff; + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .footer_container .footer_menu a { color: #fff; @@ -931,7 +1001,7 @@ margin-bottom: 10px; } .footer_container .footer_menu .box_header { - border-bottom: 1px solid #fff; + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .footer_container .footer_menu .box_header span { border-bottom: 3px solid #fff; @@ -996,4 +1066,8 @@ background-color: #e73323; } +.mejs__overlay-button { + border: none; +} + /*# sourceMappingURL=style.css.map */ diff --git a/public/css/style.css.map b/public/css/style.css.map index 550dc5b1..87c037ac 100644 --- a/public/css/style.css.map +++ b/public/css/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../resources/assets/sass/abstracts/_fonts.scss","../../resources/assets/sass/base/_clearfix.scss","../../resources/assets/sass/base/_container.scss","../../resources/assets/sass/components/_button.scss","../../resources/assets/sass/components/_header.scss","../../resources/assets/sass/components/_menu.scss","../../resources/assets/sass/abstracts/_mixin.scss","../../resources/assets/sass/abstracts/_variables.scss","../../resources/assets/sass/components/_now-playing.scss","../../resources/assets/sass/components/_main_news.scss","../../resources/assets/sass/components/_box.scss","../../resources/assets/sass/components/_blog.scss","../../resources/assets/sass/components/_sidebar.scss","../../resources/assets/sass/components/_radio_box.scss","../../resources/assets/sass/components/_contact_box.scss","../../resources/assets/sass/components/_featured.scss","../../resources/assets/sass/components/_podcast_items.scss","../../resources/assets/sass/components/_bread_crumb.scss","../../resources/assets/sass/components/_page_title.scss","../../resources/assets/sass/components/_post.scss","../../resources/assets/sass/components/_schedule.scss","../../resources/assets/sass/components/_page.scss","../../resources/assets/sass/components/_input.scss","../../resources/assets/sass/components/_footer.scss"],"names":[],"mappings":";AAAQ;AACA;AACA;ACFR;EACE;EACA;EACA;;;ACHF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;ACPF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AClBJ;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;ACLF;EACE;EACA;EACA;;AAEA;ECLA;EACA;EACA;EDKE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA,OEUS;EFTT,aEUU;EFTV,WEUQ;EFTR;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMV;EACE;;AAEA;EACE;EC9FF;EACA;EACA;;AD+FE;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;;AAMR;EACE;;AAEA;EACE;EACA;;AAGF;EC/IA;EACA;EACA;;AD+IE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;;AACA;EACE;;AAIN;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;;AGrMR;EACE;;;AAEF;EACE;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AC/CV;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;;AAEA;EH/BJ;EACA;EACA;;AGgCM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA,OFdiB;EEejB;;AAEF;EACE;EACA;;AAEF;EH1DJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EGiDM,OFvBiB;;;AG7CzB;EAWE;;AAVA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAGJ;EACE;EACA;;AACA;EACE;;AAEF;EACE;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIA;EACE;EACA;EACA;;;AAKR;EACE;;AACA;EACE;;;AClEJ;ELCE;EACA;EACA;;AKAA;EACE;;AAEA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;ELxBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AKiBE;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AC7CN;EACE;;;ACCF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EPNA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AOAA;EACE;EACA;EACA;EACA;EACA;EACA;;;ACvBJ;EACE;;AACA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;ERLA;EACA;EACA;EACA;EACA;EACA;;;ASzBA;EACE;;AAEF;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;ET2BA;EACA;;AACA;EAhBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AASA;EA3CA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ASIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AC3BF;EVAA;EACA;EACA;;AUCE;EACE;;AACA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EVwBJ;EACA;;AACA;EAhBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AASA;EA3CA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AWjBF;EACE;EXAA;EACA;EACA;;AWCA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;ACtBN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACLF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EbdA;EACA;EACA;EacE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIN;EACE;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EbnFF;EACA;EACA;;AaoFI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;;AAKN;EACE;EACA;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;;;AC9HJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EdLA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AcHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;ACzBN;EACE;EACA;EACA;;AACA;EACE;;;AAGJ;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;;;AChBF;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;;;ACtBJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EjB5DA;EACA;EACA;;AiB6DE;EACE;EACA;;AAEA;EACE;;AAKN;EACE;EjB1EF;EACA;EACA;;AiB2EE;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../resources/assets/sass/abstracts/_fonts.scss","../../resources/assets/sass/base/_clearfix.scss","../../resources/assets/sass/base/_container.scss","../../resources/assets/sass/abstracts/_mixin.scss","../../resources/assets/sass/components/_button.scss","../../resources/assets/sass/components/_header.scss","../../resources/assets/sass/components/_menu.scss","../../resources/assets/sass/abstracts/_variables.scss","../../resources/assets/sass/components/_now-playing.scss","../../resources/assets/sass/components/_main_news.scss","../../resources/assets/sass/components/_box.scss","../../resources/assets/sass/components/_blog.scss","../../resources/assets/sass/components/_sidebar.scss","../../resources/assets/sass/components/_radio_box.scss","../../resources/assets/sass/components/_contact_box.scss","../../resources/assets/sass/components/_featured.scss","../../resources/assets/sass/components/_podcast_items.scss","../../resources/assets/sass/components/_bread_crumb.scss","../../resources/assets/sass/components/_page_title.scss","../../resources/assets/sass/components/_post.scss","../../resources/assets/sass/components/_schedule.scss","../../resources/assets/sass/components/_page.scss","../../resources/assets/sass/components/_input.scss","../../resources/assets/sass/components/_footer.scss","../../resources/assets/sass/base/_base.scss"],"names":[],"mappings":";AAAQ;AACA;AACA;ACFR;EACE;EACA;EACA;;;ACDF;EACE;EACA;;;AAKF;ECNE;EACA;EDOA;EACA;;;AAEF;ECXE;EACA;;;ADaF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AExBF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AClBJ;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;ACLF;EACE;EACA;EACA;;AAEA;EACE;;AACA;EACE;EACA;EACA;EACA;;AAIJ;EHXA;EACA;EACA;EGWE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA,OCFS;EDGT,aCFU;EDGV,WCFQ;EDGR;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMV;EACE;EHjGA;EACA;;AGmGA;EACE;EHjGF;EACA;EACA;;AGkGE;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AAGJ;EACE;;;AAMR;EACE;;AAEA;EACE;EACA;;AAGF;EHxKA;EACA;EACA;;AGwKE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;;AACA;EACE;;AAIN;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;;AEnOR;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAOZ;EACE;EACA;EACA;EACA;;;ACzDA;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;;AAEA;EN3BJ;EACA;EACA;;AM4BM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA,OFdiB;EEejB;;AAEF;EACE;EACA;;AAEF;ENtDJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EM6CM,OFvBiB;;;AG7CzB;EAsBE;EACA;;AAtBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAGJ;EACE;EACA;;AACA;EACE;;AAEF;EACE;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIA;EACE;EACA;EACA;;;AAKR;EACE;EACA;;AACA;EACE;;;AC/EJ;ERKE;EACA;EACA;;AQJA;EACE;;AAEA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;ERpBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AQaE;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AC7CN;EACE;;;ACCF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EVFA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AUJA;EACE;EACA;EACA;EACA;EACA;EACA;;;ACvBJ;EACE;;AACA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EXDA;EACA;EACA;EACA;EACA;EACA;;;AY7BA;EACE;;AAEF;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EZ+BA;EACA;;AACA;EAhBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AASA;EA3CA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AYAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AC3BF;EbIA;EACA;EACA;;AaHE;EACE;;AACA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;Eb4BJ;EACA;;AACA;EAhBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AASA;EA3CA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AcrBF;EACE;EdIA;EACA;EACA;;AcHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;ACtBN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACLF;EhBCE;EACA;EgBAA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EhBTA;EACA;EACA;EgBSE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIN;EACE;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EhB9EF;EACA;EACA;;AgB+EI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;;AAKN;EACE;EACA;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;;;AC7HJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEF;EjBDA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AiBPA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;;;ACvBN;ElBCE;EACA;EkBAA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;AAEA;EACE;;;ACpBJ;EACE;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA;;;ACtBJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EpBVF;EACA;;AoBaE;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EpB3DA;EACA;EACA;;AoB4DE;EACE;EACA;;AAEA;EACE;;AAKN;EACE;EpBzEF;EACA;EACA;;AoB0EE;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;;AC/FV;EACE","file":"style.css"} \ No newline at end of file diff --git a/public/images/logo-NHGooi-diap.svg b/public/images/logo-NHGooi-diap.svg new file mode 100644 index 00000000..dca7ada4 --- /dev/null +++ b/public/images/logo-NHGooi-diap.svg @@ -0,0 +1,112 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/logo-NHGooi-radio.svg b/public/images/logo-NHGooi-radio.svg new file mode 100644 index 00000000..c390fab5 --- /dev/null +++ b/public/images/logo-NHGooi-radio.svg @@ -0,0 +1,82 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/logo-NHGooi-televisie.svg b/public/images/logo-NHGooi-televisie.svg new file mode 100644 index 00000000..fba8eb91 --- /dev/null +++ b/public/images/logo-NHGooi-televisie.svg @@ -0,0 +1,84 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/images/logo-NHGooi.svg b/public/images/logo-NHGooi.svg new file mode 100644 index 00000000..3f007dfb --- /dev/null +++ b/public/images/logo-NHGooi.svg @@ -0,0 +1,63 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/resources/assets/sass/abstracts/_mixin.scss b/resources/assets/sass/abstracts/_mixin.scss index eb69c41b..1f57972a 100644 --- a/resources/assets/sass/abstracts/_mixin.scss +++ b/resources/assets/sass/abstracts/_mixin.scss @@ -1,5 +1,9 @@ @use "variables" as *; +@mixin container { + max-width: 1170px; + margin: 0 auto; +} @mixin reset-list { margin: 0; padding: 0; diff --git a/resources/assets/sass/base/_base.scss b/resources/assets/sass/base/_base.scss index a402bddb..11c43565 100644 --- a/resources/assets/sass/base/_base.scss +++ b/resources/assets/sass/base/_base.scss @@ -3,4 +3,8 @@ @use "container"; @use "../components/button"; -@use "../layout"; \ No newline at end of file +@use "../layout"; + +.mejs__overlay-button { + border: none; +} diff --git a/resources/assets/sass/base/_container.scss b/resources/assets/sass/base/_container.scss index 84f15768..b40c5e3d 100644 --- a/resources/assets/sass/base/_container.scss +++ b/resources/assets/sass/base/_container.scss @@ -1,9 +1,26 @@ +@use "../abstracts/mixin" as *; + +body { + margin: 0; + padding: 0; +} .site_container { - max-width: 1440px; - margin: 0 auto; + } .body_container { - padding: 67px 135px; + @include container; + padding: 67px 0; background-color: #f9f9f9; - margin: 0; -} \ No newline at end of file +} +.header_container { + @include container; +} +.grey_background { + background-color: #f9f9f9; +} +.content_container { + padding-right: 50px; +} +.sidebar { + width: CALC(300px + var(--bs-gutter-x)); +} diff --git a/resources/assets/sass/components/_box.scss b/resources/assets/sass/components/_box.scss index e25ede41..a19c3dd3 100644 --- a/resources/assets/sass/components/_box.scss +++ b/resources/assets/sass/components/_box.scss @@ -9,7 +9,19 @@ text-transform: uppercase; height: 30px; } + &.extra_small span { + font-size: 12px; + } + + &.small span { + font-size: 14px; + } + + &.medium span { + font-size: 18px; + } border-bottom: 1px solid #efefef; + padding-right: 20px; } .box { display: inline-block; @@ -42,7 +54,7 @@ padding-bottom: 3px; } - &.extra-small span { + &.extra_small span { font-size: 12px; } @@ -65,6 +77,7 @@ } .tab_content { display: none; + padding: 20px 23px 20px 20px; &.active { display: block; } diff --git a/resources/assets/sass/components/_footer.scss b/resources/assets/sass/components/_footer.scss index dd06b027..f732c6ec 100644 --- a/resources/assets/sass/components/_footer.scss +++ b/resources/assets/sass/components/_footer.scss @@ -9,13 +9,16 @@ color: #fff; .footer_menu { - padding: 61px 135px 38px 134px; background-image: linear-gradient(to right, #0102b0, #4090e3); + .row { + @include container; + } + .row:first-child { padding-bottom: 70px; margin-bottom: 34px; - border-bottom: 1px solid #fff; + border-bottom: 1px solid rgba(255, 255, 255, 0.2); } a { @@ -31,7 +34,7 @@ } .box_header { - border-bottom: 1px solid #fff; + border-bottom: 1px solid rgba(255, 255, 255, 0.2); span { border-bottom: 3px solid #fff; diff --git a/resources/assets/sass/components/_header.scss b/resources/assets/sass/components/_header.scss index f74413b5..ffbfa55b 100644 --- a/resources/assets/sass/components/_header.scss +++ b/resources/assets/sass/components/_header.scss @@ -2,8 +2,8 @@ height: 110px; } .header .logo { - margin-left: 135px; float: left; + margin-top: 18px; } .header .logo img { height: 75px; diff --git a/resources/assets/sass/components/_main_news.scss b/resources/assets/sass/components/_main_news.scss index e5cf274d..18b504b3 100644 --- a/resources/assets/sass/components/_main_news.scss +++ b/resources/assets/sass/components/_main_news.scss @@ -17,7 +17,7 @@ width: 100%; height: 100%; object-fit: cover; - filter: brightness(50%); + filter: brightness(70%); } &.small { diff --git a/resources/assets/sass/components/_menu.scss b/resources/assets/sass/components/_menu.scss index d14df657..cf2c5b7f 100644 --- a/resources/assets/sass/components/_menu.scss +++ b/resources/assets/sass/components/_menu.scss @@ -6,12 +6,24 @@ margin-bottom: 20px; background-image: linear-gradient(to right, #0102b0, #4090e3); + nav { + display: flex; + > div { + height: 30px; + background: white; + flex-grow: 1; + border: 1px solid white; + } + } + .menu { @include reset-list; overflow: hidden; position: relative; z-index: 0; margin: 0px -1px; + width: 1170px; + margin: 0 auto; > li { float: left; @@ -35,6 +47,7 @@ padding: 5px 20px 5px 40px; text-decoration: none; background: white; + text-transform: uppercase } &.selected a, &:hover a, &.hover a { @@ -67,13 +80,6 @@ } } - &:first-child { - width: 135px; - display: block; - background: white; - height: 29px; - } - &:last-child { margin-left: 10px; @@ -93,6 +99,7 @@ } .top_menu_container { height: 50px; + @include container; ul { float: right; @@ -108,6 +115,10 @@ border: none; } + &:nth-child(2) { + padding: 0 19px; + } + a { float: left; font-family: Nunito, serif; @@ -129,8 +140,26 @@ .search_form { float: left; overflow: hidden; - height: 21px; + height: 34px; margin-right: 10px; + + .search_input { + border: 1px solid #efefef; + border-radius: 5px; + background-color: #fff; + height: 29px; + font-family: Montserrat, serif; + font-size: 16px; + line-height: 1.25; + color: #1a1a1a; + } + .search_submit { + float: right; + margin: 6px; + } + } + .search_button { + margin-top: 6px; } } } @@ -155,6 +184,7 @@ text-decoration: none; padding: 15px 0; border-bottom: 1px solid #f8f8f8; + text-transform: uppercase; } } diff --git a/resources/assets/sass/components/_now-playing.scss b/resources/assets/sass/components/_now-playing.scss index dfd45751..53fded13 100644 --- a/resources/assets/sass/components/_now-playing.scss +++ b/resources/assets/sass/components/_now-playing.scss @@ -5,7 +5,6 @@ font-size: 16pt; font-family: 'Roboto Condensed', serif; font-weight: 300; - /* background: #F6F6F6; */ background: rgba(246, 246, 246, 0.4); width: 728px; color: #787878; @@ -56,3 +55,9 @@ } } } +.player { + font-size: 14pt; + font-family: 'Roboto Condensed', serif; + font-weight: 300; + color: #787878; +} diff --git a/resources/assets/sass/components/_page.scss b/resources/assets/sass/components/_page.scss index 8f6bebb7..df3532a7 100644 --- a/resources/assets/sass/components/_page.scss +++ b/resources/assets/sass/components/_page.scss @@ -1,10 +1,10 @@ +@use "../abstracts/mixin" as *; + .page_container { + @include container; background-color: #fff; width: CALC(100% - 270px); padding: 32px 135px; - &.grey-background { - background-color: #f9f9f9; - } } .page_body { font-family: Nunito, serif; @@ -15,4 +15,9 @@ .action_button { text-decoration: none; color: #282828; + margin-right: 20px; + + .fa { + margin-right: 10px; + } } diff --git a/resources/assets/sass/components/_post.scss b/resources/assets/sass/components/_post.scss index 969d3c70..33f79d6e 100644 --- a/resources/assets/sass/components/_post.scss +++ b/resources/assets/sass/components/_post.scss @@ -1,13 +1,12 @@ @use "../abstracts/mixin" as *; .post_container { - padding: 40px 135px; - background-color: #f9f9f9; - margin: 0; + @include container; + padding: 32px 0; > .col-8 { - width: CALC(66.66666667% - 50px); - margin-right: 50px; + width: CALC(66.66666667% - 20px); + margin-right: 20px; } .bread_crumb { diff --git a/resources/views/adverteren.blade.php b/resources/views/adverteren.blade.php index 25920b29..6fe75bb8 100644 --- a/resources/views/adverteren.blade.php +++ b/resources/views/adverteren.blade.php @@ -1,23 +1,45 @@ -@extends('layouts/sidebar') +@extends('layouts/full') @section('title') - Adverteren + Adverteren +@endsection + +@section('breadcrumb') + @endsection @section('content') -@parent -
-NH Gooi biedt (plaatselijke) ondernemers de mogelijkheid om hun producten en/of diensten onder aandacht te brengen bij de luisteraars van NH Gooi. De scherpe tarieven zijn op aanvraag verkrijgbaar bij NH Gooi. -
-

-In 2005 heeft onderzoeksbureau INTERVIEW NSS in opdracht van de Organisatie van Lokale Omroepen Nederland een onderzoek uitgevoerd naar het bereik van de publieke lokale omroepen in Nederland. Uit dit onderzoek kwam onder meer naar voren dat een kwart van de bevolking wel eens luistert publieke lokale radio. Ruim de helft van de bevolking kent de publieke lokale radiozender in de eigen woonplaats bij naam. Verder bleek uit het onderzoek dat een op de zes inwoners lokale omroep als de belangrijkste bron voor lokale informatie beschouwt. -

-

Streekomroep

-

-Interessant daarbij is dat NH Gooi meer is dan zomaar een publieke lokale radiozender. NH Gooi is een streekomroep, die in grote delen van het Gooi alsmede in Eemland-Noord is te ontvangen via 92.0 FM en 105.1 FM, ether-bereik: 200.000 mensen. Daarnaast is NH Gooi te ontvangen via de kabelnetten van Blaricum (3.881 huishoudens), Eemnes (3.090 huishoudens), Laren (4.739 huishoudens), Huizen (18.000 huishoudens) en Hilversum (40.000 huishoudens). -Tenslotte is NH Gooi ook on line te ontvangen. -

-

-Ondernemers die geïnteresseerd zijn en meer informatie wensen te ontvangen over adverteren op NH Gooi kunnen reageren via {{Html::mailto('info@nhgooi.nl')}}. -

+
+
+ NH Gooi biedt (plaatselijke) ondernemers de mogelijkheid om hun producten en/of diensten onder aandacht te + brengen bij de luisteraars van NH Gooi. De scherpe tarieven zijn op aanvraag verkrijgbaar bij NH Gooi. +
+

+ In 2005 heeft onderzoeksbureau INTERVIEW NSS in opdracht van de Organisatie van Lokale Omroepen Nederland + een onderzoek uitgevoerd naar het bereik van de publieke lokale omroepen in Nederland. Uit dit onderzoek + kwam onder meer naar voren dat een kwart van de bevolking wel eens luistert publieke lokale radio. Ruim de + helft van de bevolking kent de publieke lokale radiozender in de eigen woonplaats bij naam. Verder bleek uit + het onderzoek dat een op de zes inwoners lokale omroep als de belangrijkste bron voor lokale informatie + beschouwt. +

+

Streekomroep

+

+ Interessant daarbij is dat NH Gooi meer is dan zomaar een publieke lokale radiozender. NH Gooi is een + streekomroep, die in grote delen van het Gooi alsmede in Eemland-Noord is te ontvangen via 92.0 FM en 105.1 + FM, ether-bereik: 200.000 mensen. Daarnaast is NH Gooi te ontvangen via de kabelnetten van Blaricum (3.881 + huishoudens), Eemnes (3.090 huishoudens), Laren (4.739 huishoudens), Huizen (18.000 huishoudens) en + Hilversum (40.000 huishoudens). + Tenslotte is NH Gooi ook on line te ontvangen. +

+

+ Ondernemers die geïnteresseerd zijn en meer informatie wensen te ontvangen over adverteren op NH Gooi + kunnen reageren via {{Html::mailto('info@nhgooi.nl')}}. +

+
@endsection diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php index d434a185..5a7a7f66 100644 --- a/resources/views/app.blade.php +++ b/resources/views/app.blade.php @@ -1,22 +1,55 @@ -@extends('layouts.sidebar') +@extends('layouts/full') @section('title') - NH Gooi App + NH Gooi App +@endsection + +@section('breadcrumb') + @endsection @section('content') +
+

Download de NH Gooi app via de App Store of Google Play.

-

Download de NH Gooi app via de App Store of Google Play.

+
-
+
+ +
-
-
Google Play Store
-
- -
-
Apple Store
-
-
+
+ +
+
+
@endsection diff --git a/resources/views/calendarevent.blade.php b/resources/views/calendarevent.blade.php index 129759a9..5b7e39cf 100644 --- a/resources/views/calendarevent.blade.php +++ b/resources/views/calendarevent.blade.php @@ -1,26 +1,28 @@ -@extends('layouts/sidebar') +@extends('layouts/full') -@section('title') +@section('title') {{$event->title}} @endsection @section('breadcrumb') -@endsection +@endsection @section('content')
    -
  • +
  • {{Formatter::relativeDate($event->starts, 'W d m y?')}} - @if($event->ends && $event->starts != $event->ends) - t/m {{Formatter::relativeDate($event->ends, 'd m y?')}} + @if($event->ends && $event->starts != $event->ends) + t/m {{Formatter::relativeDate($event->ends, 'd m y?')}} @endif
  • @if($event->region && $event->region != "Regio") @@ -34,12 +36,12 @@
    • - {{ Formatter::relativeDate($event->podcast->created) }} uitgezonden + {{ Formatter::relativeDate($event->podcast->created) }} uitgezonden @if($event->podcast->program) in {{ $event->podcast->program->name }} @endif
    • @@ -99,7 +101,7 @@

      {!!$event->content!!}

    @endif - + {{-- @include('widgets/share') --}} diff --git a/resources/views/calendarlist.blade.php b/resources/views/calendarlist.blade.php index 222f17e1..3e6f232b 100644 --- a/resources/views/calendarlist.blade.php +++ b/resources/views/calendarlist.blade.php @@ -1,162 +1,198 @@ -@extends('layouts/sidebar') +@extends('layouts/full') @section('title') - Regioagenda + Regioagenda @endsection +@section('breadcrumb') + +@endsection @if(!count($events)) -@section('content') -

    Er zijn geen items in de regioagenda. Iets te melden? Mail het naar {{Html::mailto("info@nhgooi.nl")}}.

    -@endsection + @section('content') +
    +

    Er zijn geen items in de regioagenda. Iets te melden? Mail het naar {{Html::mailto("info@nhgooi.nl")}} + .

    +
    + @endsection @else -@section('content') -@parent - + @section('content') + @parent +
    + -
    -
    -

    Komende week

    -
      +
      +
      +

      Komende week

      +
        - @php($nextWeek = new \DateTimeImmutable('midnight +7 days')) - @php($heading = null) - @php($month = 0) + @php($nextWeek = new DateTimeImmutable('midnight +7 days')) + @php($heading = null) + @php($month = 0) - @foreach($events as $event) - @if($event->starts >= ($heading ? $heading : $nextWeek)) -
      -
      -
      -
      -
      -

      {{$heading ? "De agenda van" : "De rest van"}} {{Formatter::fullDate($event->starts, 'm y?')}}

      -
        - @php($heading = new \DateTimeImmutable('first day of next month ' . $event->starts->format('Y-m-d'))) - @endif + @foreach($events as $event) + @if($event->starts >= ($heading ? $heading : $nextWeek)) +
      +
      +
      +
      +
      +

      {{$heading ? "De agenda van" : "De rest van"}} {{Formatter::fullDate($event->starts, 'm y?')}}

      +
        + @php($heading = new DateTimeImmutable('first day of next month ' . $event->starts->format('Y-m-d'))) + @endif - @php($image = isset($event->images) && count($event->images) ? $event->images[0] : null) -
      • - @if($image) - - {{$image->title}} - - @endif -
        -

        {{$event->title}}

        -
          -
        • {{$event->region}}
        • -
        • - {{Formatter::relativeDate($event->starts, 'W d m y?')}} - @if($event->ends && $event->starts != $event->ends) - t/m {{Formatter::relativeDate($event->ends, 'd m y?')}} - @endif -
        • -
        -

        {!!Formatter::excerpt($event->content, 250)!!}

        - Lees verder -
        -
      • - @endforeach -
      -
      -
      {{--row--}} - -@endsection + @php($image = isset($event->images) && count($event->images) ? $event->images[0] : null) +
    • + @if($image) + + {{$image->title}} + + @endif +
      +

      {{$event->title}}

      +
        +
      • {{$event->region}}
      • +
      • + {{Formatter::relativeDate($event->starts, 'W d m y?')}} + @if($event->ends && $event->starts != $event->ends) + t/m {{Formatter::relativeDate($event->ends, 'd m y?')}} + @endif +
      • +
      +

      {!!Formatter::excerpt($event->content, 250)!!}

      + Lees verder +
      +
    • + @endforeach +
    +
    +
    {{--row--}} + +
    + @endsection -@push('styles') - -@endpush + .pager .current-month, + .pager .everything { + text-align: center; + } -@push('scripts') - - $next = $(".pager .next-month"); - if(month == months) { $next.addClass('disabled'); } else { $next.removeClass('disabled'); } - } - - $(".pager .previous-month").click(function(e) { if(month > 0) gotoPage(--month); e.preventDefault(); }); - $(".pager .current-month").click(function(e) { if(month != 0) gotoPage(month = 0); e.preventDefault(); }); - $(".pager .next-month").click(function(e) { if(month < months) gotoPage(++month); e.preventDefault(); }); - $(".pager .everything").click(function(e) { gotoPage(null); e.preventDefault(); }); - gotoPage(0); - - window.onhashchange = function() { - if(window.location.hash == "#alles") { - gotoPage(null); - } else { - newMonth = window.location.hash.substr(6); - if(newMonth != month) { - gotoPage(newMonth); - } - } - } - - -@endpush + @endpush @endif diff --git a/resources/views/contact.blade.php b/resources/views/contact.blade.php index f5944e58..cf610662 100644 --- a/resources/views/contact.blade.php +++ b/resources/views/contact.blade.php @@ -1,54 +1,82 @@ -@extends('layouts.sidebar') +@extends('layouts/full') @section('title') - Neem contact op + Neem contact op +@endsection + +@section('breadcrumb') + @endsection @section('content') -
    -
    -

    Contactinformatie

    +
    +
    +
    +

    Contactinformatie

    -

    Neem contact op met NH Gooi, de streekomroep voor Hilversum, Huizen, Blaricum, Eemnes en Laren.

    +

    Neem contact op met NH Gooi, de streekomroep voor Hilversum, Huizen, Blaricum, Eemnes en Laren.

    -

    Wij zijn te ontvangen in heel Gooi en Eemland.
    - - -Frequenties - -

    +

    Wij zijn te ontvangen in heel Gooi en Eemland.
    + + + Frequenties + +

    -

    -Het postadres van NH Gooi is:
    -Postbus 83
    -1270 AB Huizen
    -
    +

    + Het postadres van NH Gooi is:
    + Postbus 83
    + 1270 AB Huizen
    +
    -Bezoekadres / Studio:
    -IJsselmeerstraat 3B
    -1271 AA Huizen

    + Bezoekadres / Studio:
    + IJsselmeerstraat 3B
    + 1271 AA Huizen

    -

    -Telefoon en email:
    -Tel: 035-6424774
    -Studio: 035-6424776
    -E-mail: {{Html::mailto('info@nhgooi.nl')}}
    -KvK: 41194132
    -
    +

    + Telefoon en email:
    + Tel: 035-6424774
    + Studio: 035-6424776
    + E-mail: {{Html::mailto('info@nhgooi.nl')}}
    + KvK: 41194132
    +
    -Hoofdredactie
    -Petra de Beij
    -{{Html::mailto('petra.debeij@nhgooi.nl')}}

    -

    -
    + Hoofdredactie
    + Petra de Beij
    + {{Html::mailto('petra.debeij@nhgooi.nl')}}

    +

    +
    -
    -

    WhatsApp de redactie / Nieuwsupdate

    -

    Elke dag het nieuws uit 't Gooi in een appje op je telefoon: dat kan met onze nieuwsdienst via WhatsApp.

    -

    Door je aan te melden ontvang je elke werkdag aan het eind van de middag het meest aansprekende nieuws uit 't Gooi op je mobiel. Dan ben je als eerste op de hoogte van wat er speelt in jouw buurt en wat er leeft in de regio. 

    Is er nieuws dat je meteen moet weten, zoals een grote brand of een wethouder die opstapt? Dan ontvang je meteen een extra berichtje. 

    Aanmelden
    Aanmelden voor de NH Gooi-nieuwsdienst via WhatsApp doe je door 'NH GOOI AAN' te appen naar 088-8505651.

    Met dat nummer heb je ook meteen contact met de redactie. Heb je een goeie tip of zelf een foto gemaakt van actueel nieuws? Dan kun je ons zelf ook appen of even bellen. 

    Hoe werkt het?
    Aanmelden voor de WhatsApp-nieuwsdienst van NH Gooi kan door een appje te sturen met de tekst 'NH GOOI AAN' naar 088-8505651. Aanmelden en berichten ontvangen is gratis.

    Je ontvangt dan ƩƩn keer per dag een appje met het meest aansprekende Gooise nieuws. Is er nieuws dat je meteen moet weten, dan ontvang je een extra berichtje. 
    Wil je geen berichtjes meer ontvangen? Dan stuur je 'NH GOOI UIT' naar hetzelfde telefoonnummer. 

    Door je aan te melden ga je er mee akkoord dat NH Nieuws je telefoonnummer opslaat om je elke dag een berichtje te kunnen sturen. 

    +
    +

    WhatsApp de redactie / Nieuwsupdate

    +

    Elke dag het nieuws uit 't Gooi in een appje op je telefoon: dat kan met onze + nieuwsdienst via WhatsApp.

    +

    Door je aan te melden ontvang je elke werkdag aan het eind van de middag het meest aansprekende + nieuws uit 't Gooi op je mobiel. Dan ben je als eerste op de hoogte van wat er speelt in jouw buurt + en wat er leeft in de regio. 

    +

    Is er nieuws dat je meteen moet weten, zoals een grote brand of een wethouder die opstapt? Dan + ontvang je meteen een extra berichtje. 

    +

    Aanmelden
    Aanmelden voor de NH Gooi-nieuwsdienst via WhatsApp doe je door 'NH + GOOI AAN' te appen naar 088-8505651.

    +

    Met dat nummer heb je ook meteen contact met de redactie. Heb je een goeie tip of zelf een foto + gemaakt van actueel nieuws? Dan kun je ons zelf ook appen of even bellen. 

    +

    Hoe werkt het?
    Aanmelden voor + de WhatsApp-nieuwsdienst van NH Gooi kan door een appje te sturen met de tekst 'NH GOOI AAN' naar + 088-8505651. Aanmelden en berichten ontvangen is gratis.

    Je ontvangt dan ƩƩn keer per dag een + appje met het meest aansprekende Gooise nieuws. Is er nieuws dat je meteen moet weten, dan ontvang + je een extra berichtje. 
    Wil je geen berichtjes meer ontvangen? Dan stuur je 'NH GOOI UIT' + naar hetzelfde telefoonnummer. 

    Door je aan te melden ga je er mee akkoord dat NH + Nieuws je telefoonnummer opslaat om je elke dag een berichtje te kunnen sturen. 

    -
    +
    -
    +
    +
    @endsection diff --git a/resources/views/frequenties.blade.php b/resources/views/frequenties.blade.php index ed8204de..849eb162 100644 --- a/resources/views/frequenties.blade.php +++ b/resources/views/frequenties.blade.php @@ -1,29 +1,41 @@ -@extends('layouts.sidebar') +@extends('layouts/full') @section('title') - Frequenties + Frequenties +@endsection + +@section('breadcrumb') + @endsection @section('content') +
    +

    NH Gooi Radio

    +

    NH Gooi Radio hoor je in heel Gooi en Eemland op 92.0 FM. -

    NH Gooi Radio

    -

    NH Gooi Radio hoor je in heel Gooi en Eemland op 92.0 FM. +

    Of luister via je digitale ontvanger: +

      +
    • Bij KPN op kanaal 1079.
    • +
    • Bij Ziggo op kanaal 915.
    • +
    +

    -

    Of luister via je digitale ontvanger: -

      -
    • Bij KPN op kanaal 1079.
    • -
    • Bij Ziggo op kanaal 915.
    • -

    +

    NH Gooi TV

    +

    NH Gooi TV zie je op de kabel:

    -

    NH Gooi TV

    -

    NH Gooi TV zie je op de kabel:

    - -
      -
    • Bij KPN op kanaal 1379.
    • -
    • Bij Ziggo op kanaal 47.
    • -
    - -

    Of luister via TuneIn

    - +
      +
    • Bij KPN op kanaal 1379.
    • +
    • Bij Ziggo op kanaal 47.
    • +
    +

    Of luister via TuneIn

    + +
    @endsection diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php index 2d201624..f589d148 100644 --- a/resources/views/home.blade.php +++ b/resources/views/home.blade.php @@ -1,100 +1,94 @@ @extends('layouts.master') @section('title') - NH Gooi - Nieuws + Home @endsection @section('content') - {{-- Nieuws komt met 15 berichten per pagina. Deel op in (1 + 3) in de kop, - 1 x 2-breed en de rest 3-breed. --}} -
    -
    -
    -
    - {{-- Desktop --}} -
    -
    -
    - @if($item = current($news)) -
    - - @if($item->video) - - @elseif($item->images && count($item->images) > 1) - - @endif - img - -
    - -

    {!!$item->title!!}

    - published) . ' om ' . $item->published->format('H:i'); - if ($item->edited && ($item->edited->format('d m H i') != $item->published->format('d m H i'))) { - $time .= ' | bijgewerkt: ' - . ($item->edited->format('d m') != $item->published->format('d m') ? strtolower(Formatter::relativeDate($item->edited)) : '') - . ' ' . $item->edited->format('H:i') . ' uur'; - } - ?> - -
    -
    - @endif -
    -
    -
    - @for($i = 0; ($i < 4) && ($item = next($news)); ++$i) -
    - - @if($item->video) - - @elseif($item->images && count($item->images) > 1) - - @endif - img - -
    - -
    {!!$item->title!!}
    - published) . ' om ' . $item->published->format('H:i'); - if ($item->edited && ($item->edited->format('d m H i') != $item->published->format('d m H i'))) { - $time .= ' | bijgewerkt: ' - . ($item->edited->format('d m') != $item->published->format('d m') ? strtolower(Formatter::relativeDate($item->edited)) : '') - . ' ' . $item->edited->format('H:i') . ' uur'; - } - ?> - -
    -
    - @endfor +
    +
    + {{-- Desktop --}} +
    +
    +
    + @if($item = current($news)) +
    + + @if($item->video) + + @elseif($item->images && count($item->images) > 1) + + @endif + img + +
    + +

    {!!$item->title!!}

    + published) . ' om ' . $item->published->format('H:i'); + if ($item->edited && ($item->edited->format('d m H i') != $item->published->format('d m H i'))) { + $time .= ' | bijgewerkt: ' + . ($item->edited->format('d m') != $item->published->format('d m') ? strtolower(Formatter::relativeDate($item->edited)) : '') + . ' ' . $item->edited->format('H:i') . ' uur'; + } + ?> +
    + @endif +
    +
    +
    + @for($i = 0; ($i < 4) && ($item = next($news)); ++$i) +
    + + @if($item->video) + + @elseif($item->images && count($item->images) > 1) + + @endif + img + +
    + +
    {!!$item->title!!}
    + published) . ' om ' . $item->published->format('H:i'); + if ($item->edited && ($item->edited->format('d m H i') != $item->published->format('d m H i'))) { + $time .= ' | bijgewerkt: ' + . ($item->edited->format('d m') != $item->published->format('d m') ? strtolower(Formatter::relativeDate($item->edited)) : '') + . ' ' . $item->edited->format('H:i') . ' uur'; + } + ?> + +
    +
    + @endfor
    @@ -102,81 +96,85 @@
    {{-- body --}} -
    -
    -
    -
    -

    Meer nieuws

    -
    - @include('partial/newslist_small', ['id' => 'items-more-news', 'news' => array_slice($news, 5, 5)]) -
    -
    - -
    -

    Meest gelezen

    -
    - @include('partial/newslist_small', ['id' => 'items-most-read', 'news' => $populair]) -
    +
    +
    +
    +
    + - Advertentie -
    +
    - -
    - - Advertentie - -
    -
    - - @if ($podcast) - url; ?> -

    Uitgelicht

    -