Most pages are now styled.
Small changes to existing pages. Changes to base layout style.
This commit is contained in:
Jorit Tijsen
@@ -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;
|
||||
@@ -20,12 +20,15 @@ class Controller extends BaseController
|
||||
private function getDataFromFileAndConvert($file, $path, $class, $maxItems = 0)
|
||||
{
|
||||
$data = json_decode(Storage::disk('local')->get($file));
|
||||
foreach($path as $subobject) { $data = $data->$subobject; }
|
||||
foreach ($path as $subobject) {
|
||||
$data = $data->$subobject;
|
||||
}
|
||||
$items = [];
|
||||
foreach($data as $item_data)
|
||||
{
|
||||
foreach ($data as $item_data) {
|
||||
$items[] = new $class($item_data);
|
||||
if($maxItems && count($items) == $maxItems) { break; }
|
||||
if ($maxItems && count($items) == $maxItems) {
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
return $items;
|
||||
@@ -51,22 +54,24 @@ class Controller extends BaseController
|
||||
View::composer('widgets.nustraks', function ($view) {
|
||||
$data = json_decode(Storage::disk('local')->get('nu_straks.json'))->schedule;
|
||||
$programs = [];
|
||||
foreach($data as $item_data)
|
||||
{
|
||||
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));
|
||||
$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)
|
||||
{
|
||||
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));
|
||||
$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;
|
||||
@@ -76,7 +81,8 @@ class Controller extends BaseController
|
||||
$view->with('data', $programs);
|
||||
});
|
||||
View::composer('widgets.laatstepodcasts', function ($view) {
|
||||
$view->with('data', $this->getDataFromFileAndConvert('laatste_podcasts.json', ['podcasts'], '\Model\Podcast'));
|
||||
$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'));
|
||||
@@ -87,7 +93,8 @@ class Controller extends BaseController
|
||||
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'));
|
||||
->with('podcasts',
|
||||
$this->getDataFromFileAndConvert('laatste_podcasts.json', ['podcasts'], '\Model\Podcast'));
|
||||
});
|
||||
}
|
||||
|
||||
@@ -97,7 +104,8 @@ class Controller extends BaseController
|
||||
return;
|
||||
}
|
||||
|
||||
app('db')->insert('INSERT INTO `pagestats`(`type`, `item_id`, `visitor_ip`, `session`, `referer`) VALUES(:type, :id, :ip, :session, :referer)', [
|
||||
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'),
|
||||
@@ -128,11 +136,15 @@ class Controller extends BaseController
|
||||
return new \DateTime($obj->date, new \DateTimeZone($obj->timezone));
|
||||
}
|
||||
|
||||
public function __call($method, $arguments) {
|
||||
public function __call($method, $arguments)
|
||||
{
|
||||
if (substr($method, 0, 5) == 'view_') {
|
||||
$view = substr($method, 5);
|
||||
if(view()->exists($view)) { return view($view, $this->getSidebareData()); }
|
||||
if (view()->exists($view)) {
|
||||
return view($view);
|
||||
}
|
||||
}
|
||||
|
||||
return abort(404);
|
||||
}
|
||||
|
||||
|
||||
@@ -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)
|
||||
{
|
||||
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)
|
||||
];
|
||||
$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']);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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,7 +137,6 @@ class NewsController extends Controller
|
||||
}
|
||||
|
||||
$populair = [];
|
||||
if ($url == 'overzicht') {
|
||||
if ($title == null) {
|
||||
$total = 5;
|
||||
}
|
||||
@@ -146,7 +145,6 @@ class NewsController extends Controller
|
||||
foreach ($apiResult as $newsItem) {
|
||||
$populair[] = new \Model\NewsItem($newsItem);
|
||||
}
|
||||
}
|
||||
|
||||
$podcast = null;
|
||||
$podcasts = [];
|
||||
@@ -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()
|
||||
|
||||
@@ -20,14 +20,14 @@ class StreamController extends Controller
|
||||
|
||||
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)
|
||||
|
||||
128
public/css/style.css
vendored
128
public/css/style.css
vendored
@@ -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 */
|
||||
|
||||
File diff suppressed because one or more lines are too long
112
public/images/logo-NHGooi-diap.svg
Normal file
112
public/images/logo-NHGooi-diap.svg
Normal 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>
|
||||
|
After Width: | Height: | Size: 6.6 KiB |
82
public/images/logo-NHGooi-radio.svg
Normal file
82
public/images/logo-NHGooi-radio.svg
Normal 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>
|
||||
|
After Width: | Height: | Size: 5.3 KiB |
84
public/images/logo-NHGooi-televisie.svg
Normal file
84
public/images/logo-NHGooi-televisie.svg
Normal 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>
|
||||
|
After Width: | Height: | Size: 5.3 KiB |
63
public/images/logo-NHGooi.svg
Normal file
63
public/images/logo-NHGooi.svg
Normal 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>
|
||||
|
After Width: | Height: | Size: 3.7 KiB |
4
resources/assets/sass/abstracts/_mixin.scss
vendored
4
resources/assets/sass/abstracts/_mixin.scss
vendored
@@ -1,5 +1,9 @@
|
||||
@use "variables" as *;
|
||||
|
||||
@mixin container {
|
||||
max-width: 1170px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
@mixin reset-list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
4
resources/assets/sass/base/_base.scss
vendored
4
resources/assets/sass/base/_base.scss
vendored
@@ -4,3 +4,7 @@
|
||||
@use "../components/button";
|
||||
|
||||
@use "../layout";
|
||||
|
||||
.mejs__overlay-button {
|
||||
border: none;
|
||||
}
|
||||
|
||||
25
resources/assets/sass/base/_container.scss
vendored
25
resources/assets/sass/base/_container.scss
vendored
@@ -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
15
resources/assets/sass/components/_box.scss
vendored
@@ -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,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,8 +2,8 @@
|
||||
height: 110px;
|
||||
}
|
||||
.header .logo {
|
||||
margin-left: 135px;
|
||||
float: left;
|
||||
margin-top: 18px;
|
||||
}
|
||||
.header .logo img {
|
||||
height: 75px;
|
||||
|
||||
@@ -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
46
resources/assets/sass/components/_menu.scss
vendored
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -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
11
resources/assets/sass/components/_page.scss
vendored
@@ -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
9
resources/assets/sass/components/_post.scss
vendored
@@ -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 {
|
||||
|
||||
@@ -1,23 +1,45 @@
|
||||
@extends('layouts/sidebar')
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
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
|
||||
<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.
|
||||
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.
|
||||
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).
|
||||
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ïnteresseerd zijn en meer informatie wensen te ontvangen over adverteren op NH Gooi kunnen reageren via {{Html::mailto('info@nhgooi.nl')}}.
|
||||
Ondernemers die geïnteresseerd zijn en meer informatie wensen te ontvangen over adverteren op NH Gooi
|
||||
kunnen reageren via {{Html::mailto('info@nhgooi.nl')}}.
|
||||
</p>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@@ -1,21 +1,54 @@
|
||||
@extends('layouts.sidebar')
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
NH Gooi App
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@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>
|
||||
|
||||
<div class="row page_margin_top">
|
||||
<div class="row">
|
||||
|
||||
<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 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://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 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>
|
||||
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@extends('layouts/sidebar')
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
{{$event->title}}
|
||||
@@ -6,8 +6,10 @@
|
||||
|
||||
@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"> </li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li>Details</li>
|
||||
</ul>
|
||||
@endsection
|
||||
|
||||
@@ -1,18 +1,29 @@
|
||||
@extends('layouts/sidebar')
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
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>
|
||||
<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
|
||||
<div class="page_body">
|
||||
<nav>
|
||||
<ul class="pager">
|
||||
<li class="action_button previous-month"><a href="#">← Eerder</a></li>
|
||||
@@ -28,7 +39,7 @@
|
||||
<h4 class="box_header page_margin_top_section">Komende week</h4>
|
||||
<ul class="blog big">
|
||||
|
||||
@php($nextWeek = new \DateTimeImmutable('midnight +7 days'))
|
||||
@php($nextWeek = new DateTimeImmutable('midnight +7 days'))
|
||||
@php($heading = null)
|
||||
@php($month = 0)
|
||||
|
||||
@@ -41,7 +52,7 @@
|
||||
<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')))
|
||||
@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)
|
||||
@@ -54,7 +65,8 @@
|
||||
<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="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)
|
||||
@@ -63,7 +75,8 @@
|
||||
</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>
|
||||
<a class="read_more" href="{{$event->url}}" title="Lees verder"><span
|
||||
class="arrow"></span><span>Lees verder</span></a>
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
@@ -78,6 +91,7 @@
|
||||
<li class="action_button next-month"><a href="#">Later →</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@push('styles')
|
||||
@@ -120,7 +134,9 @@
|
||||
animations = $current.length;
|
||||
$current.fadeOut("fast", function () {
|
||||
$new.fadeIn("fast", function () {
|
||||
if(--animations > 0) { return; }
|
||||
if (--animations > 0) {
|
||||
return;
|
||||
}
|
||||
curHeight = $container.height();
|
||||
autoHeight = $container.css('height', 'auto').height();
|
||||
$container.height(curHeight).animate({height: autoHeight}, 250, function () {
|
||||
@@ -134,16 +150,36 @@
|
||||
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'); }
|
||||
if (month == 0) {
|
||||
$previous.addClass('disabled');
|
||||
} else {
|
||||
$previous.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(); });
|
||||
$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 () {
|
||||
|
||||
@@ -1,13 +1,24 @@
|
||||
@extends('layouts.sidebar')
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
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="page_body">
|
||||
<div class="row ">
|
||||
<div class="column column_1_2">
|
||||
<div class="col">
|
||||
<h3>Contactinformatie</h3>
|
||||
|
||||
<p>Neem contact op met NH Gooi, de streekomroep voor Hilversum, Huizen, Blaricum, Eemnes en Laren.</p>
|
||||
@@ -43,12 +54,29 @@ Petra de Beij<br>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="column column_1_2">
|
||||
<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. </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. </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. </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. <br>Wil je geen berichtjes meer ontvangen? Dan stuur je 'NH GOOI UIT' naar hetzelfde telefoonnummer. <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. </em></p>
|
||||
<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. </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. </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. </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. <br>Wil je geen berichtjes meer ontvangen? Dan stuur je 'NH GOOI UIT'
|
||||
naar hetzelfde telefoonnummer. <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. </em></p>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@@ -1,11 +1,21 @@
|
||||
@extends('layouts.sidebar')
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
Frequenties
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@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>.
|
||||
|
||||
@@ -13,7 +23,8 @@
|
||||
<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>
|
||||
</ul>
|
||||
</p>
|
||||
|
||||
<h2 class="page_margin_top">NH Gooi TV</h2>
|
||||
<p>NH Gooi TV zie je op de kabel:</p>
|
||||
@@ -24,6 +35,7 @@
|
||||
</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>
|
||||
|
||||
<iframe src="https://tunein.com/embed/player/s76591/" style="width:100%; height:100px;" scrolling="no"
|
||||
frameborder="no"></iframe>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
@@ -1,16 +1,12 @@
|
||||
@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="clearfix">
|
||||
<div class="blog_grid">
|
||||
{{-- Desktop --}}
|
||||
<div class="grid_view">
|
||||
@@ -98,12 +94,17 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{{-- body --}}
|
||||
<div class="row body_container">
|
||||
<div class="col-md-9 col-12">
|
||||
<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-6 col-12">
|
||||
<h4 class="box_header"><span>Meer nieuws</span></h4>
|
||||
@@ -122,16 +123,12 @@
|
||||
<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"]}'>
|
||||
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>
|
||||
<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; ?>
|
||||
@@ -163,8 +160,8 @@
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="col-md-3 col-12 sidebar">
|
||||
@include('widgets/nhgooiradiotv', ['headerClass' => 'extra-small'])
|
||||
<div class="col-12 col-md-auto sidebar">
|
||||
@include('widgets/nhgooiradiotv', ['headerClass' => 'extra_small'])
|
||||
|
||||
@include('widgets/contact', [])
|
||||
|
||||
@@ -174,7 +171,7 @@
|
||||
<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>
|
||||
<h4 class="box_header extra_small"><span>Fragment gemist</span></h4>
|
||||
<div class="box">
|
||||
@include('partial/podcastitems', ['showTime' => false, 'showImage' => false, 'podcasts' => $podcasts])
|
||||
</div>
|
||||
@@ -182,27 +179,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
|
||||
@@ -1,11 +1,21 @@
|
||||
@extends('layouts.sidebar')
|
||||
@extends('layouts/full')
|
||||
|
||||
@section('title')
|
||||
Klachtenregeling NHGooi
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
@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>
|
||||
|
||||
<p>
|
||||
@@ -70,7 +80,8 @@ conclusie komen dat de klacht ongegrond is.</p>
|
||||
<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;
|
||||
|
||||
@@ -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;
|
||||
});
|
||||
}
|
||||
|
||||
@@ -1,8 +1,9 @@
|
||||
@extends('layouts/master')
|
||||
|
||||
@section('page')
|
||||
<div class="@yield('container_class')">
|
||||
<div class="row @yield('page_class')">
|
||||
<div class="col-8">
|
||||
<div class="col-12 col-md content_container">
|
||||
<div class="box full-width">
|
||||
@yield('breadcrumb')
|
||||
@yield('tags')
|
||||
@@ -11,22 +12,27 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-4">
|
||||
<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 active"><span>Meest gelezen</span></h4>
|
||||
<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"><span>Meer nieuws</span></h4>
|
||||
<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"}'>
|
||||
<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>
|
||||
@@ -35,7 +41,8 @@
|
||||
@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"}'>
|
||||
<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>
|
||||
@@ -49,11 +56,12 @@
|
||||
</div>
|
||||
<div style="width: 100%;height: 275px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
|
||||
|
||||
@include('widgets/nhgooiradiotv', ['headerClass' => 'medium'])
|
||||
@include('widgets/nhgooiradiotv', ['headerClass' => 'extra_small'])
|
||||
|
||||
@include('widgets/contact', [])
|
||||
@show
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
@@ -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
60
resources/views/news.blade.php
Normal 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,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
|
||||
</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)
|
||||
|
||||
@@ -1,21 +1,32 @@
|
||||
@extends('layouts/sidebar')
|
||||
|
||||
@section('title')
|
||||
@if($title) {{$title}} - Nieuws @endif
|
||||
@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="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 icon_small_arrow right_gray"> </li>
|
||||
<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
|
||||
<li>{{$title}}</li>
|
||||
</ul>
|
||||
@endif
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<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)
|
||||
@@ -30,22 +41,26 @@
|
||||
@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'>
|
||||
<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">
|
||||
<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="category">
|
||||
<a title="Regio: {{$item->region->title}}" href="{{route('nieuws.regio', ['region' => $item->region->slug])}}">{{$item->region->title}}</a>
|
||||
</li>
|
||||
<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="category">
|
||||
<a title="Thema: {{$item->theme->title}}" href="{{route('nieuws.thema', ['theme' => $item->theme->slug])}}">{{$item->theme->title}}</a>
|
||||
</li>
|
||||
<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
|
||||
36 @if($item->edited && ($item->edited != $item->published))
|
||||
@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
|
||||
@@ -54,12 +69,15 @@
|
||||
</li>
|
||||
@else
|
||||
<li class="date">
|
||||
{{Formatter::relativeDate($item->published)}} om {{$item->published->format('H:i')}} uur
|
||||
<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>
|
||||
<a class="read_more" href="{{url($item->url)}}" title="Lees verder"><span
|
||||
class="arrow"></span><span>Lees verder...</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -69,17 +87,19 @@
|
||||
@endforeach
|
||||
|
||||
<div id="items">
|
||||
@include('partial/newslist_small', ['news' => array_slice($news, 6, count($news))])
|
||||
@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>
|
||||
<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
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
|
||||
@@ -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">
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -1,7 +1,17 @@
|
||||
@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')
|
||||
@@ -10,13 +20,18 @@
|
||||
@parent
|
||||
|
||||
@if(false)
|
||||
<p>Wegens een technisch probleem is NH Gooi TV momenteel niet via Internet te bekijken. Onze excuses voor het ongemak.</p>
|
||||
<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">
|
||||
<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
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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> ";
|
||||
} 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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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');
|
||||
|
||||
Reference in New Issue
Block a user