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 + +
+
+
+
+
-
-
Google Play Store
-
- -
-
Apple 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')