NH_Gooi/nhgooi.nl
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Most pages are now styled.

Browse Source 
Small changes to existing pages.
Changes to base layout style.
This commit is contained in:
Jorit Tijsen
2024-03-15 13:35:43 +01:00
parent a0baa0230f
commit 1a8bbeb084
42 changed files with 1618 additions and 944 deletions
Download Patch File Download Diff File Expand all files Collapse all files

184
app/Http/Controllers/Controller.php
View File

@@ -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()

38
app/Http/Controllers/HomeController.php
View File

@@ -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']);
}
}

26
app/Http/Controllers/NewsController.php
View File

@@ -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()

22
app/Http/Controllers/StreamController.php
View File

@@ -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 ]);

128
public/css/style.css vendored
View File

@@ -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 */

2
public/css/style.css.map
View File

File diff suppressed because one or more lines are too long

112
public/images/logo-NHGooi-diap.svg Normal file
View File

@@ -0,0 +1,112 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 119 42.6" style="enable-background:new 0 0 119 42.6;" xml:space="preserve">
<style type="text/css">
.st0{display:none;}
.st1{display:inline;}
.st2{fill:#FFFFFF;}
.st3{display:inline;fill:#0017A0;}
.st4{fill:#0017A0;}
</style>
<g class="st0">
<g class="st1">
<g>
<defs>
<path id="SVGID_7_" d="M19.7,6.2c-0.8,0-1.5,0.7-1.5,1.5v4.5l-4.1-4.9c-0.8-0.8-1.8-1.2-2.8-1.2H1.5C0.7,6.2,0,6.9,0,7.7v27.2
c0,0.8,0.7,1.5,1.5,1.5h9.1c0.8,0,1.5-0.7,1.5-1.5v-4.5l4.1,4.9c0.8,0.8,1.8,1.2,2.8,1.2h9.7c0.8,0,1.5-0.7,1.5-1.5V7.7
c0-0.8-0.7-1.5-1.5-1.5H19.7z"/>
</defs>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="0" y1="21.3127" x2="30.2681" y2="21.3127">
<stop offset="0" style="stop-color:#0017A0"/>
<stop offset="1" style="stop-color:#41A5F7"/>
</linearGradient>
<use xlink:href="#SVGID_7_" style="overflow:visible;fill:url(#SVGID_2_);"/>
<clipPath id="SVGID_3_">
<use xlink:href="#SVGID_7_" style="overflow:visible;"/>
</clipPath>
</g>
<path class="st2" d="M24.8,29.5c0,0.5-0.4,0.9-0.9,0.9h-4.8c-0.5,0-0.9-0.4-0.9-0.9v-5.1h-6.1v6.1H6.4c-0.5,0-0.9-0.4-0.9-0.9
V13.1c0-0.5,0.4-0.9,0.9-0.9h4.8c0.5,0,0.9,0.4,0.9,0.9v5.1h6.1l0-6.1h5.7c0.5,0,0.9,0.4,0.9,0.9V29.5z"/>
</g>
<path class="st3" d="M41.3,42.6c-0.4,0-0.8-0.3-0.8-0.8V0.8c0-0.4,0.3-0.8,0.8-0.8c0.4,0,0.8,0.3,0.8,0.8v41.1
C42.1,42.3,41.8,42.6,41.3,42.6"/>
<g class="st1">
<defs>
<path id="SVGID_10_" d="M54,6.2c-0.9,0-1.6,0.7-1.6,1.6v27.1c0,0.9,0.7,1.6,1.6,1.6h63.4c0.9,0,1.6-0.7,1.6-1.6V7.7
c0-0.9-0.7-1.6-1.6-1.6H54z"/>
</defs>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="52.4293" y1="21.3127" x2="119" y2="21.3127">
<stop offset="0" style="stop-color:#0017A0"/>
<stop offset="0.9999" style="stop-color:#41A5F7"/>
</linearGradient>
<use xlink:href="#SVGID_10_" style="overflow:visible;fill:url(#SVGID_4_);"/>
<clipPath id="SVGID_6_">
<use xlink:href="#SVGID_10_" style="overflow:visible;"/>
</clipPath>
</g>
<g class="st1">
<path class="st2" d="M74.8,20.4v8.9c-0.8,0.4-1.9,0.8-3.1,1c-1.2,0.2-2.4,0.4-3.7,0.4c-1.9,0-3.6-0.4-5-1.1
c-1.4-0.8-2.5-1.9-3.2-3.3c-0.7-1.4-1.1-3.1-1.1-5.1c0-1.9,0.4-3.6,1.1-5c0.7-1.4,1.8-2.5,3.2-3.3c1.4-0.8,3-1.1,4.8-1.1
c1.3,0,2.5,0.2,3.6,0.6c1.1,0.4,2.1,0.9,2.8,1.6l-1.1,2.4c-0.9-0.7-1.7-1.1-2.5-1.4c-0.8-0.3-1.7-0.4-2.7-0.4
c-1.9,0-3.3,0.6-4.3,1.7c-1,1.1-1.5,2.8-1.5,5c0,4.5,2,6.8,6,6.8c1.2,0,2.4-0.2,3.6-0.5v-4.6h-4v-2.4H74.8z"/>
<path class="st2" d="M80.7,29.8c-1-0.5-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.2-0.8-3.5c0-1.3,0.3-2.5,0.8-3.5c0.5-1,1.3-1.8,2.3-2.3
c1-0.5,2.1-0.8,3.4-0.8c1.3,0,2.5,0.3,3.4,0.8c1,0.5,1.7,1.3,2.3,2.3c0.5,1,0.8,2.2,0.8,3.5c0,1.3-0.3,2.5-0.8,3.5
c-0.5,1-1.3,1.8-2.3,2.3c-1,0.5-2.1,0.8-3.4,0.8C82.8,30.6,81.7,30.4,80.7,29.8 M86.6,27c0.6-0.7,0.8-1.7,0.8-3.1
c0-1.3-0.3-2.4-0.8-3.1c-0.6-0.7-1.4-1.1-2.4-1.1c-1,0-1.9,0.4-2.4,1.1c-0.6,0.7-0.9,1.7-0.9,3.1c0,1.4,0.3,2.4,0.8,3.1
c0.6,0.7,1.4,1,2.4,1C85.2,28.1,86,27.7,86.6,27"/>
<path class="st2" d="M95.8,29.8c-1-0.5-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.2-0.8-3.5c0-1.3,0.3-2.5,0.8-3.5c0.5-1,1.3-1.8,2.3-2.3
c1-0.5,2.1-0.8,3.4-0.8c1.3,0,2.5,0.3,3.4,0.8c1,0.5,1.7,1.3,2.3,2.3c0.5,1,0.8,2.2,0.8,3.5c0,1.3-0.3,2.5-0.8,3.5
c-0.5,1-1.3,1.8-2.3,2.3c-1,0.5-2.1,0.8-3.4,0.8C97.9,30.6,96.8,30.4,95.8,29.8 M101.6,27c0.6-0.7,0.8-1.7,0.8-3.1
c0-1.3-0.3-2.4-0.8-3.1c-0.6-0.7-1.4-1.1-2.4-1.1c-1,0-1.9,0.4-2.4,1.1C96.2,21.6,96,22.6,96,24c0,1.4,0.3,2.4,0.8,3.1
c0.6,0.7,1.4,1,2.4,1C100.3,28.1,101.1,27.7,101.6,27"/>
<path class="st2" d="M108.3,12.1h3.6v3.2h-3.6V12.1z M108.5,17.6h3.3v12.8h-3.3V17.6z"/>
</g>
</g>
<g>
<g>
<g>
<defs>
<path id="SVGID_5_" d="M19.7,6.2c-0.8,0-1.5,0.7-1.5,1.5v4.5l-4.1-4.9c-0.8-0.8-1.8-1.2-2.8-1.2H1.5C0.7,6.2,0,6.9,0,7.7v27.2
c0,0.8,0.7,1.5,1.5,1.5h9.1c0.8,0,1.5-0.7,1.5-1.5v-4.5l4.1,4.9c0.8,0.8,1.8,1.2,2.8,1.2h9.7c0.8,0,1.5-0.7,1.5-1.5V7.7
c0-0.8-0.7-1.5-1.5-1.5H19.7z"/>
</defs>
<use xlink:href="#SVGID_5_" style="overflow:visible;fill:#FFFFFF;"/>
<clipPath id="SVGID_8_">
<use xlink:href="#SVGID_5_" style="overflow:visible;"/>
</clipPath>
</g>
<path class="st4" d="M24.8,29.5c0,0.5-0.4,0.9-0.9,0.9h-4.8c-0.5,0-0.9-0.4-0.9-0.9v-5.1h-6.1v6.1H6.4c-0.5,0-0.9-0.4-0.9-0.9
V13.1c0-0.5,0.4-0.9,0.9-0.9h4.8c0.5,0,0.9,0.4,0.9,0.9v5.1h6.1l0-6.1h5.7c0.5,0,0.9,0.4,0.9,0.9V29.5z"/>
</g>
<path class="st2" d="M41.3,42.6c-0.4,0-0.8-0.3-0.8-0.8V0.8c0-0.4,0.3-0.8,0.8-0.8c0.4,0,0.8,0.3,0.8,0.8v41.1
C42.1,42.3,41.8,42.6,41.3,42.6"/>
<g>
<defs>
<path id="SVGID_1_" d="M54,6.2c-0.9,0-1.6,0.7-1.6,1.6v27.1c0,0.9,0.7,1.6,1.6,1.6h63.4c0.9,0,1.6-0.7,1.6-1.6V7.7
c0-0.9-0.7-1.6-1.6-1.6H54z"/>
</defs>
<use xlink:href="#SVGID_1_" style="overflow:visible;fill:#FFFFFF;"/>
<clipPath id="SVGID_9_">
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
</clipPath>
</g>
<g>
<path class="st4" d="M74.8,20.4v8.9c-0.8,0.4-1.9,0.8-3.1,1c-1.2,0.2-2.4,0.4-3.7,0.4c-1.9,0-3.6-0.4-5-1.1
c-1.4-0.8-2.5-1.9-3.2-3.3c-0.7-1.4-1.1-3.1-1.1-5.1c0-1.9,0.4-3.6,1.1-5c0.7-1.4,1.8-2.5,3.2-3.3c1.4-0.8,3-1.1,4.8-1.1
c1.3,0,2.5,0.2,3.6,0.6c1.1,0.4,2.1,0.9,2.8,1.6l-1.1,2.4c-0.9-0.7-1.7-1.1-2.5-1.4c-0.8-0.3-1.7-0.4-2.7-0.4
c-1.9,0-3.3,0.6-4.3,1.7c-1,1.1-1.5,2.8-1.5,5c0,4.5,2,6.8,6,6.8c1.2,0,2.4-0.2,3.6-0.5v-4.6h-4v-2.4H74.8z"/>
<path class="st4" d="M80.7,29.8c-1-0.5-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.2-0.8-3.5c0-1.3,0.3-2.5,0.8-3.5c0.5-1,1.3-1.8,2.3-2.3
c1-0.5,2.1-0.8,3.4-0.8c1.3,0,2.5,0.3,3.4,0.8c1,0.5,1.7,1.3,2.3,2.3c0.5,1,0.8,2.2,0.8,3.5c0,1.3-0.3,2.5-0.8,3.5
c-0.5,1-1.3,1.8-2.3,2.3c-1,0.5-2.1,0.8-3.4,0.8C82.8,30.6,81.7,30.4,80.7,29.8 M86.6,27c0.6-0.7,0.8-1.7,0.8-3.1
c0-1.3-0.3-2.4-0.8-3.1c-0.6-0.7-1.4-1.1-2.4-1.1c-1,0-1.9,0.4-2.4,1.1c-0.6,0.7-0.9,1.7-0.9,3.1c0,1.4,0.3,2.4,0.8,3.1
c0.6,0.7,1.4,1,2.4,1C85.2,28.1,86,27.7,86.6,27"/>
<path class="st4" d="M95.8,29.8c-1-0.5-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.2-0.8-3.5c0-1.3,0.3-2.5,0.8-3.5c0.5-1,1.3-1.8,2.3-2.3
c1-0.5,2.1-0.8,3.4-0.8c1.3,0,2.5,0.3,3.4,0.8c1,0.5,1.7,1.3,2.3,2.3c0.5,1,0.8,2.2,0.8,3.5c0,1.3-0.3,2.5-0.8,3.5
c-0.5,1-1.3,1.8-2.3,2.3c-1,0.5-2.1,0.8-3.4,0.8C97.9,30.6,96.8,30.4,95.8,29.8 M101.6,27c0.6-0.7,0.8-1.7,0.8-3.1
c0-1.3-0.3-2.4-0.8-3.1c-0.6-0.7-1.4-1.1-2.4-1.1c-1,0-1.9,0.4-2.4,1.1C96.2,21.6,96,22.6,96,24c0,1.4,0.3,2.4,0.8,3.1
c0.6,0.7,1.4,1,2.4,1C100.3,28.1,101.1,27.7,101.6,27"/>
<path class="st4" d="M108.3,12.1h3.6v3.2h-3.6V12.1z M108.5,17.6h3.3v12.8h-3.3V17.6z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

82
public/images/logo-NHGooi-radio.svg Normal file
View File

@@ -0,0 +1,82 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 119 42.7" style="enable-background:new 0 0 119 42.7;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill:#0017A0;}
</style>
<g>
<g>
<defs>
<path id="SVGID_7_" d="M54,6.2c-0.9,0-1.6,0.7-1.6,1.6v27.1c0,0.9,0.7,1.6,1.6,1.6h13.7c1.1,0,2.1,0.4,2.8,1.2l2.7,3.2
c0.7,0.9,1.9,1.4,3,1.4h41.3c0.9,0,1.6-0.7,1.6-1.6v-33c0-0.9-0.7-1.6-1.6-1.6H54z"/>
</defs>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="52.4293" y1="24.2191" x2="119" y2="24.2191">
<stop offset="2.612876e-04" style="stop-color:#0000AF"/>
<stop offset="0.2194" style="stop-color:#142DBF"/>
<stop offset="0.4641" style="stop-color:#2758CF"/>
<stop offset="0.6846" style="stop-color:#3577DA"/>
<stop offset="0.8707" style="stop-color:#3E8AE1"/>
<stop offset="1" style="stop-color:#4191E3"/>
</linearGradient>
<use xlink:href="#SVGID_7_" style="overflow:visible;fill:url(#SVGID_1_);"/>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_7_" style="overflow:visible;"/>
</clipPath>
</g>
<g>
<path class="st0" d="M93.7,38.8h-0.9l-0.7-1.4c-0.1-0.1-0.2-0.2-0.3-0.3c-0.1-0.1-0.2-0.1-0.4-0.1h-0.6v1.7h-0.8v-4.3H92
c0.5,0,0.9,0.1,1.1,0.3c0.3,0.2,0.4,0.5,0.4,0.9c0,0.3-0.1,0.6-0.3,0.8c-0.2,0.2-0.4,0.4-0.8,0.4c0.2,0.1,0.4,0.2,0.6,0.5
L93.7,38.8z M92.6,36.3c0.1-0.1,0.2-0.3,0.2-0.5c0-0.2-0.1-0.4-0.2-0.5c-0.1-0.1-0.4-0.2-0.7-0.2h-1v1.4h1
C92.2,36.4,92.4,36.4,92.6,36.3z"/>
<path class="st0" d="M98.2,38.8l-0.4-1h-2.1l-0.4,1h-0.8l2-4.3h0.6l2,4.3H98.2z M96,37.1h1.6l-0.8-1.8L96,37.1z"/>
<path class="st0" d="M100.1,34.4h1.6c0.7,0,1.3,0.2,1.6,0.6c0.4,0.4,0.6,0.9,0.6,1.6c0,0.7-0.2,1.2-0.6,1.6
c-0.4,0.4-0.9,0.6-1.6,0.6h-1.6V34.4z M101.7,38.1c1,0,1.5-0.5,1.5-1.5c0-1-0.5-1.5-1.5-1.5h-0.8v3H101.7z"/>
<path class="st0" d="M105.3,38.8v-4.3h0.8v4.3H105.3z"/>
<path class="st0" d="M108.5,38.6c-0.3-0.2-0.5-0.4-0.7-0.8c-0.2-0.3-0.3-0.7-0.3-1.2c0-0.5,0.1-0.8,0.2-1.2
c0.2-0.3,0.4-0.6,0.7-0.8c0.3-0.2,0.7-0.3,1.1-0.3c0.4,0,0.8,0.1,1.1,0.3c0.3,0.2,0.5,0.4,0.7,0.8c0.2,0.3,0.2,0.7,0.2,1.2
c0,0.5-0.1,0.8-0.3,1.2c-0.2,0.3-0.4,0.6-0.7,0.8c-0.3,0.2-0.7,0.3-1.1,0.3C109.2,38.8,108.8,38.7,108.5,38.6z M110.5,37.8
c0.2-0.3,0.3-0.7,0.3-1.2c0-0.5-0.1-0.9-0.3-1.2c-0.2-0.3-0.5-0.4-0.9-0.4c-0.4,0-0.7,0.1-0.9,0.4c-0.2,0.3-0.3,0.7-0.3,1.2
c0,0.5,0.1,0.9,0.3,1.2c0.2,0.3,0.5,0.4,0.9,0.4C110,38.2,110.3,38.1,110.5,37.8z"/>
</g>
<path class="st1" d="M41.3,42.6c-0.4,0-0.8-0.3-0.8-0.8V0.8c0-0.4,0.3-0.8,0.8-0.8c0.4,0,0.8,0.3,0.8,0.8v41.1
C42.1,42.3,41.8,42.6,41.3,42.6"/>
<g>
<path class="st0" d="M74.8,20.4v8.9c-0.8,0.4-1.9,0.8-3.1,1c-1.2,0.2-2.4,0.4-3.7,0.4c-1.9,0-3.6-0.4-5-1.1
c-1.4-0.8-2.5-1.9-3.2-3.3c-0.7-1.4-1.1-3.1-1.1-5.1c0-1.9,0.4-3.6,1.1-5c0.7-1.4,1.8-2.5,3.2-3.3c1.4-0.8,3-1.1,4.8-1.1
c1.3,0,2.5,0.2,3.6,0.6c1.1,0.4,2.1,0.9,2.8,1.6l-1.1,2.4c-0.9-0.7-1.7-1.1-2.5-1.4c-0.8-0.3-1.7-0.4-2.7-0.4
c-1.9,0-3.3,0.6-4.3,1.7c-1,1.1-1.5,2.8-1.5,5c0,4.5,2,6.8,6,6.8c1.2,0,2.4-0.2,3.6-0.5v-4.6h-4v-2.4H74.8z"/>
<path class="st0" d="M80.7,29.8c-1-0.5-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.2-0.8-3.5c0-1.3,0.3-2.5,0.8-3.5c0.5-1,1.3-1.8,2.3-2.3
c1-0.5,2.1-0.8,3.4-0.8c1.3,0,2.5,0.3,3.4,0.8c1,0.5,1.7,1.3,2.3,2.3c0.5,1,0.8,2.2,0.8,3.5c0,1.3-0.3,2.5-0.8,3.5
c-0.5,1-1.3,1.8-2.3,2.3c-1,0.5-2.1,0.8-3.4,0.8C82.8,30.6,81.7,30.4,80.7,29.8 M86.6,27c0.6-0.7,0.8-1.7,0.8-3.1
c0-1.3-0.3-2.4-0.8-3.1c-0.6-0.7-1.4-1.1-2.4-1.1c-1,0-1.9,0.4-2.4,1.1c-0.6,0.7-0.9,1.7-0.9,3.1c0,1.4,0.3,2.4,0.8,3.1
c0.6,0.7,1.4,1,2.4,1C85.2,28.1,86,27.7,86.6,27"/>
<path class="st0" d="M95.8,29.8c-1-0.5-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.2-0.8-3.5c0-1.3,0.3-2.5,0.8-3.5c0.5-1,1.3-1.8,2.3-2.3
c1-0.5,2.1-0.8,3.4-0.8c1.3,0,2.5,0.3,3.4,0.8c1,0.5,1.7,1.3,2.3,2.3c0.5,1,0.8,2.2,0.8,3.5c0,1.3-0.3,2.5-0.8,3.5
c-0.5,1-1.3,1.8-2.3,2.3c-1,0.5-2.1,0.8-3.4,0.8C97.9,30.6,96.8,30.4,95.8,29.8 M101.6,27c0.6-0.7,0.8-1.7,0.8-3.1
c0-1.3-0.3-2.4-0.8-3.1c-0.6-0.7-1.4-1.1-2.4-1.1c-1,0-1.9,0.4-2.4,1.1C96.2,21.6,96,22.6,96,24c0,1.4,0.3,2.4,0.8,3.1
c0.6,0.7,1.4,1,2.4,1C100.3,28.1,101.1,27.7,101.6,27"/>
<path class="st0" d="M108.3,12.1h3.6v3.2h-3.6V12.1z M108.5,17.6h3.3v12.8h-3.3V17.6z"/>
</g>
<g>
<g>
<defs>
<path id="SVGID_10_" d="M19.7,6.2c-0.8,0-1.5,0.7-1.5,1.5v4.5l-4.1-4.9c-0.8-0.8-1.8-1.2-2.8-1.2H1.5C0.7,6.2,0,6.9,0,7.7v27.2
c0,0.8,0.7,1.5,1.5,1.5h9.1c0.8,0,1.5-0.7,1.5-1.5v-4.5l4.1,4.9c0.8,0.8,1.8,1.2,2.8,1.2h9.7c0.8,0,1.5-0.7,1.5-1.5V7.7
c0-0.8-0.7-1.5-1.5-1.5H19.7z"/>
</defs>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="0" y1="21.3127" x2="30.2681" y2="21.3127">
<stop offset="0" style="stop-color:#0017A0"/>
<stop offset="1" style="stop-color:#41A5F7"/>
</linearGradient>
<use xlink:href="#SVGID_10_" style="overflow:visible;fill:url(#SVGID_3_);"/>
<clipPath id="SVGID_4_">
<use xlink:href="#SVGID_10_" style="overflow:visible;"/>
</clipPath>
</g>
<path class="st0" d="M24.8,29.5c0,0.5-0.4,0.9-0.9,0.9h-4.8c-0.5,0-0.9-0.4-0.9-0.9v-5.1h-6.1v6.1H6.4c-0.5,0-0.9-0.4-0.9-0.9
V13.1c0-0.5,0.4-0.9,0.9-0.9h4.8c0.5,0,0.9,0.4,0.9,0.9v5.1h6.1l0-6.1h5.7c0.5,0,0.9,0.4,0.9,0.9V29.5z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.3 KiB

84
public/images/logo-NHGooi-televisie.svg Normal file
View File

@@ -0,0 +1,84 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 119 42.7" style="enable-background:new 0 0 119 42.7;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill:#0017A0;}
</style>
<g>
<g>
<defs>
<path id="SVGID_1_" d="M54,6.2c-0.9,0-1.6,0.7-1.6,1.6v27.1c0,0.9,0.7,1.6,1.6,1.6h13.7c1.1,0,2.1,0.4,2.8,1.2l2.7,3.2
c0.7,0.9,1.9,1.4,3,1.4h41.3c0.9,0,1.6-0.7,1.6-1.6v-33c0-0.9-0.7-1.6-1.6-1.6H54z"/>
</defs>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="52.4293" y1="24.2191" x2="119" y2="24.2191">
<stop offset="2.612876e-04" style="stop-color:#0000AF"/>
<stop offset="0.2194" style="stop-color:#142DBF"/>
<stop offset="0.4641" style="stop-color:#2758CF"/>
<stop offset="0.6846" style="stop-color:#3577DA"/>
<stop offset="0.8707" style="stop-color:#3E8AE1"/>
<stop offset="1" style="stop-color:#4191E3"/>
</linearGradient>
<use xlink:href="#SVGID_1_" style="overflow:visible;fill:url(#SVGID_2_);"/>
<clipPath id="SVGID_3_">
<use xlink:href="#SVGID_1_" style="overflow:visible;"/>
</clipPath>
</g>
<g>
<path class="st0" d="M78.8,38.8v-3.7h-1.4v-0.7H81v0.7h-1.4v3.7H78.8z"/>
<path class="st0" d="M82.2,38.8v-4.3h2.9v0.6h-2.1v1.2h2v0.6h-2v1.3h2.1v0.6H82.2z"/>
<path class="st0" d="M86.4,38.8v-4.3h0.8v3.7h2v0.7H86.4z"/>
<path class="st0" d="M90.4,38.8v-4.3h2.9v0.6h-2.1v1.2h2v0.6h-2v1.3h2.1v0.6H90.4z"/>
<path class="st0" d="M97.8,34.4h0.8l-1.9,4.3h-0.6l-1.9-4.3h0.8l1.4,3.3L97.8,34.4z"/>
<path class="st0" d="M99.6,38.8v-4.3h0.8v4.3H99.6z"/>
<path class="st0" d="M102.5,38.7c-0.3-0.1-0.5-0.2-0.7-0.4l0.3-0.6c0.2,0.2,0.4,0.3,0.7,0.3c0.2,0.1,0.5,0.1,0.8,0.1
c0.3,0,0.5-0.1,0.7-0.2c0.2-0.1,0.2-0.3,0.2-0.4c0-0.2-0.1-0.3-0.2-0.4c-0.1-0.1-0.4-0.2-0.7-0.2c-0.4-0.1-0.7-0.2-0.9-0.3
c-0.2-0.1-0.4-0.2-0.5-0.4c-0.1-0.2-0.2-0.4-0.2-0.6c0-0.3,0.1-0.5,0.2-0.7c0.1-0.2,0.3-0.4,0.6-0.5c0.3-0.1,0.5-0.2,0.9-0.2
c0.3,0,0.6,0,0.9,0.1c0.3,0.1,0.5,0.2,0.7,0.4l-0.3,0.6c-0.4-0.3-0.8-0.5-1.3-0.5c-0.3,0-0.5,0.1-0.7,0.2
c-0.2,0.1-0.2,0.3-0.2,0.5c0,0.2,0.1,0.3,0.2,0.4c0.1,0.1,0.4,0.2,0.7,0.3c0.4,0.1,0.7,0.2,0.9,0.3c0.2,0.1,0.4,0.2,0.5,0.4
c0.1,0.2,0.2,0.4,0.2,0.6c0,0.3-0.1,0.5-0.2,0.7c-0.1,0.2-0.3,0.3-0.6,0.4c-0.3,0.1-0.6,0.2-0.9,0.2
C103.1,38.8,102.8,38.8,102.5,38.7z"/>
<path class="st0" d="M106.5,38.8v-4.3h0.8v4.3H106.5z"/>
<path class="st0" d="M108.9,38.8v-4.3h2.9v0.6h-2.1v1.2h2v0.6h-2v1.3h2.1v0.6H108.9z"/>
</g>
<path class="st1" d="M41.3,42.6c-0.4,0-0.8-0.3-0.8-0.8V0.8c0-0.4,0.3-0.8,0.8-0.8c0.4,0,0.8,0.3,0.8,0.8v41.1
C42.1,42.3,41.8,42.6,41.3,42.6"/>
<g>
<path class="st0" d="M74.8,20.4v8.9c-0.8,0.4-1.9,0.8-3.1,1c-1.2,0.2-2.4,0.4-3.7,0.4c-1.9,0-3.6-0.4-5-1.1
c-1.4-0.8-2.5-1.9-3.2-3.3c-0.7-1.4-1.1-3.1-1.1-5.1c0-1.9,0.4-3.6,1.1-5c0.7-1.4,1.8-2.5,3.2-3.3c1.4-0.8,3-1.1,4.8-1.1
c1.3,0,2.5,0.2,3.6,0.6c1.1,0.4,2.1,0.9,2.8,1.6l-1.1,2.4c-0.9-0.7-1.7-1.1-2.5-1.4c-0.8-0.3-1.7-0.4-2.7-0.4
c-1.9,0-3.3,0.6-4.3,1.7c-1,1.1-1.5,2.8-1.5,5c0,4.5,2,6.8,6,6.8c1.2,0,2.4-0.2,3.6-0.5v-4.6h-4v-2.4H74.8z"/>
<path class="st0" d="M80.7,29.8c-1-0.5-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.2-0.8-3.5c0-1.3,0.3-2.5,0.8-3.5c0.5-1,1.3-1.8,2.3-2.3
c1-0.5,2.1-0.8,3.4-0.8c1.3,0,2.5,0.3,3.4,0.8c1,0.5,1.7,1.3,2.3,2.3c0.5,1,0.8,2.2,0.8,3.5c0,1.3-0.3,2.5-0.8,3.5
c-0.5,1-1.3,1.8-2.3,2.3c-1,0.5-2.1,0.8-3.4,0.8C82.8,30.6,81.7,30.4,80.7,29.8 M86.6,27c0.6-0.7,0.8-1.7,0.8-3.1
c0-1.3-0.3-2.4-0.8-3.1c-0.6-0.7-1.4-1.1-2.4-1.1c-1,0-1.9,0.4-2.4,1.1c-0.6,0.7-0.9,1.7-0.9,3.1c0,1.4,0.3,2.4,0.8,3.1
c0.6,0.7,1.4,1,2.4,1C85.2,28.1,86,27.7,86.6,27"/>
<path class="st0" d="M95.8,29.8c-1-0.5-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.2-0.8-3.5c0-1.3,0.3-2.5,0.8-3.5c0.5-1,1.3-1.8,2.3-2.3
c1-0.5,2.1-0.8,3.4-0.8c1.3,0,2.5,0.3,3.4,0.8c1,0.5,1.7,1.3,2.3,2.3c0.5,1,0.8,2.2,0.8,3.5c0,1.3-0.3,2.5-0.8,3.5
c-0.5,1-1.3,1.8-2.3,2.3c-1,0.5-2.1,0.8-3.4,0.8C97.9,30.6,96.8,30.4,95.8,29.8 M101.6,27c0.6-0.7,0.8-1.7,0.8-3.1
c0-1.3-0.3-2.4-0.8-3.1c-0.6-0.7-1.4-1.1-2.4-1.1c-1,0-1.9,0.4-2.4,1.1C96.2,21.6,96,22.6,96,24c0,1.4,0.3,2.4,0.8,3.1
c0.6,0.7,1.4,1,2.4,1C100.3,28.1,101.1,27.7,101.6,27"/>
<path class="st0" d="M108.3,12.1h3.6v3.2h-3.6V12.1z M108.5,17.6h3.3v12.8h-3.3V17.6z"/>
</g>
<g>
<g>
<defs>
<path id="SVGID_4_" d="M19.7,6.2c-0.8,0-1.5,0.7-1.5,1.5v4.5l-4.1-4.9c-0.8-0.8-1.8-1.2-2.8-1.2H1.5C0.7,6.2,0,6.9,0,7.7v27.2
c0,0.8,0.7,1.5,1.5,1.5h9.1c0.8,0,1.5-0.7,1.5-1.5v-4.5l4.1,4.9c0.8,0.8,1.8,1.2,2.8,1.2h9.7c0.8,0,1.5-0.7,1.5-1.5V7.7
c0-0.8-0.7-1.5-1.5-1.5H19.7z"/>
</defs>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="0" y1="21.3127" x2="30.2681" y2="21.3127">
<stop offset="0" style="stop-color:#0017A0"/>
<stop offset="1" style="stop-color:#41A5F7"/>
</linearGradient>
<use xlink:href="#SVGID_4_" style="overflow:visible;fill:url(#SVGID_5_);"/>
<clipPath id="SVGID_6_">
<use xlink:href="#SVGID_4_" style="overflow:visible;"/>
</clipPath>
</g>
<path class="st0" d="M24.8,29.5c0,0.5-0.4,0.9-0.9,0.9h-4.8c-0.5,0-0.9-0.4-0.9-0.9v-5.1h-6.1v6.1H6.4c-0.5,0-0.9-0.4-0.9-0.9
V13.1c0-0.5,0.4-0.9,0.9-0.9h4.8c0.5,0,0.9,0.4,0.9,0.9v5.1h6.1l0-6.1h5.7c0.5,0,0.9,0.4,0.9,0.9V29.5z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.3 KiB

63
public/images/logo-NHGooi.svg Normal file
View File

@@ -0,0 +1,63 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 119 42.6" style="enable-background:new 0 0 119 42.6;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill:#0017A0;}
</style>
<g>
<g>
<g>
<defs>
<path id="SVGID_7_" d="M19.7,6.2c-0.8,0-1.5,0.7-1.5,1.5v4.5l-4.1-4.9c-0.8-0.8-1.8-1.2-2.8-1.2H1.5C0.7,6.2,0,6.9,0,7.7v27.2
c0,0.8,0.7,1.5,1.5,1.5h9.1c0.8,0,1.5-0.7,1.5-1.5v-4.5l4.1,4.9c0.8,0.8,1.8,1.2,2.8,1.2h9.7c0.8,0,1.5-0.7,1.5-1.5V7.7
c0-0.8-0.7-1.5-1.5-1.5H19.7z"/>
</defs>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="21.3127" x2="30.2681" y2="21.3127">
<stop offset="0" style="stop-color:#0017A0"/>
<stop offset="1" style="stop-color:#41A5F7"/>
</linearGradient>
<use xlink:href="#SVGID_7_" style="overflow:visible;fill:url(#SVGID_1_);"/>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_7_" style="overflow:visible;"/>
</clipPath>
</g>
<path class="st0" d="M24.8,29.5c0,0.5-0.4,0.9-0.9,0.9h-4.8c-0.5,0-0.9-0.4-0.9-0.9v-5.1h-6.1v6.1H6.4c-0.5,0-0.9-0.4-0.9-0.9
V13.1c0-0.5,0.4-0.9,0.9-0.9h4.8c0.5,0,0.9,0.4,0.9,0.9v5.1h6.1l0-6.1h5.7c0.5,0,0.9,0.4,0.9,0.9V29.5z"/>
</g>
<path class="st1" d="M41.3,42.6c-0.4,0-0.8-0.3-0.8-0.8V0.8c0-0.4,0.3-0.8,0.8-0.8c0.4,0,0.8,0.3,0.8,0.8v41.1
C42.1,42.3,41.8,42.6,41.3,42.6"/>
<g>
<defs>
<path id="SVGID_10_" d="M54,6.2c-0.9,0-1.6,0.7-1.6,1.6v27.1c0,0.9,0.7,1.6,1.6,1.6h63.4c0.9,0,1.6-0.7,1.6-1.6V7.7
c0-0.9-0.7-1.6-1.6-1.6H54z"/>
</defs>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="52.4293" y1="21.3127" x2="119" y2="21.3127">
<stop offset="0" style="stop-color:#0017A0"/>
<stop offset="0.9999" style="stop-color:#41A5F7"/>
</linearGradient>
<use xlink:href="#SVGID_10_" style="overflow:visible;fill:url(#SVGID_3_);"/>
<clipPath id="SVGID_4_">
<use xlink:href="#SVGID_10_" style="overflow:visible;"/>
</clipPath>
</g>
<g>
<path class="st0" d="M74.8,20.4v8.9c-0.8,0.4-1.9,0.8-3.1,1c-1.2,0.2-2.4,0.4-3.7,0.4c-1.9,0-3.6-0.4-5-1.1
c-1.4-0.8-2.5-1.9-3.2-3.3c-0.7-1.4-1.1-3.1-1.1-5.1c0-1.9,0.4-3.6,1.1-5c0.7-1.4,1.8-2.5,3.2-3.3c1.4-0.8,3-1.1,4.8-1.1
c1.3,0,2.5,0.2,3.6,0.6c1.1,0.4,2.1,0.9,2.8,1.6l-1.1,2.4c-0.9-0.7-1.7-1.1-2.5-1.4c-0.8-0.3-1.7-0.4-2.7-0.4
c-1.9,0-3.3,0.6-4.3,1.7c-1,1.1-1.5,2.8-1.5,5c0,4.5,2,6.8,6,6.8c1.2,0,2.4-0.2,3.6-0.5v-4.6h-4v-2.4H74.8z"/>
<path class="st0" d="M80.7,29.8c-1-0.5-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.2-0.8-3.5c0-1.3,0.3-2.5,0.8-3.5c0.5-1,1.3-1.8,2.3-2.3
c1-0.5,2.1-0.8,3.4-0.8c1.3,0,2.5,0.3,3.4,0.8c1,0.5,1.7,1.3,2.3,2.3c0.5,1,0.8,2.2,0.8,3.5c0,1.3-0.3,2.5-0.8,3.5
c-0.5,1-1.3,1.8-2.3,2.3c-1,0.5-2.1,0.8-3.4,0.8C82.8,30.6,81.7,30.4,80.7,29.8 M86.6,27c0.6-0.7,0.8-1.7,0.8-3.1
c0-1.3-0.3-2.4-0.8-3.1c-0.6-0.7-1.4-1.1-2.4-1.1c-1,0-1.9,0.4-2.4,1.1c-0.6,0.7-0.9,1.7-0.9,3.1c0,1.4,0.3,2.4,0.8,3.1
c0.6,0.7,1.4,1,2.4,1C85.2,28.1,86,27.7,86.6,27"/>
<path class="st0" d="M95.8,29.8c-1-0.5-1.8-1.3-2.3-2.3c-0.5-1-0.8-2.2-0.8-3.5c0-1.3,0.3-2.5,0.8-3.5c0.5-1,1.3-1.8,2.3-2.3
c1-0.5,2.1-0.8,3.4-0.8c1.3,0,2.5,0.3,3.4,0.8c1,0.5,1.7,1.3,2.3,2.3c0.5,1,0.8,2.2,0.8,3.5c0,1.3-0.3,2.5-0.8,3.5
c-0.5,1-1.3,1.8-2.3,2.3c-1,0.5-2.1,0.8-3.4,0.8C97.9,30.6,96.8,30.4,95.8,29.8 M101.6,27c0.6-0.7,0.8-1.7,0.8-3.1
c0-1.3-0.3-2.4-0.8-3.1c-0.6-0.7-1.4-1.1-2.4-1.1c-1,0-1.9,0.4-2.4,1.1C96.2,21.6,96,22.6,96,24c0,1.4,0.3,2.4,0.8,3.1
c0.6,0.7,1.4,1,2.4,1C100.3,28.1,101.1,27.7,101.6,27"/>
<path class="st0" d="M108.3,12.1h3.6v3.2h-3.6V12.1z M108.5,17.6h3.3v12.8h-3.3V17.6z"/>
</g>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

4
resources/assets/sass/abstracts/_mixin.scss vendored
View File

@@ -1,5 +1,9 @@
@use "variables" as *;
@mixin container {
max-width: 1170px;
margin: 0 auto;
}
@mixin reset-list {
margin: 0;
padding: 0;

6
resources/assets/sass/base/_base.scss vendored
View File

@@ -3,4 +3,8 @@
@use "container";
@use "../components/button";
@use "../layout";
@use "../layout";
.mejs__overlay-button {
border: none;
}

27
resources/assets/sass/base/_container.scss vendored
View File

@@ -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;
}
}
.header_container {
@include container;
}
.grey_background {
background-color: #f9f9f9;
}
.content_container {
padding-right: 50px;
}
.sidebar {
width: CALC(300px + var(--bs-gutter-x));
}

15
resources/assets/sass/components/_box.scss vendored
View File

@@ -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;
}

9
resources/assets/sass/components/_footer.scss vendored
View File

@@ -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;

2
resources/assets/sass/components/_header.scss vendored
View File

@@ -2,8 +2,8 @@
height: 110px;
}
.header .logo {
margin-left: 135px;
float: left;
margin-top: 18px;
}
.header .logo img {
height: 75px;

2
resources/assets/sass/components/_main_news.scss vendored
View File

@@ -17,7 +17,7 @@
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(50%);
filter: brightness(70%);
}
&.small {

46
resources/assets/sass/components/_menu.scss vendored
View File

@@ -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;
}
}

7
resources/assets/sass/components/_now-playing.scss vendored
View File

@@ -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;
}

11
resources/assets/sass/components/_page.scss vendored
View File

@@ -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;
}
}

9
resources/assets/sass/components/_post.scss vendored
View File

@@ -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 {

56
resources/views/adverteren.blade.php
View File

@@ -1,23 +1,45 @@
@extends('layouts/sidebar')
@extends('layouts/full')
@section('title')
Adverteren
Adverteren
@endsection
@section('breadcrumb')
<ul class="bread_crumb">
<li><a title="Home" href="/">Home</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li><a title="NH Gooi" href="{{route('contact')}}">NH Gooi</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li>Adverteren</li>
</ul>
@endsection
@section('content')
@parent
<h5 class="excerpt">
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.
</h5>
<p>
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.
</p>
<h4>Streekomroep</h4>
<p>
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.
</p>
<p>
Ondernemers die ge&iuml;nteresseerd zijn en meer informatie wensen te ontvangen over adverteren op NH Gooi kunnen reageren via {{Html::mailto('info@nhgooi.nl')}}.
</p>
<div class="page_body">
<h5 class="excerpt">
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.
</h5>
<p>
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.
</p>
<h4>Streekomroep</h4>
<p>
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.
</p>
<p>
Ondernemers die ge&iuml;nteresseerd zijn en meer informatie wensen te ontvangen over adverteren op NH Gooi
kunnen reageren via {{Html::mailto('info@nhgooi.nl')}}.
</p>
</div>
@endsection

57
resources/views/app.blade.php
View File

@@ -1,22 +1,55 @@
@extends('layouts.sidebar')
@extends('layouts/full')
@section('title')
NH Gooi App
NH Gooi App
@endsection
@section('breadcrumb')
<ul class="bread_crumb">
<li><a title="Home" href="/">Home</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li>NH Gooi App</li>
</ul>
@endsection
@section('content')
<div class="page_body">
<p>Download de NH Gooi app via de App Store of Google Play.</p>
<p>Download de NH Gooi app via de App Store of Google Play.</p>
<div class="row">
<div class="row page_margin_top">
<div class="col" style="margin-left: 0">
<div class="animate fadeIn" data-anim-type="fadeIn">
<div class="icon_box icon_position_top no_border"><a class=""
href="https://play.google.com/store/apps/details?id=nl.gooi.app">
<div class="image_wrapper"><img data-lazyloaded="1" data-src="/images/googleplay.jpg"
class="scale-with-grid litespeed-loaded"
alt="Google Play Store" width="318" height="100"
src="/images/googleplay.jpg" data-was-processed="true">
<noscript><img src="/images/google.jpg" class="scale-with-grid" alt="Google Play Store"
width="318" height="100"/></noscript>
</div>
<div class="desc_wrapper"></div>
</a></div>
</div>
</div>
<div class="column col_1_2" style="margin-left: 0">
<div class="animate fadeIn" data-anim-type="fadeIn"><div class="icon_box icon_position_top no_border"><a class="" href="https://play.google.com/store/apps/details?id=nl.gooi.app"><div class="image_wrapper"><img data-lazyloaded="1" data-src="/images/googleplay.jpg" class="scale-with-grid litespeed-loaded" alt="Google Play Store" width="318" height="100" src="/images/googleplay.jpg" data-was-processed="true"><noscript><img src="/images/google.jpg" class="scale-with-grid" alt="Google Play Store" width="318" height="100"/></noscript></div><div class="desc_wrapper"></div></a></div></div>
</div>
<div class="column col_1_2" style="margin-left: 0">
<div class="animate fadeIn" data-anim-type="fadeIn"><div class="icon_box icon_position_top no_border"><a class="" href="https://apps.apple.com/nl/app/nh-gooi/id1585667560"><div class="image_wrapper"><img data-lazyloaded="1" data-src="/images/apple.jpg" class="scale-with-grid litespeed-loaded" alt="Apple Store" width="318" height="100" src="/images/apple.jpg" data-was-processed="true"><noscript><img src="/images/apple.jpg" class="scale-with-grid" alt="Apple Store" width="318" height="100"/></noscript></div><div class="desc_wrapper"></div></a></div></div>
</div>
</div>
<div class="col" style="margin-left: 0">
<div class="animate fadeIn" data-anim-type="fadeIn">
<div class="icon_box icon_position_top no_border"><a class=""
href="https://apps.apple.com/nl/app/nh-gooi/id1585667560">
<div class="image_wrapper"><img data-lazyloaded="1" data-src="/images/apple.jpg"
class="scale-with-grid litespeed-loaded" alt="Apple Store"
width="318" height="100" src="/images/apple.jpg"
data-was-processed="true">
<noscript><img src="/images/apple.jpg" class="scale-with-grid" alt="Apple Store"
width="318" height="100"/></noscript>
</div>
<div class="desc_wrapper"></div>
</a></div>
</div>
</div>
</div>
</div>
@endsection

22
resources/views/calendarevent.blade.php
View File

@@ -1,26 +1,28 @@
@extends('layouts/sidebar')
@extends('layouts/full')
@section('title')
@section('title')
{{$event->title}}
@endsection
@section('breadcrumb')
<ul class="bread_crumb">
<li><a title="Home" href="/">Home</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li><a title="Regio-agenda" href="{{route('agenda')}}">Regio-agenda</a></li>
<li class="separator icon_small_arrow right_gray">&nbsp;</li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li>Details</li>
</ul>
@endsection
@endsection
@section('content')
<div class="row">
<div class="post single small_image">
<ul class="post_details clearfix">
<li class="detail date">
<li class="detail date">
{{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
</li>
@if($event->region && $event->region != "Regio")
@@ -34,12 +36,12 @@
<div class="announcement">
<div>
<audio controls>
<source src="{{ $url = url( $apiUrl . 'podcast/download/' . $event->podcast->url . "?auth=" . $event->podcast->auth )}}" type="audio/mpeg" />
<source src="{{ $url = url( $apiUrl . 'podcast/download/' . $event->podcast->url . "?auth=" . $event->podcast->auth )}}" type="audio/mpeg" />
</audio>
</div>
<ul class="post_details clearfix">
<li class="detail date">
{{ Formatter::relativeDate($event->podcast->created) }} uitgezonden
{{ Formatter::relativeDate($event->podcast->created) }} uitgezonden
@if($event->podcast->program) in <a href="{{ route('programma') . $event->podcast->program->url }}">{{ $event->podcast->program->name }}</a> @endif
</li>
<li class="detail category">
@@ -99,7 +101,7 @@
<p>{!!$event->content!!}</p>
</div>
@endif
{{--
@include('widgets/share')
--}}

316
resources/views/calendarlist.blade.php
View File

@@ -1,162 +1,198 @@
@extends('layouts/sidebar')
@extends('layouts/full')
@section('title')
Regioagenda
Regioagenda
@endsection
@section('breadcrumb')
<ul class="bread_crumb">
<li><a title="Home" href="/">Home</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li>Regio-agenda</li>
</ul>
@endsection
@if(!count($events))
@section('content')
<p>Er zijn geen items in de regioagenda. Iets te melden? Mail het naar {{Html::mailto("info@nhgooi.nl")}}.</p>
@endsection
@section('content')
<div class="page_body">
<p>Er zijn geen items in de regioagenda. Iets te melden? Mail het naar {{Html::mailto("info@nhgooi.nl")}}
.</p>
</div>
@endsection
@else
@section('content')
@parent
<nav>
<ul class="pager">
<li class="action_button previous-month"><a href="#">&larr; Eerder</a></li>
<li class="action_button current-month"><a href="#">Komende week</a></li>
<li class="action_button everything"><a href="#">Toon alles</a></li>
<li class="action_button next-month"><a href="#">Later &rarr;</a></li>
</ul>
</nav>
@section('content')
@parent
<div class="page_body">
<nav>
<ul class="pager">
<li class="action_button previous-month"><a href="#">&larr; Eerder</a></li>
<li class="action_button current-month"><a href="#">Komende week</a></li>
<li class="action_button everything"><a href="#">Toon alles</a></li>
<li class="action_button next-month"><a href="#">Later &rarr;</a></li>
</ul>
</nav>
<div class="row">
<div class="month" data-month="0">
<h4 class="box_header page_margin_top_section">Komende week</h4>
<ul class="blog big">
<div class="row">
<div class="month" data-month="0">
<h4 class="box_header page_margin_top_section">Komende week</h4>
<ul class="blog big">
@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))
</ul>
</div>
</div>
<div class="row">
<div class="month" data-month="{{++$month}}">
<h4 class="box_header page_margin_top_section">{{$heading ? "De agenda van" : "De rest van"}} {{Formatter::fullDate($event->starts, 'm y?')}}</h4>
<ul class="blog big">
@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))
</ul>
</div>
</div>
<div class="row">
<div class="month" data-month="{{++$month}}">
<h4 class="box_header page_margin_top_section">{{$heading ? "De agenda van" : "De rest van"}} {{Formatter::fullDate($event->starts, 'm y?')}}</h4>
<ul class="blog big">
@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)
<li class="post {{$image ? "" : "no_img"}}">
@if($image)
<a href="{{$event->url}}" title="{{$event->title}}">
<img src='{{$imgBase . $image->url}}' alt="{{$image->title}}">
</a>
@endif
<div class="post_content">
<h2><a href="{{$event->url}}" title="{{$event->title}}">{{$event->title}}</a></h2>
<ul class="post_details">
<li class="category"><span href="#" title="{{$event->region}}">{{$event->region}}</span></li>
<li class="date">
{{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
</li>
</ul>
<p>{!!Formatter::excerpt($event->content, 250)!!}</p>
<a class="read_more" href="{{$event->url}}" title="Lees verder"><span class="arrow"></span><span>Lees verder</span></a>
</div>
</li>
@endforeach
</ul>
</div>
</div>{{--row--}}
<nav>
<ul class="pager">
<li class="action_button previous-month"><a href="#">&larr; Eerder</a></li>
<li class="action_button current-month"><a href="#">Komende week</a></li>
<li class="action_button everything"><a href="#">Toon alles</a></li>
<li class="action_button next-month"><a href="#">Later &rarr;</a></li>
</ul>
</nav>
@endsection
@php($image = isset($event->images) && count($event->images) ? $event->images[0] : null)
<li class="post {{$image ? "" : "no_img"}}">
@if($image)
<a href="{{$event->url}}" title="{{$event->title}}">
<img src='{{$imgBase . $image->url}}' alt="{{$image->title}}">
</a>
@endif
<div class="post_content">
<h2><a href="{{$event->url}}" title="{{$event->title}}">{{$event->title}}</a></h2>
<ul class="post_details">
<li class="category"><span href="#"
title="{{$event->region}}">{{$event->region}}</span></li>
<li class="date">
{{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
</li>
</ul>
<p>{!!Formatter::excerpt($event->content, 250)!!}</p>
<a class="read_more" href="{{$event->url}}" title="Lees verder"><span
class="arrow"></span><span>Lees verder</span></a>
</div>
</li>
@endforeach
</ul>
</div>
</div>{{--row--}}
<nav>
<ul class="pager">
<li class="action_button previous-month"><a href="#">&larr; Eerder</a></li>
<li class="action_button current-month"><a href="#">Komende week</a></li>
<li class="action_button everything"><a href="#">Toon alles</a></li>
<li class="action_button next-month"><a href="#">Later &rarr;</a></li>
</ul>
</nav>
</div>
@endsection
@push('styles')
<style>
.pager {
display: flex;
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
}
@push('styles')
<style>
.pager {
display: flex;
width: 100%;
margin-top: 5px;
margin-bottom: 5px;
}
.pager .action_button {
flex: 1;
}
.pager .action_button {
flex: 1;
}
.pager .current-month,
.pager .everything {
text-align: center;
}
.pager .next-month {
text-align: right;
}
</style>
@endpush
.pager .current-month,
.pager .everything {
text-align: center;
}
@push('scripts')
<script type="text/javascript">
var month = 0;
var months = {{$month}};
var $current = null;
.pager .next-month {
text-align: right;
}
</style>
@endpush
function gotoPage(month) {
$new = (month === null) ? $(".month") : $(".month[data-month=" + month + "]");
if($current == null) {
$(".month").hide("fast");
$new.fadeIn("fast");
} else {
($container = $("#contentSection")).css('height', $container.height() + "px").css('overflow', 'hidden');
animations = $current.length;
$current.fadeOut("fast", function() {
$new.fadeIn("fast", function() {
if(--animations > 0) { return; }
curHeight = $container.height();
autoHeight = $container.css('height', 'auto').height();
$container.height(curHeight).animate({ height: autoHeight }, 250, function() {
$container.css('height', 'auto');
@push('scripts')
<script type="text/javascript">
var month = 0;
var months = {{$month}};
var $current = null;
function gotoPage(month) {
$new = (month === null) ? $(".month") : $(".month[data-month=" + month + "]");
if ($current == null) {
$(".month").hide("fast");
$new.fadeIn("fast");
} else {
($container = $("#contentSection")).css('height', $container.height() + "px").css('overflow', 'hidden');
animations = $current.length;
$current.fadeOut("fast", function () {
$new.fadeIn("fast", function () {
if (--animations > 0) {
return;
}
curHeight = $container.height();
autoHeight = $container.css('height', 'auto').height();
$container.height(curHeight).animate({height: autoHeight}, 250, function () {
$container.css('height', 'auto');
});
});
});
}
$current = $new;
window.location.hash = (month === null) ? "alles" : ("page-" + month);
$previous = $(".pager .previous-month, .pager .current-month");
if (month == 0) {
$previous.addClass('disabled');
} else {
$previous.removeClass('disabled');
}
$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);
$current = $new;
window.location.hash = (month === null) ? "alles" : ("page-" + month);
$previous = $(".pager .previous-month, .pager .current-month");
if(month == 0) { $previous.addClass('disabled'); } else { $previous.removeClass('disabled'); }
window.onhashchange = function () {
if (window.location.hash == "#alles") {
gotoPage(null);
} else {
newMonth = window.location.hash.substr(6);
if (newMonth != month) {
gotoPage(newMonth);
}
}
}
</script>
$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);
}
}
}
</script>
@endpush
@endpush
@endif

104
resources/views/contact.blade.php
View File

@@ -1,54 +1,82 @@
@extends('layouts.sidebar')
@extends('layouts/full')
@section('title')
Neem contact op
Neem contact op
@endsection
@section('breadcrumb')
<ul class="bread_crumb">
<li><a title="Home" href="/">Home</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li><a title="NH Gooi" href="{{route('contact')}}">NH Gooi</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li>Neem contact op</li>
</ul>
@endsection
@section('content')
<div class="row ">
<div class="column column_1_2">
<h3>Contactinformatie</h3>
<div class="page_body">
<div class="row ">
<div class="col">
<h3>Contactinformatie</h3>
<p>Neem contact op met NH Gooi, de streekomroep voor Hilversum, Huizen, Blaricum, Eemnes en Laren.</p>
<p>Neem contact op met NH Gooi, de streekomroep voor Hilversum, Huizen, Blaricum, Eemnes en Laren.</p>
<p>Wij zijn te ontvangen in heel Gooi en Eemland. <br>
<a href="{{url('frequenties')}}" class="action_button">
<span class="fa fa-list"></span>
<span>Frequenties</span>
</a>
</p>
<p>Wij zijn te ontvangen in heel Gooi en Eemland. <br>
<a href="{{url('frequenties')}}" class="action_button">
<span class="fa fa-list"></span>
<span>Frequenties</span>
</a>
</p>
<p class="page_margin_top" >
<b>Het postadres van NH Gooi is: </b><br>
Postbus 83<br>
1270 AB Huizen<br>
<br>
<p class="page_margin_top">
<b>Het postadres van NH Gooi is: </b><br>
Postbus 83<br>
1270 AB Huizen<br>
<br>
<b>Bezoekadres / Studio:</b><br>
IJsselmeerstraat 3B<br>
1271 AA Huizen<br><br>
<b>Bezoekadres / Studio:</b><br>
IJsselmeerstraat 3B<br>
1271 AA Huizen<br><br>
<p>
<b>Telefoon en email:</b><br>
Tel: 035-6424774<br/>
Studio: 035-6424776<br/>
E-mail: {{Html::mailto('info@nhgooi.nl')}}<br/>
KvK: 41194132</table><br>
<br>
<p>
<b>Telefoon en email:</b><br>
Tel: 035-6424774<br/>
Studio: 035-6424776<br/>
E-mail: {{Html::mailto('info@nhgooi.nl')}}<br/>
KvK: 41194132</table><br>
<br>
<b>Hoofdredactie</b><br>
Petra de Beij<br>
{{Html::mailto('petra.debeij@nhgooi.nl')}}<br><br>
</p>
</div>
<b>Hoofdredactie</b><br>
Petra de Beij<br>
{{Html::mailto('petra.debeij@nhgooi.nl')}}<br><br>
</p>
</div>
<div class="column column_1_2">
<h3>WhatsApp de redactie / Nieuwsupdate</h3>
<p class="intro">Elke dag het nieuws uit 't Gooi in een appje op je telefoon: dat kan met onze nieuwsdienst via WhatsApp.</p>
<p>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.&nbsp;</p><p>Is er nieuws dat je meteen moet weten, zoals een grote brand of een wethouder die opstapt? Dan ontvang je meteen een extra berichtje.&nbsp;</p><p><strong>Aanmelden</strong><br>Aanmelden voor de NH Gooi-nieuwsdienst via WhatsApp doe je door 'NH GOOI AAN' te appen naar 088-8505651.</p><p>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.&nbsp;</p><p style="background-color: #bad4ff; padding: 10px;"><strong>Hoe werkt het?<br></strong>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.<br><br>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.&nbsp;<br>Wil je geen berichtjes meer ontvangen? Dan stuur je 'NH GOOI UIT' naar hetzelfde telefoonnummer.&nbsp;<br><br><em>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.&nbsp;</em></p>
<div class="col">
<h3>WhatsApp de redactie / Nieuwsupdate</h3>
<p class="intro">Elke dag het nieuws uit 't Gooi in een appje op je telefoon: dat kan met onze
nieuwsdienst via WhatsApp.</p>
<p>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.&nbsp;</p>
<p>Is er nieuws dat je meteen moet weten, zoals een grote brand of een wethouder die opstapt? Dan
ontvang je meteen een extra berichtje.&nbsp;</p>
<p><strong>Aanmelden</strong><br>Aanmelden voor de NH Gooi-nieuwsdienst via WhatsApp doe je door 'NH
GOOI AAN' te appen naar 088-8505651.</p>
<p>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.&nbsp;</p>
<p style="background-color: #bad4ff; padding: 10px;"><strong>Hoe werkt het?<br></strong>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.<br><br>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.&nbsp;<br>Wil je geen berichtjes meer ontvangen? Dan stuur je 'NH GOOI UIT'
naar hetzelfde telefoonnummer.&nbsp;<br><br><em>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.&nbsp;</em></p>
</div>
</div>
</div>
</div>
</div>
@endsection

50
resources/views/frequenties.blade.php
View File

@@ -1,29 +1,41 @@
@extends('layouts.sidebar')
@extends('layouts/full')
@section('title')
Frequenties
Frequenties
@endsection
@section('breadcrumb')
<ul class="bread_crumb">
<li><a title="Home" href="/">Home</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li><a title="NH Gooi" href="{{route('contact')}}">NH Gooi</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li>Frequenties</li>
</ul>
@endsection
@section('content')
<div class="page_body">
<h2 class="page_margin_top">NH Gooi Radio</h2>
<p>NH Gooi Radio hoor je in heel Gooi en Eemland op <b>92.0 FM</b>.
<h2 class="page_margin_top">NH Gooi Radio</h2>
<p>NH Gooi Radio hoor je in heel Gooi en Eemland op <b>92.0 FM</b>.
<p>Of luister via je digitale ontvanger:
<ul class="list no_border spacing">
<li class="bullet style_2">Bij KPN op <b>kanaal 1079</b>.</li>
<li class="bullet style_2">Bij Ziggo op <b>kanaal 915</b>.</li>
</ul>
</p>
<p>Of luister via je digitale ontvanger:
<ul class="list no_border spacing">
<li class="bullet style_2">Bij KPN op <b>kanaal 1079</b>.</li>
<li class="bullet style_2">Bij Ziggo op <b>kanaal 915</b>.</li>
</ul></p>
<h2 class="page_margin_top">NH Gooi TV</h2>
<p>NH Gooi TV zie je op de kabel:</p>
<h2 class="page_margin_top">NH Gooi TV</h2>
<p>NH Gooi TV zie je op de kabel:</p>
<ul class="list no_border spacing">
<li class="bullet style_2">Bij KPN op <b>kanaal 1379</b>.</li>
<li class="bullet style_2">Bij Ziggo op <b>kanaal 47</b>.</li>
</ul>
<h2 class="page_margin_top">Of luister via TuneIn</h2>
<iframe src="https://tunein.com/embed/player/s76591/" style="width:100%; height:100px;" scrolling="no" frameborder="no"></iframe>
<ul class="list no_border spacing">
<li class="bullet style_2">Bij KPN op <b>kanaal 1379</b>.</li>
<li class="bullet style_2">Bij Ziggo op <b>kanaal 47</b>.</li>
</ul>
<h2 class="page_margin_top">Of luister via TuneIn</h2>
<iframe src="https://tunein.com/embed/player/s76591/" style="width:100%; height:100px;" scrolling="no"
frameborder="no"></iframe>
</div>
@endsection

330
resources/views/home.blade.php
View File

@@ -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. --}}
<div class="page_layout page_margin_top clearfix">
<div class="row">
<div class="column column_1_1">
<div class="blog_grid">
{{-- Desktop --}}
<div class="grid_view">
<div class="row">
<div class="col-6">
@if($item = current($news))
<div class="post large">
<a href="{{url($item->url)}}" title="{{$item->title}}">
@if($item->video)
<span class="icon video"></span>
@elseif($item->images && count($item->images) > 1)
<span class="icon gallery"></span>
@endif
<img src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}'
alt='img'>
</a>
<div class="slider_content_box">
<ul class="post_details simple">
@if($item->region)
<li class="category">
<a title="Regio: {{$item->region->title}}"
href="{{route('nieuws.regio', ['region' => $item->region->slug])}}"
class="over_image">{{$item->region->title}}</a>
</li>
@endif
</ul>
<h2><a href="{{url($item->url)}}"
title="{{$item->title}}">{!!$item->title!!}</a></h2>
<?php
$time = Formatter::relativeDate($item->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';
}
?>
<span class="post_date" title="{{$time}}">
<i class="fa-regular fa-clock"></i> {{$time}}
</span>
</div>
</div>
@endif
</div>
<div class="col-6">
<div class="row">
@for($i = 0; ($i < 4) && ($item = next($news)); ++$i)
<div class="post small col-6">
<a href="{{url($item->url)}}" title="{{$item->title}}">
@if($item->video)
<span class="icon video"></span>
@elseif($item->images && count($item->images) > 1)
<span class="icon gallery"></span>
@endif
<img src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}'
alt='img'>
</a>
<div class="slider_content_box">
<ul class="post_details simple">
@if($item->region)
<li class="category">
<a title="Regio: {{$item->region->title}}"
href="{{route('nieuws.regio', ['region' => $item->region->slug])}}"
class="over_image">{{$item->region->title}}</a>
</li>
@endif
</ul>
<h5 class="post_title"><a href="{{url($item->url)}}"
title="{{$item->title}}">{!!$item->title!!}</a></h5>
<?php
$time = Formatter::relativeDate($item->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';
}
?>
<span class="post_date" title="{{$time}}">
<i class="fa-regular fa-clock"></i> {{$time}}
</span>
</div>
</div>
@endfor
<div class="clearfix">
<div class="blog_grid">
{{-- Desktop --}}
<div class="grid_view">
<div class="row">
<div class="col-6">
@if($item = current($news))
<div class="post large">
<a href="{{url($item->url)}}" title="{{$item->title}}">
@if($item->video)
<span class="icon video"></span>
@elseif($item->images && count($item->images) > 1)
<span class="icon gallery"></span>
@endif
<img src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}'
alt='img'>
</a>
<div class="slider_content_box">
<ul class="post_details simple">
@if($item->region)
<li class="category">
<a title="Regio: {{$item->region->title}}"
href="{{route('nieuws.regio', ['region' => $item->region->slug])}}"
class="over_image">{{$item->region->title}}</a>
</li>
@endif
</ul>
<h2><a href="{{url($item->url)}}"
title="{{$item->title}}">{!!$item->title!!}</a></h2>
<?php
$time = Formatter::relativeDate($item->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';
}
?>
<span class="post_date" title="{{$time}}">
<i class="fa-regular fa-clock"></i> {{$time}}
</span>
</div>
</div>
@endif
</div>
<div class="col-6">
<div class="row">
@for($i = 0; ($i < 4) && ($item = next($news)); ++$i)
<div class="post small col-6">
<a href="{{url($item->url)}}" title="{{$item->title}}">
@if($item->video)
<span class="icon video"></span>
@elseif($item->images && count($item->images) > 1)
<span class="icon gallery"></span>
@endif
<img src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}'
alt='img'>
</a>
<div class="slider_content_box">
<ul class="post_details simple">
@if($item->region)
<li class="category">
<a title="Regio: {{$item->region->title}}"
href="{{route('nieuws.regio', ['region' => $item->region->slug])}}"
class="over_image">{{$item->region->title}}</a>
</li>
@endif
</ul>
<h5 class="post_title"><a href="{{url($item->url)}}"
title="{{$item->title}}">{!!$item->title!!}</a></h5>
<?php
$time = Formatter::relativeDate($item->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';
}
?>
<span class="post_date" title="{{$time}}">
<i class="fa-regular fa-clock"></i> {{$time}}
</span>
</div>
</div>
@endfor
</div>
</div>
</div>
@@ -102,81 +96,85 @@
</div>
{{-- body --}}
<div class="row body_container">
<div class="col-md-9 col-12">
<div class="row">
<div class="col-md-6 col-12">
<h4 class="box_header"><span>Meer nieuws</span></h4>
<div class="box">
@include('partial/newslist_small', ['id' => 'items-more-news', 'news' => array_slice($news, 5, 5)])
</div>
</div>
<div class="col-md-6 col-12">
<h4 class="box_header"><span>Meest gelezen</span></h4>
<div class="box">
@include('partial/newslist_small', ['id' => 'items-most-read', 'news' => $populair])
</div>
<div class="grey_background">
<div class="body_container row">
<div class="col-12">
<div style="width: 100%; font-family: Nunito,serif;font-size: 12px;font-weight: 500;line-height: 3.17;text-align: center;color: #666;">
- Advertentie -
</div>
<div style="width: 728px; height: 90px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
</div>
<div class="row mb-4">
<div class="col-12">
<a class="btn auto_width" id="meer-nieuws" href="#"
data-loadmorenews='{"container":["#items-more-news", "#items-most-read"]}'>
<span class="fas fa-spinner fa-spin" id="loading"></span>
Klik hier voor meer nieuws
</a>
</div>
</div>
<div style="width: 100%; font-family: Nunito,serif;font-size: 12px;font-weight: 500;line-height: 3.17;text-align: center;color: #666;">
- Advertentie -
</div>
<div style="width: 100%;height: 90px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
@if ($podcast)
<?php $url = route('gemist.fragment') . $podcast->url; ?>
<h4 class="box_header"><span>Uitgelicht</span></h4>
<div class="box featured">
<div class="row">
<div class="col-6">
<a href="{{$url}}" title="{{$podcast->title}}">
<img src="{{$podcast->image && $podcast->image->url ? $imgBase . $podcast->image->url : '/images/noimage.png'}}"/>
</a>
<div class="col-12 col-md content_container">
<div class="row">
<div class="col-md-6 col-12">
<h4 class="box_header"><span>Meer nieuws</span></h4>
<div class="box">
@include('partial/newslist_small', ['id' => 'items-more-news', 'news' => array_slice($news, 5, 5)])
</div>
<div class="col-6">
<h2 class="post_title"><a href="{{$url}}" title="{{$podcast->title}}">{!!$podcast->title!!}</a></h2>
<div class="sub_title">
@if ($podcast->program)
<a class="program_name" href="{{ route('programma') . $podcast->program->url }}"
title="{{$podcast->program->name}}">{{$podcast->program->name}}</a>
@endif
<span class="post_date" title="{{Formatter::relativeDate($podcast->created)}}">
<i class="fa-regular fa-clock"></i> {{Formatter::relativeDate($podcast->created)}}
</span>
</div>
<div class="col-md-6 col-12">
<h4 class="box_header"><span>Meest gelezen</span></h4>
<div class="box">
@include('partial/newslist_small', ['id' => 'items-most-read', 'news' => $populair])
</div>
</div>
</div>
<div class="row mb-4">
<div class="col-12">
<a class="btn auto_width" id="meer-nieuws" href="#"
data-loadmorenews='{"container":["#items-more-news", "#items-most-read"], "url": "/nieuws"}'>
<span class="fas fa-spinner fa-spin" id="loading"></span>
Klik hier voor meer nieuws
</a>
</div>
</div>
@if ($podcast)
<?php $url = route('gemist.fragment') . $podcast->url; ?>
<h4 class="box_header"><span>Uitgelicht</span></h4>
<div class="box featured">
<div class="row">
<div class="col-6">
<a href="{{$url}}" title="{{$podcast->title}}">
<img src="{{$podcast->image && $podcast->image->url ? $imgBase . $podcast->image->url : '/images/noimage.png'}}"/>
</a>
</div>
<div class="col-6">
<h2 class="post_title"><a href="{{$url}}" title="{{$podcast->title}}">{!!$podcast->title!!}</a></h2>
<div class="sub_title">
@if ($podcast->program)
<a class="program_name" href="{{ route('programma') . $podcast->program->url }}"
title="{{$podcast->program->name}}">{{$podcast->program->name}}</a>
@endif
<span class="post_date" title="{{Formatter::relativeDate($podcast->created)}}">
<i class="fa-regular fa-clock"></i> {{Formatter::relativeDate($podcast->created)}}
</span>
</div>
<p>
{!!$podcast->content!!}
</p>
</div>
<p>
{!!$podcast->content!!}
</p>
</div>
</div>
</div>
@endif
</div>
<div class="col-md-3 col-12 sidebar">
@include('widgets/nhgooiradiotv', ['headerClass' => 'extra-small'])
@include('widgets/contact', [])
<div style="width: 100%; font-family: Nunito,serif;font-size: 12px;font-weight: 500;line-height: 3.17;text-align: center;color: #666;">
- Advertentie -
@endif
</div>
<div style="width: 100%;height: 275px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
<div class="podcast_items">
<h4 class="box_header"><span>Fragment gemist</span></h4>
<div class="box">
@include('partial/podcastitems', ['showTime' => false, 'showImage' => false, 'podcasts' => $podcasts])
<div class="col-12 col-md-auto sidebar">
@include('widgets/nhgooiradiotv', ['headerClass' => 'extra_small'])
@include('widgets/contact', [])
<div style="width: 100%; font-family: Nunito,serif;font-size: 12px;font-weight: 500;line-height: 3.17;text-align: center;color: #666;">
- Advertentie -
</div>
<div style="width: 100%;height: 275px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
<div class="podcast_items">
<h4 class="box_header extra_small"><span>Fragment gemist</span></h4>
<div class="box">
@include('partial/podcastitems', ['showTime' => false, 'showImage' => false, 'podcasts' => $podcasts])
</div>
</div>
</div>
</div>
@@ -184,25 +182,3 @@
</div>
@endsection
@section('oud')
@if($title)
<h2><a href="{{route('nieuws')}}" title="Terug naar het nieuwsoverzicht" class="btn btn-primary"><i
class="icon-arrow-small-left"></i></a> {{$title}} </h2>
@endif
<section class="page-content col-lg-8 col-md-12">
<div id="items">
@include('partial/newslistitems', ['news' => $news])
</div>
<div id="loading" style="display: none">
<div class="progress progress-striped active">
<div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"
style="width: 100%">
<b>Meer nieuwsberichten ophalen...</b>
</div>
</div>
</div>
</section>
@endsection

157
resources/views/klachten.blade.php
View File

@@ -1,90 +1,101 @@
@extends('layouts.sidebar')
@extends('layouts/full')
@section('title')
Klachtenregeling NHGooi
Klachtenregeling NHGooi
@endsection
@section('breadcrumb')
<ul class="bread_crumb">
<li><a title="Home" href="/">Home</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li><a title="NH Gooi" href="{{route('contact')}}">NH Gooi</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li>Klachtenregeling NHGooi</li>
</ul>
@endsection
@section('content')
<div class="page_body">
<h2 class="page_margin_top">Klachtenregeling</h2>
<h2 class="page_margin_top">Klachtenregeling</h2>
<p>
Het kan voorkomen dat u als bezoeker van onze website en/of sociale mediakanalen, luisteraar van
ons radiostation of kijker van ons televisiekanaal het niet eens bent met wat NHGooi heeft bericht,
bijvoorbeeld omdat NHGooi volgens u de journalistieke beginselen niet in acht heeft genomen. Het
kan ook zijn dat u een andere klacht heeft die betrekking heeft op het handelen van NHGooi.
U kunt een klacht indienen bij NHGooi. Wij starten dan een procedure om uw klacht zo snel en
effectief mogelijk te behandelen. Wij nemen enkel klachten in behandeling die direct betrekking
hebben op NHGooi.
</p>
<p>
Het kan voorkomen dat u als bezoeker van onze website en/of sociale mediakanalen, luisteraar van
ons radiostation of kijker van ons televisiekanaal het niet eens bent met wat NHGooi heeft bericht,
bijvoorbeeld omdat NHGooi volgens u de journalistieke beginselen niet in acht heeft genomen. Het
kan ook zijn dat u een andere klacht heeft die betrekking heeft op het handelen van NHGooi.
U kunt een klacht indienen bij NHGooi. Wij starten dan een procedure om uw klacht zo snel en
effectief mogelijk te behandelen. Wij nemen enkel klachten in behandeling die direct betrekking
hebben op NHGooi.
</p>
<p>Als u een klacht bij NHGooi indient, zorgen wij er voor dat u binnen vijf werkdagen een bevestiging
van ons krijgt. Mocht u geen bericht ontvangen, dan verzoeken wij u een reminder te sturen, mogelijk
is er dan iets misgegaan bij de bezorging/ontvangst van de klacht.</p>
<p>Als u een klacht bij NHGooi indient, zorgen wij er voor dat u binnen vijf werkdagen een bevestiging
van ons krijgt. Mocht u geen bericht ontvangen, dan verzoeken wij u een reminder te sturen, mogelijk
is er dan iets misgegaan bij de bezorging/ontvangst van de klacht.</p>
<h3>Het indienen van een klacht en het verloop van de procedure</h3>
<h3>Het indienen van een klacht en het verloop van de procedure</h3>
<p>Hieronder kunt u lezen hoe u een klacht kunt indienen en hoe vervolgens de procedure bij NHGooi
verloopt.</p>
<p>Hieronder kunt u lezen hoe u een klacht kunt indienen en hoe vervolgens de procedure bij NHGooi
verloopt.</p>
<h4>1. Klacht</h4>
<p>U maakt een e-mail of brief waarin u zo duidelijk mogelijk uw (negatieve) ervaring beschrijft.
Zorg dat in uw brief of in uw e-mail in ieder geval het volgende is opgenomen:
<ul class="bullets">
<li> Omschrijving van uw klacht;</li>
<li> De persoon of personen waarmee u contact heeft gehad (indien van toepassing);</li>
<li> Uw contactgegevens;</li>
<li> De actie die wij volgens u naar aanleiding van uw klacht zouden moeten ondernemen;</li>
</ul>
<p>Anonieme klachten nemen wij in beginsel niet in behandeling, tenzij klager inhoudelijk kan
onderbouwen dat er voor hem of haar zwaarwegende redenen zijn om de klacht anoniem in te
dienen en er een geanonimiseerd email of postadres wordt opgegeven.</p>
<h4>1. Klacht</h4>
<p>U maakt een e-mail of brief waarin u zo duidelijk mogelijk uw (negatieve) ervaring beschrijft.
Zorg dat in uw brief of in uw e-mail in ieder geval het volgende is opgenomen:
<ul class="bullets">
<li> Omschrijving van uw klacht;</li>
<li> De persoon of personen waarmee u contact heeft gehad (indien van toepassing);</li>
<li> Uw contactgegevens;</li>
<li> De actie die wij volgens u naar aanleiding van uw klacht zouden moeten ondernemen;</li>
</ul>
<p>Anonieme klachten nemen wij in beginsel niet in behandeling, tenzij klager inhoudelijk kan
onderbouwen dat er voor hem of haar zwaarwegende redenen zijn om de klacht anoniem in te
dienen en er een geanonimiseerd email of postadres wordt opgegeven.</p>
<h4>2. Stuur een aangetekende brief of e-mail</h4>
<p>U stuurt een e-mail of aangetekende brief naar onderstaande gegevens:</p>
<ul class="bullets">
<li>Emailadres: info@nhgooi.nl</li>
<li>Postadres: Postbus 83, 1270 AB Huizen</li>
</ul>
<h4>2. Stuur een aangetekende brief of e-mail</h4>
<p>U stuurt een e-mail of aangetekende brief naar onderstaande gegevens:</p>
<ul class="bullets">
<li>Emailadres: info@nhgooi.nl</li>
<li>Postadres: Postbus 83, 1270 AB Huizen</li>
</ul>
<h4>3. Bevestiging</h4>
<p>U krijgt van ons binnen 5 werkdagen een bevestiging van ontvangst;
<h4>3. Bevestiging</h4>
<p>U krijgt van ons binnen 5 werkdagen een bevestiging van ontvangst;
<h4>4. Afhandeling</h4>
<p>Wij nemen uw klacht altijd serieus en reageren binnen 30 dagen na de datum waarop wij de
klacht hebben ontvangen. Mocht het niet haalbaar zijn om de klacht binnen de genoemde
termijn van 30 dagen af te handelen, dan informeren wij u over de datum waarop de klacht
alsnog wordt afgehandeld.</p>
<p>De klacht wordt geanalyseerd en geëvalueerd, zodat de oorzaak van de klacht wordt
achterhaald. Op basis van de analyse en evaluatie wordt zo nodig</p>
<ul class="bullets">
<li> een corrigerende maatregel genomen om de klacht op te lossen en/of</li>
<li> een preventieve maatregel genomen ter voorkoming (van herhaling).</li>
</ul>
<h4>4. Afhandeling</h4>
<p>Wij nemen uw klacht altijd serieus en reageren binnen 30 dagen na de datum waarop wij de
klacht hebben ontvangen. Mocht het niet haalbaar zijn om de klacht binnen de genoemde
termijn van 30 dagen af te handelen, dan informeren wij u over de datum waarop de klacht
alsnog wordt afgehandeld.</p>
<p>De klacht wordt geanalyseerd en geëvalueerd, zodat de oorzaak van de klacht wordt
achterhaald. Op basis van de analyse en evaluatie wordt zo nodig</p>
<ul class="bullets">
<li> een corrigerende maatregel genomen om de klacht op te lossen en/of</li>
<li> een preventieve maatregel genomen ter voorkoming (van herhaling).</li>
</ul>
<p>Wanneer er naar aanleiding van uw klacht een corrigerende en/of preventieve maatregel is
genomen, dan koppelen wij dit naar u terug. Uiteraard informeren wij u ook als wij tot de
conclusie komen dat de klacht ongegrond is.</p>
<p>Wanneer er naar aanleiding van uw klacht een corrigerende en/of preventieve maatregel is
genomen, dan koppelen wij dit naar u terug. Uiteraard informeren wij u ook als wij tot de
conclusie komen dat de klacht ongegrond is.</p>
<h4>5. Contact</h4>
<p>Indien wenselijk nemen wij contact met u op om de klacht en/of de afhandeling te bespreken.
Graag aangeven of u wilt dat wij tijdens en\of na de afhandeling van de klacht contact met u
opnemen.
</p>
</div>
<style>
.bullets {
color: black;
font-size: 100%;
margin-bottom: 1em;
}
<h4>5. Contact</h4>
<p>Indien wenselijk nemen wij contact met u op om de klacht en/of de afhandeling te bespreken.
Graag aangeven of u wilt dat wij tijdens en\of na de afhandeling van de klacht contact met u
opnemen.
<style>
.bullets {
color: black;
font-size: 100%;
margin-bottom: 1em;
}
.bullets li {
padding-top: 9px;
padding-bottom: 10px;
background-repeat: no-repeat;
background-position: left 10px;
padding-left: 25px;
background-image: url("/images/icons/other/bullet_style_2.png");
}
</style>
.bullets li {
padding-top: 9px;
padding-bottom: 10px;
background-repeat: no-repeat;
background-position: left 10px;
padding-left: 25px;
background-image: url("/images/icons/other/bullet_style_2.png");
}
</style>
@endsection

93
resources/views/layouts/master.blade.php
View File

@@ -19,55 +19,24 @@
<div class="header_container small">
<div class="header clearfix">
<div class="logo">
<a href="{{url('/')}}"><img src="/images/logo.png" class="ri"/></a>
<a href="{{url('/')}}"><img src="/images/logo-NHGooi.svg" class="ri"/></a>
</div>
<div class="now-playing-header">
<div class="title"></div>
<div class="artist"></div>
<div class="controls">
<ul>
<li class="program-link">
<a href='{{route('radio.gids')}}' title="Bekijk het huidige programma in de programmagids">
<i class="fa-solid fa-info"></i>
<label>Programmagids</label>
</a>
</li>
<li class="listen-live">
<a href='{{route('luister.live')}}' title="Luister live naar NH Gooi Radio" class="player">
<i class="fa-solid fa-play"></i>
<label>Luister NH Gooi Radio</label>
</a>
</li>
<li class="watch-live">
<a href='{{route('kijk.live')}}' title="Kijk live naar NH Gooi TV">
<i class="fa-solid fa-tv"></i>
<label>Kijk NH Gooi TV</label>
</a>
</li>
<li class="watch-studio">
<a href='{{route('kijk.studio')}}' title="Kijk live mee in de radiostudio van NH Gooi">
<i class="fa-solid fa-video"></i>
<label>Studiocam</label>
</a>
</li>
</ul>
</div>
</div>
<div style="float: right;width: 728px;height: 90px;margin: 11px auto 0px auto;background-color: #efefef;"></div>
</div>
</div>
<div class="menu_container sticky clearfix">
<div class="top_menu_container">
<ul>
<li>
<a href="/">Tip de redactie <i class="fa-solid fa-circle-plus"></i></a>
<a href="/contact">Tip de redactie <i class="fa-solid fa-circle-plus"></i></a>
</li>
@if(isset($searchURL))
<li>
<form class="search_form" action="{{url($searchURL)}}">
<input type="text" name="query" placeholder="Zoeken..."
value="{{isset($query) ? $query : null}}" class="search_input hint">
<input type="submit" class="search_submit" value="Zoeken">
value="{{isset($query) ? $query : null}}" class="search_input">
<a href="javascript:void(0)" onclick="this.form.submit()" class="search_submit"><i class="fa-solid fa-magnifying-glass"></i></a>
</form>
<a href="#" class="search_button"><i class="fa-solid fa-magnifying-glass"></i><i
style="display: none" class="fa-solid fa-xmark"></i></a>
@@ -193,60 +162,10 @@
});
$(".scroll_top_floater").hide();
function updateOnAir() {
$.ajax({
url: '{{route('onair')}}',
success: function (data) {
$(document).trigger('onAirUpdated', data);
}
});
}
$(updateOnAir);
var onAirUpdater = setInterval(updateOnAir, 5000);
var $nowPlaying = {
container: $(".now-playing-header").hide(),
title: $(".now-playing-header .title"),
artist: $(".now-playing-header .artist"),
controls: $(".now-playing-header .controls"),
studiocam: $(".now-playing-header .watch-studio, li.watch-studio"),
programLink: $(".now-playing-header .program-link a"),
programLabel: $(".now-playing-header .program-link a > label"),
first: true
};
$(document).on('onAirUpdated', function (evt, data) {
if (data.inProgram) {
$nowPlaying.title.text(data.program.name).attr('title', data.program.name);
if (data.current && data.current.title) {
$nowPlaying.artist.text((data.current.artist ? data.current.artist + ' - ' : '') + data.current.title);
} else {
$nowPlaying.artist.text(data.program.tagline);
}
} else {
$nowPlaying.programLabel.text(data.program.name).attr('title', data.program.name + "\n" + data.program.tagline);
$nowPlaying.title.text(data.current.title).attr('title', data.current.title);
$nowPlaying.artist.text(data.current.artist).attr('title', data.current.artist);
}
$nowPlaying.studiocam.toggle(data.stream != false);
$nowPlaying.programLink.attr('href', '{{route("programma")}}' + data.program.url);
if ($nowPlaying.first) {
$nowPlaying.controls.hide();
}
$nowPlaying.container.slideDown(function () {
if ($nowPlaying.first) {
$nowPlaying.controls.fadeIn('slow');
$nowPlaying.first = false;
}
});
// Now playing may have moved the menu
menu_position = $(".menu_container").offset().top;
});
function openPlayerInNewScreen() {
$(".player").click(function (e) {
e.preventDefault();
window.open($(this).attr('href'), '_player', 'width=500,height=500,titlebar,close');
window.open($(this).attr('href'), '_player', 'width=550,height=500,titlebar,close');
return false;
});
}

100
resources/views/layouts/sidebar.blade.php
View File

@@ -1,58 +1,66 @@
@extends('layouts/master')
@section('page')
<div class="row @yield('page_class')">
<div class="col-8">
<div class="box full-width">
@yield('breadcrumb')
@yield('tags')
<h1 class="page_title">@yield('title')</h1>
@yield('content')
<div class="@yield('container_class')">
<div class="row @yield('page_class')">
<div class="col-12 col-md content_container">
<div class="box full-width">
@yield('breadcrumb')
@yield('tags')
<h1 class="page_title">@yield('title')</h1>
@yield('content')
</div>
</div>
</div>
<div class="col-4">
@section('sidebar')
@if ((isset($populair) && $populair) || isset($newsItems) && $newsItems)
<div data-tabs>
<div class="tabs">
@if (isset($populair) && $populair)
<h4 data-tab-content-id="tab_most_read" class="box_header active"><span>Meest gelezen</span></h4>
@endif
@if (isset($newsItems) && $newsItems)
<h4 data-tab-content-id="tab_more_news" class="box_header"><span>Meer nieuws</span></h4>
@endif
</div>
@if (isset($populair) && $populair)
<div id="tab_most_read" class="box tab_content active">
@include('partial/newslist_small', ['id' => 'items-most-read', 'news' => $populair])
<a class="btn auto_width" id="meer-nieuws-most-read" href="#" data-loadmorenews='{"container":["#items-most-read"], "url": "/nieuws/populair?id=items-most-read"}'>
<span class="fas fa-spinner fa-spin" id="loading"></span>
Klik hier voor meer nieuws
</a>
</div>
<div class="col-12 col-md-auto sidebar">
@section('sidebar')
@if ((isset($populair) && $populair) || isset($newsItems) && $newsItems)
<div data-tabs>
<div class="tabs">
@if (isset($populair) && $populair)
<h4 data-tab-content-id="tab_most_read"
class="box_header extra_small flex-grow-1 active"><span>Meest gelezen</span>
</h4>
@endif
@if (isset($newsItems) && $newsItems)
<h4 data-tab-content-id="tab_more_news"
class="box_header extra_small{{!$populair? ' active' : ''}}">
<span>Meer nieuws</span></h4>
@endif
</div>
@if (isset($populair) && $populair)
<div id="tab_most_read" class="box tab_content active">
@include('partial/newslist_small', ['id' => 'items-most-read', 'news' => $populair])
<a class="btn auto_width" id="meer-nieuws-most-read" href="#"
data-loadmorenews='{"container":["#items-most-read"], "url": "/nieuws/populair?id=items-most-read"}'>
<span class="fas fa-spinner fa-spin" id="loading"></span>
Klik hier voor meer nieuws
</a>
</div>
@endif
@if (isset($newsItems) && $newsItems)
<div id="tab_more_news" class="box tab_content">
@include('partial/newslist_small', ['id' => 'items-more-news', 'news' => $newsItems])
<a class="btn auto_width" id="meer-nieuws-more-news" href="#"
data-loadmorenews='{"container":["#items-more-news"], "url": "/nieuws/more?id=items-more-news"}'>
<span class="fas fa-spinner fa-spin" id="loading"></span>
Klik hier voor meer nieuws
</a>
</div>
@endif
</div>
@endif
@if (isset($newsItems) && $newsItems)
<div id="tab_more_news" class="box tab_content">
@include('partial/newslist_small', ['id' => 'items-more-news', 'news' => $newsItems])
<a class="btn auto_width" id="meer-nieuws-more-news" href="#" data-loadmorenews='{"container":["#items-more-news"], "url": "/nieuws/more?id=items-more-news"}'>
<span class="fas fa-spinner fa-spin" id="loading"></span>
Klik hier voor meer nieuws
</a>
<div style="width: 100%; font-family: Nunito,serif;font-size: 12px;font-weight: 500;line-height: 3.17;text-align: center;color: #666;">
- Advertentie -
</div>
@endif
</div>
@endif
<div style="width: 100%;height: 275px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
<div style="width: 100%; font-family: Nunito,serif;font-size: 12px;font-weight: 500;line-height: 3.17;text-align: center;color: #666;">
- Advertentie -
</div>
<div style="width: 100%;height: 275px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
@include('widgets/nhgooiradiotv', ['headerClass' => 'extra_small'])
@include('widgets/nhgooiradiotv', ['headerClass' => 'medium'])
@include('widgets/contact', [])
@show
@include('widgets/contact', [])
@show
</div>
</div>
</div>

4
resources/views/listen.blade.php
View File

@@ -1,8 +1,8 @@
@extends('layouts.empty')
@section('content')
<a href="javascript:window.close();" class="close"><span class='fa fa-times fa-fw'></span> Venster sluiten</a>
<p class="logo"><a href="{{ url('/') }}"><img src="{{ url( 'images/logo.png' )}}"></a></p>
<a href="javascript:window.close();" class="close btn"><span class='fa fa-times fa-fw'></span> Venster sluiten</a>
<p class="logo"><a href="{{ url('/') }}"><img src="{{ url( 'images/logo-NHGooi.svg' )}}"></a></p>
@if(false && $isStream)
<p>Wegens een technisch probleem is NH Gooi momenteel niet via Internet te beluisteren. Onze excuses voor het

60
resources/views/news.blade.php Normal file
View File

@@ -0,0 +1,60 @@
@extends('layouts.master')
@section('title')
NH Gooi - Nieuws
@endsection
@section('content')
<div class="clearfix">
{{-- body --}}
<div class="grey_background">
<div class="body_container row">
<div class="col-12">
<div style="width: 100%; font-family: Nunito,serif;font-size: 12px;font-weight: 500;line-height: 3.17;text-align: center;color: #666;">
- Advertentie -
</div>
<div style="width: 728px; height: 90px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
</div>
<div class="col-12 col-md content_container">
<div class="row">
<div class="col-md-12 col-12">
<h4 class="box_header"><span>Meer nieuws</span></h4>
<div class="box">
@include('partial/newslist_small', ['id' => 'items-more-news', 'news' => array_slice($news, 5, 5)])
</div>
</div>
</div>
<div class="row mb-4">
<div class="col-12">
<a class="btn auto_width" id="meer-nieuws" href="#"
data-loadmorenews='{"container":["#items-more-news"]}'>
<span class="fas fa-spinner fa-spin" id="loading"></span>
Klik hier voor meer nieuws
</a>
</div>
</div>
</div>
<div class="col-12 col-md-auto sidebar">
@include('widgets/nhgooiradiotv', ['headerClass' => 'extra_small'])
@include('widgets/contact', [])
<div style="width: 100%; font-family: Nunito,serif;font-size: 12px;font-weight: 500;line-height: 3.17;text-align: center;color: #666;">
- Advertentie -
</div>
<div style="width: 100%;height: 275px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
<div class="podcast_items">
<h4 class="box_header extra_small"><span>Fragment gemist</span></h4>
<div class="box">
@include('partial/podcastitems', ['showTime' => false, 'showImage' => false, 'podcasts' => $podcasts])
</div>
</div>
</div>
</div>
</div>
</div>
@endsection

8
resources/views/newsitem.blade.php
View File

@@ -8,6 +8,8 @@
@section('breadcrumb')
<ul class="bread_crumb">
<li><a title="Home" href="/">Home</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li><a title="Nieuws" href="{{route('nieuws')}}">Nieuws</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li><a title="{{$news->region->title}}" href="{{route('nieuws.regio', $news->region->slug)}}">{{$news->region->title}}</a></li>
@@ -18,9 +20,7 @@
@section('tags')
<ul class="post_tags">
@if($news->region && $news->region->title != "Regio")
<li><a href="{{route('nieuws.regio', $news->region->slug)}}" title="{{$news->region->title}}">{{$news->region->title}}</a></li>
@endif
<li><a href="{{route('nieuws.regio', $news->region->slug)}}" title="{{$news->region->title}}">{{$news->region->title}}</a></li>
</ul>
@endsection
@@ -74,7 +74,7 @@
</div>
@endif
<div class="post_content page_margin_top clearfix">
<div class="post_content clearfix">
<div class="content_box">
@if($news->images)
@if(count($news->images) == 1)

230
resources/views/newslist.blade.php
View File

@@ -1,124 +1,144 @@
@extends('layouts/sidebar')
@section('title')
@if($title) {{$title}} - Nieuws @endif
@section('title')
@if($title)
{{$title}} - Nieuws
@endif
@endsection
@section('page_class')
news_post post_container
@endsection
@section('container_class')
grey_background
@endsection
@section('breadcrumb')
@if($title)
<ul class="bread_crumb" style="margin-top: -10px; margin-bottom: 4px; ">
<li><a title="Nieuws" href="{{route('nieuws')}}">Nieuws</a></li>
<li class="separator icon_small_arrow right_gray">&nbsp;</li>
<li>{{$title}}</li>
</ul>
@endif
@if($title)
<ul class="bread_crumb" style="margin-top: -10px; margin-bottom: 4px; ">
<li><a title="Home" href="/">Home</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li><a title="Nieuws" href="{{route('nieuws')}}">Nieuws</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li>{{$title}}</li>
</ul>
@endif
@endsection
@section('content')
{{-- Nieuws komt met 15 berichten per pagina. Deel op in 3 x 2-breed + 3 x 3-breed --}}
@foreach(array_slice($news, 0, 6) as $item)
@if($loop->index % 2 == 0)
<div class="row">
@endif
<div class="column column_1_2">
<ul class="blog">
<li class="post">
<a href="{{url($item->url)}}" title="{{$item->title}}">
@if($item->video)
<span class="icon video"></span>
@elseif($item->images && count($item->images) > 1)
<span class="icon gallery"></span>
@endif
<img src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}' alt='img'>
</a>
<h2><a href="{{url($item->url)}}" title="{{strip_tags($item->title)}}">{!!$item->title!!}</a></h2>
<ul class="post_details">
@if($item->region)
<li class="category">
<a title="Regio: {{$item->region->title}}" href="{{route('nieuws.regio', ['region' => $item->region->slug])}}">{{$item->region->title}}</a>
</li>
@endif
@if($item->theme)
<li class="category">
<a title="Thema: {{$item->theme->title}}" href="{{route('nieuws.thema', ['theme' => $item->theme->slug])}}">{{$item->theme->title}}</a>
</li>
@endif
36 @if($item->edited && ($item->edited != $item->published))
<li class="date edited">
Bijgewerkt:
@if($item->edited->format('d m') != $item->published->format('d m'))
{{Formatter::relativeDate($item->edited)}} om
@endif
{{$item->edited->format('H:i')}} uur
</li>
@else
<li class="date">
{{Formatter::relativeDate($item->published)}} om {{$item->published->format('H:i')}} uur
</li>
@endif
</ul>
<p>{!!Formatter::excerpt($item->content, 150)!!}</p>
<a class="read_more" href="{{url($item->url)}}" title="Lees verder"><span class="arrow"></span><span>Lees verder...</span></a>
</li>
</ul>
</div>
@if($loop->index % 2 == 1)
</div>
@endif
@endforeach
<div class="post_body">
{{-- Nieuws komt met 15 berichten per pagina. Deel op in 3 x 2-breed + 3 x 3-breed --}}
@foreach(array_slice($news, 0, 6) as $item)
@if($loop->index % 2 == 0)
<div class="row">
@endif
<div class="column column_1_2">
<ul class="blog">
<li class="post">
<a href="{{url($item->url)}}" title="{{$item->title}}">
@if($item->video)
<span class="icon video"></span>
@elseif($item->images && count($item->images) > 1)
<span class="icon gallery"></span>
@endif
<img src='{{$item->images && count($item->images) ? $imgBase . $item->images[0]->url : '/images/noimage.png'}}'
alt='img'>
</a>
<h2 class="post_title"><a href="{{url($item->url)}}"
title="{{strip_tags($item->title)}}">{!!$item->title!!}</a>
</h2>
<ul class="post_details clearfix">
@if($item->region)
<li class="detail category"><i class="fa-solid fa-location-dot"></i> Regio <a
href="{{route('nieuws.regio', $item->region->slug)}}"
title="{{$item->region->title}}">{{$item->region->title}}</a></li>
@endif
@if($item->theme)
<li class="detail category"><i class="fa-solid fa-tag fa-rotate-90"></i> Thema
<a href="{{route('nieuws.thema', $item->theme->slug)}}"
title="{{$item->theme->title}}">{{$item->theme->title}}</a></li>
@endif
@if($item->edited && ($item->edited != $item->published))
<li class="date edited">
<i class="fa-regular fa-clock"></i>
Bijgewerkt:
@if($item->edited->format('d m') != $item->published->format('d m'))
{{Formatter::relativeDate($item->edited)}} om
@endif
{{$item->edited->format('H:i')}} uur
</li>
@else
<li class="date">
<i class="fa-regular fa-clock"></i>
{{Formatter::relativeDate($item->published)}}
om {{$item->published->format('H:i')}} uur
</li>
@endif
</ul>
<p>{!!Formatter::excerpt($item->content, 150)!!}</p>
<a class="read_more" href="{{url($item->url)}}" title="Lees verder"><span
class="arrow"></span><span>Lees verder...</span></a>
</li>
</ul>
</div>
@if($loop->index % 2 == 1)
</div>
@endif
@endforeach
<div id="items">
@include('partial/newslist_small', ['news' => array_slice($news, 6, count($news))])
</div>
<div id="items">
@include('partial/newslist_small', ['id' => 'items-more-news', 'news' => array_slice($news, 6, count($news))])
</div>
@if(count($news) >= 15)
<div>
<button class="more page_margin_top" type="button" id='meer-nieuws'>
<span class="fa-2x fas fa-spinner fa-spin" id="loading"></span>
LAAD MEER NIEUWSBERICHTEN
</button>
</div>
@endif
@if(count($news) >= 15)
<div>
<a class="btn auto_width" id="meer-nieuws" href="#"
data-loadmorenews='{"container":["#items-more-news"]}'>
<span class="fas fa-spinner fa-spin" id="loading"></span>
LAAD MEER NIEUWSBERICHTEN
</a>
</div>
@endif
</div>
@endsection
@push('scripts')
<script>
var nextPage = 2;
var isLoading = 0;
var $isLoading = $('#loading').hide();
<script>
var nextPage = 2;
var isLoading = 0;
var $isLoading = $('#loading').hide();
$('#meer-nieuws').click(function(e) {
e.preventDefault();
if(!isLoading) {
// Set flag and update UI
isLoading = 1;
$isLoading.show();
var $button = $(this).attr("disabled", "disabled");
// Fire request for the next page
$.ajax({ url: document.location.pathname + '?pagina=' + nextPage })
.always(function() {
// Whether success or failure, update the UI again
isLoading = 0;
$isLoading.hide();
$button.removeAttr("disabled");
})
.done(function(data) {
if(!data) {
// When no data was returned, disable the button permanently
page = -1;
$('#items').append("<hr /><p>Er zijn geen nieuwsberichten (meer).</p>");
$button.remove();
return;
}
$('#meer-nieuws').click(function (e) {
e.preventDefault();
if (!isLoading) {
// Set flag and update UI
isLoading = 1;
$isLoading.show();
var $button = $(this).attr("disabled", "disabled");
$('#items').append(data);
++nextPage;
});
}
});
</script>
// Fire request for the next page
$.ajax({url: document.location.pathname + '?pagina=' + nextPage})
.always(function () {
// Whether success or failure, update the UI again
isLoading = 0;
$isLoading.hide();
$button.removeAttr("disabled");
})
.done(function (data) {
if (!data) {
// When no data was returned, disable the button permanently
page = -1;
$('#items').append("<hr /><p>Er zijn geen nieuwsberichten (meer).</p>");
$button.remove();
return;
}
$('#items').append(data);
++nextPage;
});
}
});
</script>
@endpush

2
resources/views/radioprogram.blade.php
View File

@@ -4,7 +4,7 @@
{{$program->name}}
@endsection
@section('page_class')grey-background page_container @endsection
@section('page_class')grey_background page_container @endsection
@section('breadcrumb')
<ul class="bread_crumb">

4
resources/views/radioschedule.blade.php
View File

@@ -8,6 +8,10 @@ $margin = 2;
@section('breadcrumb')
<ul class="bread_crumb">
<li><a title="Home" href="/">Home</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li><a title="Radio" href="{{route('radio.gids')}}">Radio</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li>Radioprogrammering</li>
</ul>
@endsection

37
resources/views/watch.blade.php
View File

@@ -1,22 +1,37 @@
@extends('layouts/full')
@section('title')
Kijk NH Gooi TV
{{$title}}
@endsection
@section('breadcrumb')
<ul class="bread_crumb">
<li><a title="Home" href="/">Home</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li><a title="TV" href="{{route('kijk.live')}}">TV</a></li>
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
<li>{{$title}}</li>
</ul>
@endsection
@include('widgets.mediaplayer')
@section('content')
@parent
@parent
@if(false)
<p>Wegens een technisch probleem is NH Gooi TV momenteel niet via Internet te bekijken. Onze excuses voor het ongemak.</p>
@else
<div width="50%" style="width:100%; position:relative;">
<video width="640" height="360" style="max-width:100%; height:100%;" preload="auto" autoplay controls="controls">
<source src="{{$stream}}" type="application/x-mpegURL" />
</video>
</div>
@endif
@if(false)
<p>Wegens een technisch probleem is NH Gooi TV momenteel niet via Internet te bekijken. Onze excuses voor het
ongemak.</p>
@else
<div width="50%" style="width:100%; position:relative;">
<video width="640" height="360" style="max-width:100%; height:100%;" preload="auto" autoplay
controls="controls">
<source src="{{$stream}}" type="application/x-mpegURL"/>
</video>
</div>
<br/>
<br/>
<br/>
@endif
@endsection

8
resources/views/widgets/contact.blade.php
View File

@@ -0,0 +1,8 @@
<div class="box contact_box">
<img class="logo-whatsapp" src="/images/logo-whatsapp.png"/>
<h2>Contact met de redactie</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vestibulum tincidunt ante id
tincidunt. Cras tempus imperdiet enim ut eleifend. Donec mi nunc, molestie efficitur volutpat
eu, pretium in enim. Vivamus suscipit massa at urna mollis.</p>
<a class="read_more" href="#">Lees meer <i class="fa-solid fa-angle-right"></i></a>
</div>

16
resources/views/widgets/menu.blade.php
View File

@@ -10,6 +10,7 @@
),
// "Zondagsdienst" => "/kerkdienst"),
"TV" => array(
"" => "/kijk/live",
"Kijk live" => "/kijk/live"
),
// "NHGOOI TV @ YouTube" => "https://www.youtube.com/channel/UC0qLwqmXiLoL5PrLlgB6B4Q"),
@@ -20,6 +21,7 @@
// "Vroeger of Later Luisterlijst (2 januari)" => "/vol-luisterlijst"),
"App" => "/app",
"Podcast" => array(
"" => "/podcast/1091/nh-gooi-spreekuur",
"Waterschapsverkiezing 2023" => "/gemist/fragment/1356528/podcast-waterschapsverkiezingen-2023.mp3",
"NH Gooi Spreekuur" => "/podcast/1091/nh-gooi-spreekuur",
"Duurzaam Gooi" => "/podcast/1076/podcast-duurzaam-gooi"
@@ -58,6 +60,10 @@ function isActive($link, $checksubmenus)
return false;
}
if ($link == "/") {
return $_SERVER["REQUEST_URI"] == "/" || $_SERVER["REQUEST_URI"] == "";
}
return (substr($_SERVER["REQUEST_URI"], 0, strlen($link)) == $link);
}
@@ -72,6 +78,7 @@ function buildMenu($menu, $ismobile)
$isactive = isActive($link, !$ismobile);
$icon = "";
$isplayer = false;
$isFile = false;
$liClass = "";
if (!$submenu && substr($link, 0, 8) == '/luister') {
$icon = "fas fa-headphones";
@@ -89,10 +96,11 @@ function buildMenu($menu, $ismobile)
}
if (!$submenu && substr($link, strlen($link) - 4, 4) == '.pdf') {
$icon = "fas fa-file-pdf";
$isFile = true;
}
$submenulink = $submenu && isset($link[""]) ? $link[""] : "#";
$target = substr($submenu ? $submenulink : $link, 0, 4) == "http" ? "target='_blank'" : "";
$target = substr($submenu ? $submenulink : $link, 0, 4) == "http" || $isFile ? "target='_blank'" : "";
if ($icon) {
$icon = "<span class='$icon'></span>&nbsp;";
} else {
@@ -113,8 +121,11 @@ function buildMenu($menu, $ismobile)
}
?>
<nav>
<div></div>
<ul class="menu d-none d-lg-block">
<li></li>
<li class="{{isActive('/', false) ? "selected" : ""}}">
<a href="/" title="Home">Home</a>
</li>
@php($newsUrl = '/nieuws')
<li class="{{isActive($newsUrl, false) ? "selected" : ""}}">
<a href="{{$newsUrl}}" title="Nieuws">Nieuws</a>
@@ -122,6 +133,7 @@ function buildMenu($menu, $ismobile)
{!! buildMenu($menu, false) !!}
<li></li>
</ul>
<div></div>
</nav>
<div class="mobile_menu_container d-none d-sm-block d-md-none">
<a href="#" class="mobile-menu-switch">

27
resources/views/widgets/nhgooiradiotv.blade.php
View File

@@ -1,30 +1,29 @@
<div data-tabs>
<div class="tabs">
<h4 data-tab-content-id="tab_gooi_radio_live" class="box_header {{$headerClass ?? ''}} active"><span>NH Gooi Radio live</span>
<h4 data-tab-content-id="tab_gooi_radio_live" class="box_header flex-grow-1 {{$headerClass ?? ''}} active"><span>NH Gooi Radio live</span>
</h4>
<h4 data-tab-content-id="tab_gooi_tv_live" class="box_header {{$headerClass ?? ''}}">
<span>NH Gooi TV live</span></h4>
</div>
<div id="tab_gooi_radio_live" class="tab_content active box radio_box">
<img class="logo-radio" src="/images/logo-radio.png"/>
<img class="logo-radio" src="/images/logo-NHGooi-radio.svg"/>
<h2 class="post_title">Muziek & Informatie</h2>
<span class="post_date">
<i class="fa-regular fa-clock"></i> 02:00 - 20:00
</span>
<p>Non-stop muziekmix en regionieuws</p>
<a class="btn" href="#">Contact de studio</a>
<a class="btn" href="#">Luister live</a>
<a class="btn" href="#">Kijk live mee</a>
<a class="btn" href="/contact">Contact de studio</a>
<a class="btn player" href="/luister/live">Luister live</a>
<a class="btn" href="/kijk/live">Kijk live mee</a>
</div>
<div id="tab_gooi_tv_live" class="tab_content box radio_box">
<img class="logo-radio" src="/images/logo-radio.png"/>
<h2 class="post_title">Muziek & Informatie</h2>
<span class="post_date">
<i class="fa-regular fa-clock"></i> 02:00 - 20:00
</span>
<p>Non-stop muziekmix en regionieuws</p>
<a class="btn" href="#">Contact de studio</a>
<a class="btn" href="#">Luister live</a>
<a class="btn" href="#">Kijk live mee</a>
<img class="logo-radio" src="/images/logo-NHGooi-televisie.svg"/>
<h2 class="post_title">Live</h2>
@include('widgets.mediaplayer')
<div width="50%" style="width:100%; position:relative; margin-left: -15px;">
<video width="640" height="360" style="max-width:100%; height:100%;" preload="auto" controls="controls">
<source src="https://rrr.sz.xlcdn.com/?account=nhnieuws&file=nhgooi&type=live&service=wowza&protocol=https&output=playlist.m3u8" type="application/x-mpegURL" />
</video>
</div>
</div>
</div>

2
routes/web.php
View File

@@ -11,7 +11,7 @@
|
*/
Route::get('/', function() { return redirect()->route('nieuws'); });
Route::get('/', 'HomeController@show')->name('home');
Route::get('/nieuws', 'NewsController@overview')->name('nieuws');
Route::get('/nieuws/more', 'NewsController@more')->name('nieuws.more');