Model classes van API repo naar deze repo verplaatst

Reviewed-on: #7

.env.example

@@ -0,0 +1,39 @@
+APP_NAME="NH Gooi"
+APP_ENV=production
+APP_KEY=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+APP_DEBUG=false
+APP_LOG_LEVEL=error
+APP_URL=https://dev.nhgooi.nl
+IMAGE_BASE_URL=https://dev.nhgooi.nl
+
+API_URL=https://api.nhgooi.nl/
+
+BROADCAST_DRIVER=log
+CACHE_DRIVER=file
+SESSION_DRIVER=file
+QUEUE_DRIVER=sync
+
+REDIS_HOST=127.0.0.1
+REDIS_PASSWORD=null
+REDIS_PORT=6379
+
+MAIL_DRIVER=smtp
+MAIL_HOST=in-v3.mailjet.com 
+MAIL_PORT=25
+MAIL_USERNAME=mailjet_username
+MAIL_PASSWORD=mailjet_password
+MAIL_ENCRYPTION=null
+
+PUSHER_APP_ID=
+PUSHER_APP_KEY=
+PUSHER_APP_SECRET=
+
+DB_CONNECTION=mysql
+DB_HOST=nhgooi.nl
+DB_PORT=3306
+DB_DATABASE=dbname
+DB_USERNAME=6fmstats
+DB_PASSWORD=dbpass
+
+CACHE_DRIVER=file
+QUEUE_DRIVER=sync

Dockerfile

@@ -27,12 +27,12 @@ COPY --from=composer:latest /usr/bin/composer /usr/bin/composer
 ADD docker/apache.conf /etc/apache2/sites-enabled/000-default.conf
 
 WORKDIR /var/www/html
-COPY . /var/www/html
+# COPY . /var/www/html
 
 RUN mkdir -p storage/framework/{sessions,views,cache,cache/data} && \
   chown -R www-data:www-data storage/framework && \
   chmod -R 775 storage
-	
-# RUN php artisan cache:clear && \
-#   php artisan config:clear && \
-#  php artisan view:clear
+
+RUN php artisan cache:clear && \
+    php artisan config:clear && \
+    php artisan view:clear

Dockerfile.dev

@@ -0,0 +1,38 @@
+FROM php:8.1-apache
+
+RUN apt-get update \
+    && apt-get -y install \
+            g++ \
+            libcurl4-gnutls-dev \
+            libxml2-dev \
+            libxslt-dev \
+            libzip-dev \
+            zlib1g-dev \
+            msmtp \
+            unzip \
+            git \
+            ssl-cert \
+            locales \
+        --no-install-recommends \
+    && docker-php-ext-install pdo pdo_mysql mysqli xsl xml zip opcache \
+    && a2enmod rewrite ssl proxy proxy_http headers \
+	&& apt-get purge -y g++ \
+    && apt-get autoremove -y \
+    && rm -r /var/lib/apt/lists/*
+
+# Get latest Composer
+COPY --from=composer:latest /usr/bin/composer /usr/bin/composer
+
+# Update the default apache site with the config we created.
+ADD docker/apache.dev.conf /etc/apache2/sites-enabled/000-default.conf
+
+WORKDIR /var/www/html
+COPY . /var/www/html
+
+RUN mkdir -p storage/framework/{sessions,views,cache,cache/data} && \
+  chown -R www-data:www-data storage/framework && \
+  chmod -R 775 storage
+
+# RUN php artisan cache:clear && \
+#   php artisan config:clear && \
+#  php artisan view:clear

app/Http/Controllers/CalendarController.php

@@ -12,18 +12,18 @@ class CalendarController extends Controller
         $apiResult = $this->API('agenda/item/' . (int)$id);
         $calendarEvent = new \Model\CalendarEvent($apiResult);
 
-        return view('calendarevent', ['event' => $calendarEvent, 'metadata' => $calendarEvent->metadata]);
+        return view('calendarevent', array_merge($this->getSidebareData(), ['event' => $calendarEvent, 'metadata' => $calendarEvent->metadata]));
     }
 
     public function overview(Request $request)
     {
         $apiResult = $this->API('agenda/overzicht');
         $calendar = [];
-        foreach($apiResult as $calendarItem)
+        foreach($apiResult->events as $calendarItem)
         {
             $calendar[] = new \Model\CalendarEvent($calendarItem);
         }
 
-        return view('calendarlist', ['events' => $calendar]);
+        return view('calendarlist', array_merge($this->getSidebareData(), ['events' => $calendar]));
     }
 }

app/Http/Controllers/Controller.php

@@ -22,14 +22,14 @@ class Controller extends BaseController
         $data = json_decode(Storage::disk('local')->get($file));
         foreach ($path as $subobject) {
             $data = $data->$subobject;
-        }
+	}
         $items = [];
         foreach ($data as $item_data) {
             $items[] = new $class($item_data);
             if ($maxItems && count($items) == $maxItems) {
                 break;
             }
-        }
+	}
 
         return $items;
     }
@@ -39,27 +39,20 @@ class Controller extends BaseController
         View::share('apiUrl', $this->API_URL = env('API_URL', 'http://api.6fm.nl/'));
         View::share('imgBase', env('IMAGE_BASE_URL', '/'));
 
-        $blogs = $this->getDataFromFileAndConvert('blogs.json', [], '\Model\Blog', 1);
-        $activeBlog = count($blogs) && $blogs[0]->is_active ? $blogs[0] : null;
-        View::share('activeBlog', $activeBlog);
-
-
         //View::share('onAir', file_get_contents(url('onair')));
         View::composer('widgets.laatstenieuws', function ($view) {
             $view->with('data', $this->getDataFromFileAndConvert('laatste_nieuws.json', ['news'], '\Model\NewsItem'));
         });
         View::composer('widgets.populairnieuws', function ($view) {
-            $view->with('data', $this->getDataFromFileAndConvert('populair_nieuws.json', [], '\Model\NewsItem'));
+            $view->with('data', $this->getDataFromFileAndConvert('populair_nieuws.json', ['news'], '\Model\NewsItem'));
         });
         View::composer('widgets.nustraks', function ($view) {
             $data = json_decode(Storage::disk('local')->get('nu_straks.json'))->schedule;
             $programs = [];
             foreach ($data as $item_data) {
                 $programs[] = $program = new \Model\Program($item_data->program);
-                $program->start = new \DateTimeImmutable($item_data->start->date,
-                    new \DateTimeZone($item_data->start->timezone));
-                $program->end = new \DateTimeImmutable($item_data->end->date,
-                    new \DateTimeZone($item_data->end->timezone));
+                $program->start = self::JsonToDateTime($item_data->start);
+                $program->end = self::JsonToDateTime($item_data->end);
             }
 
             // Need a bit of slack here, otherwise the current program may show up
@@ -68,10 +61,8 @@ class Controller extends BaseController
             $i = 0;
             foreach (array_reverse($data) as $item_data) {
                 $recent = $program = new \Model\Program($item_data->program);
-                $recent->start = new \DateTimeImmutable($item_data->start->date,
-                    new \DateTimeZone($item_data->start->timezone));
-                $recent->end = new \DateTimeImmutable($item_data->end->date,
-                    new \DateTimeZone($item_data->end->timezone));
+                $recent->start = self::JsonToDateTime($item_data->start);
+                $recent->end = self::JsonToDateTime($item_data->end);
                 if (($recent->end < $now) && (!$recent->nonstop) && (!$recent->rerun)) {
                     $view->with('recent', $recent);
                     break;
@@ -92,10 +83,12 @@ 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('popular', $this->getDataFromFileAndConvert('populair_nieuws.json', ['news'], '\Model\NewsItem', 3))
                 ->with('podcasts',
                     $this->getDataFromFileAndConvert('laatste_podcasts.json', ['podcasts'], '\Model\Podcast'));
         });
+
+        View::share('disableBanners', env('DISABLE_BANNERS', true));
     }
 
     protected function registerView(Request $request, $type, $id)
@@ -116,16 +109,16 @@ class Controller extends BaseController
 
     protected function API($url)
     {
-//        if (strpos($url, 'nieuws/overzicht') !== false) {
-//            return json_decode(file_get_contents(__DIR__ . '/../../../storage/app/laatste_nieuws.json'));
-//        }
-//        return [];
-
         $arrContextOptions = [
             'ssl' => [
                 "verify_peer" => false,
                 "verify_peer_name" => false,
-            ],
+	    ],
+	    'http' => [
+		'method' => 'GET',
+                'header' => 'X-Api-Key: ' . sha1(request()->server('REMOTE_ADDR')) . "\r\n"
+                         . 'X-User-Agent: ' . request()->server('HTTP_USER_AGENT') . "\r\n"
+	    ]
         ];
 
         return json_decode(file_get_contents($this->API_URL . $url, false, stream_context_create($arrContextOptions)));
@@ -146,7 +139,7 @@ class Controller extends BaseController
 
     protected static function JsonToDateTime($obj)
     {
-        return new \DateTime($obj->date, new \DateTimeZone($obj->timezone));
+        return is_object($obj) ? new \DateTime($obj->date, new \DateTimeZone($obj->timezone)) : \Carbon\Carbon::parse($obj)->setTimezone(date_default_timezone_get());
     }
 
     public function __call($method, $arguments)
@@ -164,8 +157,8 @@ class Controller extends BaseController
     public function getSidebareData()
     {
         $populair = [];
-        $apiResult = $this->API('nieuws/populair?aantal=5');
-        foreach ($apiResult as $_newsItem) {
+	$apiResult = $this->API('nieuws/populair?aantal=5');
+        foreach ($apiResult->news as $_newsItem) {
             $populair[] = new \Model\NewsItem($_newsItem);
         }
 

app/Http/Controllers/HomeController.php

@@ -14,21 +14,17 @@ class HomeController extends Controller
         $news = [];
         foreach ($apiResult->news as $newsItem) {
             $news[] = new \Model\NewsItem($newsItem);
-        }
+	}
 
         $populair = [];
         $apiResult = $this->API('nieuws/populair?pagina=' . (int)max(1, $page) . '&aantal=5');
-        foreach ($apiResult as $newsItem) {
+        foreach ($apiResult->news as $newsItem) {
             $populair[] = new \Model\NewsItem($newsItem);
         }
 
-        $podcasts = [];
-        $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', ['populair' => $populair, 'podcasts' => $podcasts, 'podcast' => $podcast, 'title' => 'Home', 'news' => $news, 'searchURL' => 'nieuws/zoeken']);
+	$apiResult = $this->API('podcast/overzicht?aantal=15');
+	$index = array_rand($apiResult->podcasts);
+        $podcast = new \Model\Podcast($apiResult->podcasts[$index]);
+        return view('home', ['populair' => $populair, 'podcast' => $podcast, 'title' => 'Home', 'news' => $news, 'searchURL' => 'nieuws/zoeken']);
     }
 }

app/Http/Controllers/JobsController.php

@@ -6,19 +6,19 @@ use Illuminate\Http\Request;
 use \Model\JobOpening;
 
 class JobsController extends Controller
-{ 
+{
     private static function TimestampToDateTime($timestamp) {
       $result = new \DateTime;
       $result->setTimestamp($timestamp);
       return $result;
     }
- 
+
     public function show(Request $request, $id)
     {
         parent::registerView($request, 'nieuws', $id);
         $apiResult = $this->API('vacatures/details/' . $id);
 	$jobsItem = new \Model\JobOpening($apiResult->item);
-	return view('jobsitem', ['job' => $jobsItem, 'metadata' => $jobsItem->metadata]);
+	return view('jobsitem', array_merge($this->getSidebareData(), ['job' => $jobsItem, 'metadata' => $jobsItem->metadata]));
     }
 
     public function overview(Request $request)
@@ -29,17 +29,17 @@ class JobsController extends Controller
     private function listJobs(Request $request, $url, $title = null)
     {
         $page = (int)$request->get('pagina', 1);
-        $apiResult = $this->API('vacatures/' . $url . '?pagina=' . (int)max(1, $page));
+        #$apiResult = $this->API('vacatures/' . $url . '?pagina=' . (int)max(1, $page));
         $jobs = [];
-        foreach($apiResult->jobs as $jobsItem)
-        {
-            $jobs[] = new \Model\JobOpening($jobsItem);
-        }
+        #foreach($apiResult->jobs as $jobsItem)
+        #{
+        #    $jobs[] = new \Model\JobOpening($jobsItem);
+        #}
 
-        return view('jobslist', ['title' => $title, 'jobs' => $jobs]);
+        return view('jobslist', array_merge($this->getSidebareData(), ['title' => $title, 'jobs' => $jobs]));
         //return view($request->ajax() ? 'partial/jobslist_small' : ($title == null ? 'home' : 'jobslist'), ['title' => $title, 'jobs' => $jobs, 'searchURL' => 'vacatures/zoeken']);
     }
- 
+
     public function bijeenkomst() {
       return view('kennismakingsbijeenkomst', ['a' => 2]);
     }

app/Http/Controllers/NewsController.php

@@ -27,7 +27,7 @@ class NewsController extends Controller
                 break;
 
             case 2:
-                $source = $apiResult->source;
+                $source = $apiResult->source->article;
                 $newsItem->published = self::TimestampToDateTime($source->created);
                 $newsItem->edited = self::TimestampToDateTime($source->updated);
                 $newsItem->author = $source->author;
@@ -65,21 +65,26 @@ class NewsController extends Controller
         $id = $request->get('id', '');
         $populair = [];
         $apiResult = $this->API('nieuws/populair?pagina=' . (int)max(1, $page) . '&aantal=5');
-        foreach ($apiResult as $_newsItem) {
+        foreach ($apiResult->news as $_newsItem) {
             $populair[] = new \Model\NewsItem($_newsItem);
         }
 
         return view('partial/newslist_small', ['id' => $id, 'news' => $populair]);
     }
 
+    public function taglist(Request $request, $tag)
+    {
+        return $this->listNews($request, 'tag/' . $tag, ucfirst($tag));
+    }
+
     public function regionlist(Request $request, $region)
     {
-        return $this->listNews($request, 'regio/' . $region, ucfirst($region));
+        return $this->listNews($request, 'tag/' . $region, ucfirst($region));
     }
 
     public function themelist(Request $request, $theme)
     {
-        return $this->listNews($request, 'thema/' . $theme, ucfirst($theme));
+        return $this->listNews($request, 'tag/' . $theme, ucfirst($theme));
     }
 
     public function search(Request $request, $query)
@@ -129,6 +134,9 @@ class NewsController extends Controller
 
     private function listNews(Request $request, $url, $title = null, $id = 'items', $total = null)
     {
+        if ($request->ajax()) {
+            $total = 5;
+        }
         $page = (int)$request->get('pagina', 1);
         $apiResult = $this->API('nieuws/' . $url . '?pagina=' . (int)max(1, $page) . ($total ? '&aantal=' . $total : ''));
         $news = [];
@@ -142,7 +150,7 @@ class NewsController extends Controller
         }
         $apiResult = $this->API('nieuws/populair?pagina=' . (int)max(1,
                 $page) . ($total ? '&aantal=' . $total : ''));
-        foreach ($apiResult as $newsItem) {
+        foreach ($apiResult->news as $newsItem) {
             $populair[] = new \Model\NewsItem($newsItem);
         }
 
@@ -169,7 +177,7 @@ class NewsController extends Controller
     {
         $apiResult = $this->API('nieuws/populair');
         $news = [];
-        foreach ($apiResult as $newsItem) {
+        foreach ($apiResult->news as $newsItem) {
             $news[] = new \Model\NewsItem($newsItem);
         }
 

app/Http/Controllers/PodcastController.php

@@ -29,14 +29,23 @@ class PodcastController extends Controller
             $podcasts[] = new \Model\Podcast($podcast);
         }
 
-        return view($request->ajax() ? 'partial.podcastitems' : 'podcastseries', array_merge($viewData, ['podcasts' => $podcasts, 'searchURL' => 'gemist/zoeken']));
+        return view($request->ajax() ? 'partial.podcastitems' : 'podcastseries', array_merge($viewData, ['podcasts' => $podcasts, 'searchURL' => 'gemist/zoeken', 'isPodcast' => true]));
     }
 
     public function podcast(Request $request, $id)
     {
 	parent::registerView($request, 'podcast', $id);
 	$apiResult = $this->API('podcast/details/' . (int)$id);
-        $podcast = new \Model\Podcast($apiResult);
-        return view('podcastitem', ['podcast' => $podcast, 'metadata' => $podcast->metadata]);
+	$podcast = new \Model\Podcast($apiResult);
+	$podcasts = [];
+	if($podcast->program) {
+	        $apiResult = $this->API('podcast/programma/' . (int)$podcast->program->id . '?pagina=1&aantal=5');
+	        $podcasts = [];
+	        foreach($apiResult->podcasts as $p)
+	        {
+			$podcasts[] = new \Model\Podcast($p);
+		}
+	}
+        return view('podcastitem', ['podcast' => $podcast, 'metadata' => $podcast->metadata, 'podcasts' => $podcasts, 'isPodcast' => true]);
     }
 }

app/Http/Controllers/RadioController.php

@@ -9,9 +9,9 @@ class RadioController extends Controller
 {
     public function schedule(Request $request, $date = '')
     {
-        $apiResult = $this->API('programma/schema/week/0');
-        $start = self::JsonToDateTime($apiResult->startdate);
-        $end = self::JsonToDateTime($apiResult->enddate);
+        $start = $date ? (new \DateTime($date))->format('Y-m-d') : (new \DateTime("-2 day"))->format('Y-m-d');
+        $end = $date ? (new \DateTime($date))->modify('+1 day')->format('Y-m-d') : (new \DateTime("+3 day"))->format('Y-m-d');
+        $apiResult = $this->API('programma/schema/periode/' . $start . '/' . $end);
         $schedule = [];
         foreach($apiResult->schedule as $program)
         {
@@ -56,7 +56,7 @@ class RadioController extends Controller
     public function podcast(Request $request, $id, $title = '')
     {
         if($this->checkAPI('podcast/details/' . (int)$id) != "200"){
-            return view('podcastitem', array_merge($this->getSidebareData(), ['title' => $title, 'podcast' => null, 'metadata' => null, 'related' => [], 'searchURL' => 'gemist/zoeken']));
+            return view('podcastitem', array_merge($this->getSidebareData(), ['title' => $title, 'podcast' => null, 'metadata' => null, 'related' => [], 'searchURL' => 'gemist/zoeken', 'isPodcast' => false]));
         }
 
 		parent::registerView($request, 'podcast', $id);
@@ -71,7 +71,7 @@ class RadioController extends Controller
             $podcasts[] = new \Model\Podcast($_podcast);
         }
 
-        return view($request->ajax() ? 'partial/podcastitems' : 'podcastitem', ['title' => $title, 'podcast' => $podcast, 'metadata' => $podcast->metadata, 'podcasts' => $podcasts, 'searchURL' => 'gemist/zoeken']);
+        return view($request->ajax() ? 'partial/podcastitems' : 'podcastitem', ['title' => $title, 'podcast' => $podcast, 'metadata' => $podcast->metadata, 'podcasts' => $podcasts, 'searchURL' => 'gemist/zoeken', 'isPodcast' => false]);
     }
 
     public function podcasts(Request $request, $programma = null)
@@ -107,7 +107,7 @@ class RadioController extends Controller
 			}
 		}
 
-		return view($request->ajax() ? 'partial/programitems' : 'programlist', ['programs' => array_reverse($programs)]);
+		return view($request->ajax() ? 'partial/programitems' : 'programlist', ['programs' => array_reverse($programs), 'isPodcast' => false]);
 	}
 
     private function getPodcastList(Request $request, $action, $viewData = [])
@@ -120,7 +120,7 @@ class RadioController extends Controller
             $podcasts[] = new \Model\Podcast($podcast);
         }
 
-        return view($request->ajax() ? 'partial/podcastitems' : 'podcastlist', array_merge($viewData, ['id' => 'items-podcasts', 'podcasts' => $podcasts, 'searchURL' => 'gemist/zoeken']));
+        return view($request->ajax() ? 'partial/podcastitems' : 'podcastlist', array_merge($viewData, ['id' => 'items-podcasts', 'podcasts' => $podcasts, 'searchURL' => 'gemist/zoeken', 'isPodcast' => false]));
     }
 
 }

app/Http/Controllers/StreamController.php

@@ -30,6 +30,17 @@ class StreamController extends Controller
         return view('watch', ['title' => 'Kijk NH Gooi Tv Studio', 'stream' => 'https://studiocam.nhgooi.nl/studiocam/live/index.m3u8']);
     }
 
+    public function inline(Request $request, $id)
+    {
+        $apiResult = $this->API('podcast/details/' . (int)$id);
+        $podcast = new \Model\Podcast($apiResult);
+        if(sha1($id . ':' . date('Y-m-d')) != $request->get('auth')) {
+         // return view('widgets/podcastplayer', ['podcast' => null]);
+	}
+
+        return view('widgets/podcastplayer', ['podcast' => $podcast]);
+    } 
+
     public function podcast(Request $request, $id)
     {
         $apiResult = $this->API('podcast/details/' . (int)$id);
@@ -39,11 +50,11 @@ class StreamController extends Controller
         }
 
         return view('listen', [
-            'source' => $this->API_URL . 'podcast/download' . $apiResult->url . '?auth=' . $podcast->auth,
+            'source' => $this->API_URL . 'podcast/stream/' . $apiResult->url,
             'title' => $podcast->title,
             'content' => $podcast->title,
             'isStream' => false,
-            'canDownload' => true ]);
+            'canDownload' => $this->API_URL . 'podcast/download/' . $apiResult->url ]);
     }
 
     public function program(Request $request, $year, $month, $day, $hour, $duration, $offset = 0) {
@@ -58,7 +69,7 @@ class StreamController extends Controller
         }
 
         return view('listen', [
-            'source' => $this->API_URL . 'programma/download/' . $current->format('Y/m/d/H') . '/1',
+            'source' => $this->API_URL . 'programma/stream/' . $current->format('Y/m/d/H'),
             'tabs' => $hours,
             'title' => 'Uitzending terugluisteren',
             'content' => 'de uitzending van ' . $current->format('d-m-Y, H') . ':00 uur',
@@ -77,10 +88,10 @@ class StreamController extends Controller
 
     public function kerkdienst(Request $request) {
         return view('listen', [
-            'source' => $this->API_URL . 'kerkdienst/download',
+            'source' => $this->API_URL . 'kerkdienst/stream',
             'title' => 'Kerkdienst gemist',
             'content' => 'de kerkdienst van afgelopen zondag',
             'isStream' => false,
-            'canDownload' => true ]);
+            'canDownload' => $this->API_URL . 'kerkdienst/download' ]);
     }
 }

app/Models/Blog.php

@@ -0,0 +1,23 @@
+<?php 
+
+namespace Model;
+
+class Blog extends Model {
+  public $id;
+  public $title;
+  public $description;
+  public $news_category;
+  public $start_date;
+  public $end_date; 
+  public $is_active;
+
+  public $url;
+
+  public function __construct($data, $images = null, $podcast = null) {
+    parent::__construct($data);
+    parent::ConvertToDateTime($this->start_date);
+    parent::ConvertToDateTime($this->end_date);
+
+    $this->url = "/blog/{$this->id}/" . parent::url_slug($this->title);
+  }
+}

app/Models/CalendarEvent.php

@@ -0,0 +1,67 @@
+<?php 
+
+namespace Model;
+
+class CalendarEvent extends Model {
+  public $id;
+  public $title;
+  public $region;
+  public $content;
+  public $starts;
+  public $ends; 
+  public $images;
+  public $podcast;
+  public $video;
+  public $keywords;
+  public $url;
+  public $metadata;
+  public $tags;
+
+  public function __construct($data, $images = null, $podcast = null) {
+    parent::__construct($data);
+    parent::ConvertToDateTime($this->starts);
+    parent::ConvertToDateTime($this->ends);
+
+    $this->keywords = null;
+    if(isset($data->keywords)) {
+        if(is_array($data->keywords)) {
+          $this->keywords = $data->keywords;
+        } else if(trim($data->keywords)) { 
+          $this->keywords = explode(' ', $data->keywords);
+        }
+    }
+
+    if($podcast)
+    {
+        $this->podcast = new \Model\Podcast($podcast);
+    } else if(isset($data->podcast) && $data->podcast) { 
+        $this->podcast = new \Model\Podcast($data->podcast);
+    }
+     
+    $images = ($images != null) ? $images
+            : (isset($data->images) ? $data->images : null);
+    if($images) {
+        $this->images = [];
+        foreach($images as $image) {
+            $this->images[] = new NewsImage($image, '/img/news/');
+        }
+    }
+
+    $this->url = "/agenda/{$this->id}/" . parent::url_slug($this->title);
+    $this->metadata = (new MetaData())
+      ->set('title', $this->title)
+      ->set('description', strip_tags($this->excerpt()))
+      ->set('image', isset($this->images) && count($this->images) ? $this->images[0]->url : null )
+      ->set('audio', isset($this->podcast) ? $this->podcast->url : null)
+     ;
+  }
+
+  public function excerpt() {
+    $hasImages = isset($this->images) && count($this->images) > 0;
+    $maxLength = $hasImages ? 200 : 500;
+    return '<p class="news-excerpt ' . ($hasImages ? 'short' : 'long') . '">' . 
+      substr($this->content, 0, $maxLength) . 
+      (strlen($this->content) > $maxLength ? '...' : '') . 
+      '</p>'; 
+  }
+}

app/Models/JobOpening.php

@@ -0,0 +1,61 @@
+<?php 
+
+namespace Model;
+
+class JobOpening extends Model {
+  public $id;
+  public $title;
+  public $content;
+  public $starts;
+  public $ends; 
+  public $images;
+  public $url;
+
+  public function __construct($data, $images = null, $podcast = null) {
+    parent::__construct($data);
+    parent::ConvertToDateTime($this->starts);
+    parent::ConvertToDateTime($this->ends);
+
+    $this->keywords = null;
+    if(isset($data->keywords)) {
+        if(is_array($data->keywords)) {
+          $this->keywords = $data->keywords;
+        } else if(trim($data->keywords)) { 
+          $this->keywords = explode(' ', $data->keywords);
+        }
+    }
+
+    if($podcast)
+    {
+        $this->podcast = new \Model\Podcast($podcast);
+    } else if(isset($data->podcast) && $data->podcast) { 
+        $this->podcast = new \Model\Podcast($data->podcast);
+    }
+     
+    $images = ($images != null) ? $images
+            : (isset($data->images) ? $data->images : null);
+    if($images) {
+        $this->images = [];
+        foreach($images as $image) {
+            $this->images[] = new NewsImage($image, '/img/news/');
+        }
+    }
+
+    $this->url = "/vacatures/{$this->id}/" . parent::url_slug($this->title);
+    $this->metadata = (new MetaData())
+      ->set('title', $this->title)
+      ->set('description', strip_tags($this->excerpt()))
+      ->set('image', isset($this->images) && count($this->images) ? $this->images[0]->url : null )
+      ->set('audio', isset($this->podcast) ? $this->podcast->url : null)
+     ;
+  }
+
+  public function excerpt() {
+    $hasImages = count($this->images) > 0;
+    $maxLength = $hasImages ? 200 : 500;
+    return '<p class="news-excerpt ' . ($hasImages ? 'short' : 'long') . '">' . 
+      substr($this->content, 0, $maxLength) . 
+      (strlen($this->content) > $maxLength ? '...' : '') . 
+      '</p>'; 
+  }
+}

app/Models/Kerkdienst.php

@@ -0,0 +1,26 @@
+<?php 
+
+namespace Model;
+
+class KerkdienstInstance extends Model {
+  public $name;
+  public $start;
+
+  public function __construct($data) {
+    parent::__construct($data);
+    parent::ConvertToDateTime($this->start);
+  }
+}
+
+class Kerkdienst extends Model {
+  public $isRunning;
+  public $previous;
+  public $next;
+
+  public function __construct($data) {
+    // parent::__construct($data);
+    $this->isRunning = $data->isRunning;
+    $this->previous = new KerkdienstInstance($data->previous);
+    $this->next = new KerkdienstInstance($data->next);
+  }
+}

app/Models/MetaData.php

@@ -0,0 +1,35 @@
+<?php
+namespace Model;
+
+class MetaData {
+  private $data = ['type' => 'article', 'locale' => 'nl-nl'];
+
+  public function set($prop, $val) {
+    if($val) {
+      $this->data[$prop] = $val;
+    }
+    return $this;
+  }
+
+  public function append($prop, $val) {
+    if(array_key_exists($prop, $this->data)) {
+      $this->data[$prop] .= $val;
+    }
+    return $this;
+  }
+
+  public function prepend($prop, $val) {
+    if(array_key_exists($prop, $this->data)) {
+      $this->data[$prop] = $val . $this->data[$prop];
+    }
+    return $this;
+  }
+
+  public function metaTags() {
+    foreach($this->data as $prop => $val) {
+      if($val) {
+        echo "<meta property=\"og:$prop\" content=\"" . htmlentities($val) . "\" />\n";
+      }
+    }
+  }
+}

app/Models/Model.php

@@ -0,0 +1,64 @@
+<?php 
+
+namespace Model;
+
+class Model {
+    protected function ConvertToDateTime(&$field) {
+        if($field) { 
+            // PHP7 JSON-encodes to {date: "", "timezone_type": ..., "timezone": "UTC" }
+            // In that case $field will be an object
+            if(is_object($field)) { 
+                $field = ($field->timezone) 
+                    ? new \DateTimeImmutable($field->date, new \DateTimeZone($field->timezone)) 
+                    : (new \DateTimeImmutable($field->date));
+            } else { 
+                // If $field is not an object, assume it's a plain, valid, string
+                $field = new \DateTime($field);
+            }
+
+            if($field === false || $field->getTimestamp() <= 0) {
+                // If field had data but is invalid DateTime or is 0000-00-00 00:00, set it to null.
+                $field = null;
+            } else { 
+              // If valid, return local timezone
+              $field->setTimezone(new \DateTimeZone("Europe/Amsterdam"));
+            }
+        }
+    }
+
+    public function __construct($data) {
+        $class = get_class($this);
+        foreach($data as $key => $val) {
+            if(property_exists($class, $key)) {
+                $this->$key = is_string($val) ? stripslashes($val) : $val;
+            }
+        }
+    }
+
+    public function url_slug($text) {
+        // Alles naar kleine letter
+        $text = strtolower($text);
+
+        // Vervang accent-tekens door niet-geaccentueerde versies
+        // $text = iconv('UTF-8', 'ASCII//TRANSLIT//IGNORE', $text);
+        $search = explode(",","ç,æ,œ,á,é,í,ó,ú,à,è,ì,ò,ù,ä,ë,ï,ö,ü,ÿ,â,ê,î,ô,û,å,e,i,ø,u");
+        $replace = explode(",","c,ae,oe,a,e,i,o,u,a,e,i,o,u,a,e,i,o,u,y,a,e,i,o,u,a,e,i,o,u");
+        $text = str_replace($search, $replace, $text);
+
+        // Verwijder alle woorden van 3 letters, behalve BEL (BEL-combinatie etc)
+        if(strlen($text) > 3) {
+          $text = preg_replace('/\b(?!bel|fm|nh)([a-z]{1,3})\b/u', '', $text);
+        }
+
+        // Vervang alles dat niet een woord-karakter is (letter, cijfer), een streepje of spatie
+        if(strlen($text) > 3) {
+          $text = preg_replace('/[^\w_\-\s]/', '', $text);
+        }
+
+        // Reeksen van één of meer spaties / streepjes vervangen door een enkel streepje
+        $text = preg_replace('/[\-\s]+/', '-', $text);
+
+        // Verwijder alle witruimte / streepjes aan begin en eind
+        return trim(strtolower($text), '-');
+    }
+}

app/Models/NewsImage.php

@@ -0,0 +1,20 @@
+<?php 
+
+namespace Model;
+
+class NewsImage extends Model {
+    public $id;
+    public $title;
+    public $author;
+    public $url;
+
+    public function __construct($data, $urlPrefix = '/') { 
+      parent::__construct($data);
+
+      // Deserialisatie van JSON heeft url in data, 
+      // lezen uit database heeft file en (als het goed is) urlPrefix
+      if(isset($data->file)) {
+          $this->url = $urlPrefix . $data->file; 
+      }
+    }
+}

app/Models/NewsItem.php

@@ -0,0 +1,118 @@
+<?php 
+
+namespace Model;
+
+require_once "NewsImage.php";
+require_once "NewsSource.php";
+require_once "MetaData.php";
+
+class NewsItem extends Model {
+  public $id;
+  public $title;
+  public $author;
+  public $content;
+  public $published;
+  public $edited; 
+  public $keywords;
+
+  public $source;
+  public $category;
+  public $theme;
+  public $region;
+  public $tags;
+  
+  public $podcast;
+  public $images;
+  public $video;
+  
+  public $url;
+  public $metadata;
+
+  public function __construct($data, $images = null, $podcast = null) {
+    parent::__construct($data);
+    parent::ConvertToDateTime($this->published);
+    parent::ConvertToDateTime($this->edited);
+
+    if($this->edited && ($this->edited->getTimestamp() - $this->published->getTimestamp() < 1800 /* == 30 minutes */)) {
+      // If last edit was within grace period, consider it unedited (note: currently RES always saves edited == published on creation)
+      $this->edited = null;
+    }
+    
+    $this->source = null;
+    if(isset($data->source))
+    {
+      if(is_object($data->source))
+      {
+         $this->source = new \Model\NewsSource($data->source->title, $data->source->url, $data->source->show);
+      } else if($data->source) {
+         $this->source = new \Model\NewsSource($data->source, $data->source_url, $data->showsource);
+      }
+    }
+
+    if($podcast) {
+        $this->podcast = new \Model\Podcast($podcast);
+    } else if(isset($data->podcast) && $data->podcast) { 
+        $this->podcast = new \Model\Podcast($data->podcast);
+    }
+
+    $this->keywords = null;
+    if(isset($data->keywords)) {
+      if(is_array($data->keywords) || is_object($data->keywords)) {
+        $this->keywords = $data->keywords;
+      } else if(trim($data->keywords)) { 
+        $this->keywords = explode(' ', $data->keywords);
+      }
+    }
+
+    if(isset($data->region)) { 
+      if(is_object($data->region)) { 
+        $this->region = new \Model\NewsRegion($data->region->title, $data->region->slug);
+      } else {
+        $this->region = new \Model\NewsRegion($data->region, $data->region_slug);
+      }
+    }
+
+    if(isset($data->theme)) { 
+      if(is_object($data->theme)) { 
+        $this->theme = new \Model\NewsRegion($data->theme->title, $data->theme->slug);
+      } else {
+        $this->theme = new \Model\NewsRegion($data->theme, $data->theme_slug);
+      }
+    }
+  
+    if(isset($data->tags)) {
+      foreach($data->tags as $tag) {
+        $this->theme = new \Model\NewsRegion($tag->titel, $tag->slug);
+      }
+    }
+
+    $images = ($images != null) ? $images
+            : (isset($data->images) ? $data->images : null);
+    if($images) {
+        $this->images = [];
+        foreach($images as $image) {
+            $this->images[] = new NewsImage($image, '/img/news/');
+        }
+    }
+
+    $this->url = "/nieuws/{$this->id}/" . parent::url_slug($this->title);
+    $this->metadata = (new MetaData())
+      ->set('title', $this->title)
+      ->set('description', strip_tags($this->excerpt()))
+      ->set('image', isset($this->images) && count($this->images) ? $this->images[0]->url : null )
+      ->set('video', isset($this->video) ? $this->video : null)
+      ->set('audio', isset($this->podcast) ? $this->podcast->url : null)
+      ->set('article:published_time', $this->published->format('r'))
+      ->set('article:modified_time', $this->edited ? $this->edited->format('r') : null)
+      ;
+  }
+
+  public function excerpt() {
+    $hasImages = isset($this->images) && count($this->images) > 0;
+    $maxLength = $hasImages ? 200 : 500;
+    return '<p class="news-excerpt ' . ($hasImages ? 'short' : 'long') . '">' . 
+      substr($this->content, 0, $maxLength) . 
+      (strlen($this->content) > $maxLength ? '...' : '') . 
+      '</p>'; 
+  }
+}

app/Models/NewsSource.php

@@ -0,0 +1,25 @@
+<?php 
+
+namespace Model;
+
+class NewsRegion {
+    public $title;
+    public $slug;
+
+    public function __construct($title, $slug = null) {
+        $this->title = $title;
+        $this->slug = $slug ? $slug : strtolower(str_replace(' ', '', $title));
+    }
+}
+
+class NewsSource {
+    public $title;
+    public $url;
+    public $show;
+
+    public function __construct($title, $url, $show) { 
+        $this->title = $title;
+        $this->url = $url;
+        $this->show = $show;
+    }
+}

app/Models/Podcast.php

@@ -0,0 +1,94 @@
+<?php 
+
+namespace Model;
+
+require_once "NewsImage.php";
+
+class Podcast extends Model {
+  public $id;
+  public $title;
+  public $content;
+  protected $soundfilename;
+  public $created; 
+  public $program;
+  public $url;
+  public $auth;
+  public $download;
+  public $duration;
+  public $image;
+  public $metadata;
+  public $waveform;
+  private $key;
+
+  public function __construct($data) {
+    parent::__construct($data);
+    parent::ConvertToDateTime($this->created);
+
+    $this->url = '/' . $this->id . '/' . parent::url_slug($this->title) . '.mp3';
+    if($this->soundfilename) {
+      // Only generate when not constructing from a JSON object
+      $this->key = sha1($this->id . ':' . date('Y-m-d') . ':' . $this->soundfilename);
+      $this->auth = $this->key;
+    }
+
+    if(isset($data->program)) {
+      $this->program = null;
+      if(is_object($data->program)) {
+        $this->program = new \Model\Program($data->program);
+      } elseif($data->program) { 
+        $this->program = new \Model\Program(['id' => $data->program, 'name' => $data->program_name, 'description' => $data->program_description]);
+      }
+    }
+
+    if(isset($data->imagefile)) {
+      $imagedata = new \stdClass();
+      $imagedata->id = $this->id;
+      $imagedata->file = $data->imagefile;
+      $imagedata->title = $data->imagecaption;
+      $this->image = new NewsImage($imagedata, '/img/podcast/');
+    }
+
+    if(isset($data->metadata, $data->metadata->waveform)){
+      $this->waveform = $data->metadata->waveform;
+    }
+
+    $this->metadata = (new MetaData())
+      ->set('title', $this->title)
+      ->set('description', strip_tags($this->excerpt()))
+      ->set('image', isset($this->image) ? $this->image->url : null )
+      ->set('audio', $this->url)
+     ;
+  }
+
+  public function titleWithoutProgram() { 
+    if(!$this->program) { return $this->title; }
+    return trim(str_replace($this->program->name, '', $this->title), "- \t\n\r\0\x0B");
+  }
+
+  public function isValidAuth($key) {
+    return ($key == $this->key);
+  }
+
+  public function getSoundfile() {
+    return '/var/audio/podcast/' . $this->soundfilename; 
+  }
+
+  public function formatDuration() {
+    $seconds = $this->duration / 1000;
+    $milliseconds = $this->duration % 1000;
+  
+    $hours = ($seconds > 3600) ? floor($seconds / 3600) : 0;
+    $seconds %= 3600;
+    return str_pad($hours, 2, '0', STR_PAD_LEFT)
+         . gmdate(':i:s', $seconds)
+         ;//. ($milliseconds ? ".$milliseconds" : '') ;
+  }
+
+  public function excerpt() {
+    $maxLength = 500;
+    return '<p class="news-excerpt long">' . 
+      substr($this->content, 0, $maxLength) . 
+      (strlen($this->content) > $maxLength ? '...' : '') . 
+      '</p>'; 
+  }
+}

app/Models/Program.php

@@ -0,0 +1,55 @@
+<?php 
+
+namespace Model;
+
+class Program extends Model {
+  public $id;
+  public $name;
+  public $tagline;
+  public $description;
+  public $email;
+  public $nonstop;
+  public $rerun;
+  public $priority;
+  public $image;
+
+  public $hosts;
+  public $recent;
+  public $next;
+
+  public function __construct($data) {
+    parent::__construct($data);
+
+    if(isset($data->suffix) && $data->suffix) { 
+      $this->name .= ' ' . $data->suffix;
+    } 
+
+    if($this->recent && $this->recent) {
+      foreach($this->recent as &$recent) {
+        parent::ConvertToDateTime($recent->starts);
+        parent::ConvertToDateTime($recent->ends);
+      }
+    }
+    if($this->next && $this->next) {
+      foreach($this->next as &$next) {
+        parent::ConvertToDateTime($next->starts);
+        parent::ConvertToDateTime($next->ends);
+      }
+    }
+
+    if(isset($data->email) && ($mailComma = strpos($data->email, ',')) !== false) {
+      $this->email = substr($data->email, 0, $mailComma);
+    }
+
+    if(isset($data->state)) {
+      $this->nonstop = $data->state == 0;
+      $this->rerun = $data->state == 3;
+    }
+
+    $this->url = "/{$this->id}/" . parent::url_slug($this->name);
+  }
+ 
+  public function isSpecial() {
+    return ($this->priority < 2);
+  }
+}

app/Models/ProgramHost.php

@@ -0,0 +1,10 @@
+<?php 
+
+namespace Model;
+
+class ProgramHost extends Model {
+  public $id;
+  public $name;
+  public $email;
+}
+

app/Models/Track.php

@@ -0,0 +1,47 @@
+<?php 
+
+namespace Model;
+
+class Track extends Model {
+  public $start;
+  public $itemCode;
+  public $title;
+  public $artist;
+  public $duration;
+  public $ends;
+  public $isLayout;
+
+  public function __construct($data) {
+    parent::__construct($data);
+    parent::ConvertToDateTime($this->start);
+    parent::ConvertToDateTime($this->ends);
+    $isLayout = $this->isLayout();
+  }
+
+  private static $IDENTS = ['UURSLUITER' => 'Nieuws', 'NIEUWSOPEN ' => 'Nieuws', 'ANWB' => 'Verkeersinformatie', 'REGIO' => 'Regionieuws', 'CB' => 'Reclame'];
+
+  public function isLayout() {
+    foreach(self::$IDENTS as $ident => $display) {
+      if(substr($this->itemCode, 0, strlen($ident)) == $ident || substr($this->title, 0, strlen($ident)) == $ident) {
+        $this->title = $display;
+         $this->artist = "";
+         $this->itemCode = '_' . $this->itemCode;
+         return false;
+       }
+     }
+
+    if(strlen($this->itemCode) > 0 && ($this->itemCode[0] == 'V')) {
+      return true;
+    }
+
+    return false;
+  }
+
+  public function ends($ends = null) {
+    $this->ends = $ends;
+  }
+
+  public function secondsRemaining() {
+    return ($this->ends) ? ($this->ends->getTimestamp() - time()) : -1;
+  }
+}

composer.json

@@ -27,7 +27,7 @@
             "Database\\Factories\\": "database/factories/",
             "Database\\Seeders\\": "database/seeders/",
 	    "Helpers\\": "app/Helpers",
-	    "Model\\": "/srv/api/common/classes"
+	    "Model\\": "app/Models"
         }
     },
     "autoload-dev": {

docker-compose.dev.yml

@@ -0,0 +1,24 @@
+version: '3.8'
+
+services:
+  web:
+    build:
+      context: ./
+      dockerfile: Dockerfile.dev
+    ports:
+      - 8080:80
+      - 8443:443
+    volumes:
+      - .:/var/www/html
+      - ./srv:/srv
+  db:
+    image: mysql:5.5
+    ports:
+      - "3306:3306"
+    expose:
+      - "3306"
+    environment:
+      MYSQL_ROOT_PASSWORD: development-password
+      MYSQL_DATABASE: forge
+      MYSQL_USER: forge
+      MYSQL_PASSWORD: secret

docker/apache.conf

@@ -6,9 +6,9 @@ ServerTokens Prod
 <VirtualHost *:80>
   ServerName localhost
   ServerAdmin support@websight.nl
-  DocumentRoot /var/www/html/public
+  DocumentRoot /var/www/html
 
-  <Directory /var/www/html/public/>
+  <Directory /var/www/html/>
       Options -Indexes +FollowSymLinks +MultiViews
       AllowOverride All
       Order deny,allow
@@ -23,7 +23,7 @@ ServerTokens Prod
     <VirtualHost *:443>
       ServerName localhost
       ServerAdmin support@websight.nl
-      DocumentRoot /var/www/html/public
+      DocumentRoot /var/www/html
 
       SSLEngine on
       SSLCertificateFile /etc/ssl/certs/ssl-cert-snakeoil.pem
@@ -32,7 +32,7 @@ ServerTokens Prod
       SSLProtocol All -SSLv2 -SSLv3
       SSLCipherSuite EECDH+AESGCM:EDH+AESGCM:AES256+EECDH:AES256+EDH
 
-      <Directory /var/www/html/public/>
+      <Directory /var/www/html/>
           Options -Indexes +FollowSymLinks +MultiViews
           AllowOverride All
           Order deny,allow

docker/apache.dev.conf

@@ -0,0 +1,46 @@
+Header set X-Content-Type-Options: "nosniff"
+Header set X-Frame-Options: "sameorigin"
+
+ServerTokens Prod
+
+<VirtualHost *:80>
+  ServerName localhost
+  ServerAdmin support@websight.nl
+  DocumentRoot /var/www/html
+
+  <Directory /var/www/html/>
+      Options -Indexes +FollowSymLinks +MultiViews
+      AllowOverride All
+      Order deny,allow
+      Allow from all
+  </Directory>
+
+  ErrorLog /var/log/apache2/vhost-error.log
+  CustomLog /var/log/apache2/vhost-access.log combined
+</VirtualHost>
+
+<IfModule mod_ssl.c>
+    <VirtualHost *:443>
+      ServerName localhost
+      ServerAdmin support@websight.nl
+      DocumentRoot /var/www/html
+
+      SSLEngine on
+      SSLCertificateFile /etc/ssl/certs/ssl-cert-snakeoil.pem
+      SSLCertificateKeyFile /etc/ssl/private/ssl-cert-snakeoil.key
+      SSLCompression off
+      SSLProtocol All -SSLv2 -SSLv3
+      SSLCipherSuite EECDH+AESGCM:EDH+AESGCM:AES256+EECDH:AES256+EDH
+
+      <Directory /var/www/html/>
+          Options -Indexes +FollowSymLinks +MultiViews
+          AllowOverride All
+          Order deny,allow
+          Allow from all
+      </Directory>
+
+      ErrorLog /var/log/apache2/ssl-vhost-error.log
+      CustomLog /var/log/apache2/ssl-vhost-access.log combined
+
+    </VirtualHost>
+</IfModule>

env.example

@@ -0,0 +1,39 @@
+APP_NAME="NH Gooi"
+APP_ENV=production
+APP_KEY=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+APP_DEBUG=false
+APP_LOG_LEVEL=error
+APP_URL=https://dev.nhgooi.nl
+IMAGE_BASE_URL=https://dev.nhgooi.nl
+
+API_URL=https://api.nhgooi.nl/
+
+BROADCAST_DRIVER=log
+CACHE_DRIVER=file
+SESSION_DRIVER=file
+QUEUE_DRIVER=sync
+
+REDIS_HOST=127.0.0.1
+REDIS_PASSWORD=null
+REDIS_PORT=6379
+
+MAIL_DRIVER=smtp
+MAIL_HOST=in-v3.mailjet.com 
+MAIL_PORT=25
+MAIL_USERNAME=mailjet_username
+MAIL_PASSWORD=mailjet_password
+MAIL_ENCRYPTION=null
+
+PUSHER_APP_ID=
+PUSHER_APP_KEY=
+PUSHER_APP_SECRET=
+
+DB_CONNECTION=mysql
+DB_HOST=nhgooi.nl
+DB_PORT=3306
+DB_DATABASE=dbname
+DB_USERNAME=6fmstats
+DB_PASSWORD=dbpass
+
+CACHE_DRIVER=file
+QUEUE_DRIVER=sync

package.json

@@ -1,7 +1,10 @@
 {
   "private": true,
   "scripts": {
+    "sass": "sass resources/assets/sass:public/css",
     "sass-watch": "sass --watch resources/assets/sass:public/css",
+    "sass-minify": "sass resources/assets/sass/style.scss:public/css/style.min.css --style compressed",
+    "sass-minify-watch": "sass --watch resources/assets/sass/style.scss:public/css/style.min.css --style compressed",
     "js-watch": "grunt watch"
   },
   "devDependencies": {

phpinfo.php

@@ -1 +0,0 @@
-<?php phpinfo();

public/css/components/pretty_photo.css

@@ -1,35 +0,0 @@
-div.pp_default .pp_content_container .pp_left,
-div.pp_default .pp_content_container .pp_right,
-div.pp_default .pp_top .pp_left,
-div.pp_default .pp_top .pp_middle,
-div.pp_default .pp_top .pp_right,
-div.pp_default .pp_bottom .pp_left,
-div.pp_default .pp_bottom .pp_middle,
-div.pp_default .pp_bottom .pp_right {
-  background: none;
-  padding: 0;
-}
-
-div.pp_default .pp_content, div.light_rounded .pp_content {
-  padding: 10px;
-}
-
-div.pp_default .pp_description {
-  font-family: Nunito, serif;
-  font-size: 12px;
-  font-style: italic;
-  line-height: 3.17;
-  color: #585858;
-}
-
-div.pp_default .pp_close {
-  margin-top: 8px;
-  background: url("/images/icons/other/close.png") 0 0 no-repeat;
-}
-
-div.pp_default .pp_close:hover {
-  opacity: 1;
-  background-position: 0 -30px;
-}
-
-/*# sourceMappingURL=pretty_photo.css.map */

public/css/style.css

@@ -30,8 +30,13 @@ body {
   margin: 0 auto;
 }
 
-.grey_background {
-  background-color: #f9f9f9;
+@media (min-width: 768px) {
+  .grey_background:not(.site_container) {
+    background-color: #f9f9f9;
+  }
+}
+.page {
+  padding-top: 20px;
 }
 
 .content_container {
@@ -66,10 +71,24 @@ body {
   text-decoration: none;
   text-transform: uppercase;
 }
+.btn:hover, .btn:active {
+  color: #fff;
+}
 .btn.auto_width {
   width: fit-content;
   margin: 0 auto;
 }
+.btn.fit_content {
+  width: fit-content;
+}
+.btn.btn_facebook_share {
+  background-image: none;
+  background-color: #0f259d;
+}
+.btn.btn_twitter_x_share {
+  background-image: none;
+  background-color: #5ba8f4;
+}
 
 div.pp_default .pp_content_container .pp_left,
 div.pp_default .pp_content_container .pp_right,
@@ -137,15 +156,21 @@ div.pp_default .pp_close:hover {
   color: #282828;
 }
 
+.list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
 .header {
-  height: 110px;
+  height: 111px;
 }
 .header .logo {
   float: left;
-  margin-top: 18px;
+  margin-top: 10px;
 }
 .header .logo img {
-  height: 75px;
+  height: 95px;
 }
 .header .advertisement {
   float: right;
@@ -177,7 +202,6 @@ div.pp_default .pp_close:hover {
 @media (min-width: 767px) {
   .menu_container {
     height: 75px;
-    margin-bottom: 20px;
     background-image: linear-gradient(to right, #0102b0, #4090e3);
   }
 }
@@ -233,7 +257,9 @@ div.pp_default .pp_close:hover {
   display: block;
   width: 33px;
   height: 25px;
-  background-image: URL("/images/menu-corner-1.svg");
+  -webkit-mask-image: URL("/images/menu-corner-1.svg");
+  mask-image: URL("/images/menu-corner-1.svg");
+  background-color: white;
   position: absolute;
   top: 0;
   left: 0;
@@ -244,7 +270,9 @@ div.pp_default .pp_close:hover {
   display: block;
   width: 12px;
   height: 15px;
-  background-image: URL("/images/menu-corner-2.svg");
+  -webkit-mask-image: URL("/images/menu-corner-2.svg");
+  mask-image: URL("/images/menu-corner-2.svg");
+  background-color: white;
   position: absolute;
   bottom: 0;
   right: -1px;
@@ -268,6 +296,7 @@ div.pp_default .pp_close:hover {
   height: 50px;
   max-width: 1170px;
   margin: 0 auto;
+  overflow: hidden;
 }
 .top_menu_container ul.right_menu, .menu_mobile_container ul.right_menu {
   float: right;
@@ -277,15 +306,22 @@ div.pp_default .pp_close:hover {
 }
 .top_menu_container ul.right_menu li, .menu_mobile_container ul.right_menu li {
   float: left;
-  padding: 6px 19px;
+  padding: 3px 19px;
   margin: 8px;
-  border-right: 1px solid #fff;
+  border-right: 1px solid rgba(255, 255, 255, 0.2);
+  line-height: 2;
+  height: 28px;
+  /*&:nth-child(2) {
+    padding: 0 19px;
+  }*/
 }
-.top_menu_container ul.right_menu li:last-child, .menu_mobile_container ul.right_menu li:last-child {
+.top_menu_container ul.right_menu li.collapsed, .menu_mobile_container ul.right_menu li.collapsed {
+  padding: 3px 9px 3px 6px;
+  margin: 8px auto;
+}
+.top_menu_container ul.right_menu li.search, .menu_mobile_container ul.right_menu li.search {
   border: none;
-}
-.top_menu_container ul.right_menu li:nth-child(2), .menu_mobile_container ul.right_menu li:nth-child(2) {
-  padding: 0 19px;
+  line-height: 1;
 }
 .top_menu_container ul.right_menu li a, .menu_mobile_container ul.right_menu li a {
   float: left;
@@ -296,6 +332,24 @@ div.pp_default .pp_close:hover {
   color: #fff;
   text-decoration: none;
   text-transform: uppercase;
+  display: flex;
+}
+.top_menu_container ul.right_menu li a span, .menu_mobile_container ul.right_menu li a span {
+  overflow: hidden;
+  display: block;
+  height: 28px;
+}
+.top_menu_container ul.right_menu li a.with_svg_icon, .menu_mobile_container ul.right_menu li a.with_svg_icon {
+  position: relative;
+  margin-right: 30px;
+}
+.top_menu_container ul.right_menu li a svg, .menu_mobile_container ul.right_menu li a svg {
+  fill: #fff;
+  height: 20px;
+  width: 20px;
+  position: absolute;
+  right: -25px;
+  top: 2px;
 }
 .top_menu_container ul.right_menu li a i, .menu_mobile_container ul.right_menu li a i {
   font-size: 18px;
@@ -313,7 +367,7 @@ div.pp_default .pp_close:hover {
   border: 1px solid #efefef;
   border-radius: 3px;
   background-color: #fff;
-  height: 29px;
+  height: 26px;
   font-family: Montserrat, serif;
   font-size: 16px;
   line-height: 1.25;
@@ -321,24 +375,22 @@ div.pp_default .pp_close:hover {
 }
 .top_menu_container ul.right_menu li .search_form .search_submit, .menu_mobile_container ul.right_menu li .search_form .search_submit {
   float: right;
-  margin: 6px;
+  margin: 4px;
 }
 .top_menu_container ul.right_menu li .search_button, .menu_mobile_container ul.right_menu li .search_button {
   margin-top: 6px;
 }
 
 .menu_mobile_container {
-  height: 30px;
+  height: 46px;
   padding: 12px 0;
+  background-color: #10229c;
 }
 .menu_mobile_container .mobile_menu_button a {
   display: block;
   width: 20px;
   height: 21px;
   padding: 4px 10px 4px 11px;
-  border-top-right-radius: 3px;
-  border-bottom-right-radius: 3px;
-  background-color: #10229c;
   margin-right: 12px;
 }
 .menu_mobile_container .mobile_menu_button a i {
@@ -359,9 +411,15 @@ div.pp_default .pp_close:hover {
   flex-grow: 1;
 }
 .menu_mobile_container .right_menu_container ul.right_menu li {
-  padding: 5px 19px;
+  padding: 0 10px;
   margin: 0;
 }
+.menu_mobile_container .right_menu_container ul.right_menu li a.with_svg_icon {
+  margin-right: 10px;
+}
+.menu_mobile_container .right_menu_container ul.right_menu li a svg {
+  position: static;
+}
 .menu_mobile_container .right_menu_container ul.right_menu li .search_form {
   height: 25px;
 }
@@ -459,7 +517,8 @@ div.pp_default .pp_close:hover {
   padding: 20px;
   min-width: 70vw;
   max-width: 100vw;
-  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: auto;
 }
 .mobile_menu_container nav ul, .mobile_menu_container nav li, .mobile_menu_container nav li a {
   width: 100%;
@@ -535,6 +594,25 @@ div.pp_default .pp_close:hover {
   transform: rotate(90deg);
 }
 
+.slogan {
+  width: 190px;
+  margin: 8px 0;
+}
+
+.grey_background nav > div {
+  background: #f9f9f9;
+  border-color: #f9f9f9;
+}
+.grey_background .menu > li a {
+  background: #f9f9f9;
+}
+.grey_background .menu > li.selected a:before, .grey_background .menu > li.selected a:after, .grey_background .menu > li:hover a:before, .grey_background .menu > li:hover a:after, .grey_background .menu > li.hover a:before, .grey_background .menu > li.hover a:after {
+  background-color: #f9f9f9;
+}
+.grey_background .menu > li:last-child:after {
+  background: #f9f9f9;
+}
+
 .header .now-playing-header {
   float: right;
 }
@@ -618,11 +696,12 @@ div.pp_default .pp_close:hover {
 }
 .blog_grid .post {
   position: relative;
-  height: 100%;
+  height: calc(100% - 10px);
+  padding: 5px;
 }
 @media (max-width: 768px) {
   .blog_grid .post {
-    height: 50%;
+    height: calc(50% - 10px);
   }
 }
 .blog_grid .post img {
@@ -630,6 +709,7 @@ div.pp_default .pp_close:hover {
   height: 100%;
   object-fit: cover;
   filter: brightness(70%);
+  border-radius: 3px;
 }
 .blog_grid .post.small {
   height: 50%;
@@ -645,6 +725,8 @@ div.pp_default .pp_close:hover {
   margin: 0;
   padding: 0;
   list-style: none;
+  display: flex;
+  gap: 3px;
 }
 .blog_grid .post .slider_content_box .post_details .category a {
   padding: 6px 11px 7px;
@@ -675,20 +757,21 @@ div.pp_default .pp_close:hover {
 }
 @media (max-width: 768px) {
   .blog_grid .post .slider_content_box h2 a, .blog_grid .post .slider_content_box h5 a {
+    display: block;
     font-size: 16px;
     line-height: 1.17;
   }
 }
 .blog_grid .post .slider_content_box .post_date {
-  display: block;
-  height: 30px;
   font-family: Nunito, serif;
-  font-size: 12px;
   font-weight: 500;
   line-height: 3.17;
   letter-spacing: normal;
   text-align: left;
+  font-size: 12px;
   color: #666;
+  display: block;
+  height: 30px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
@@ -722,14 +805,38 @@ div.pp_default .pp_close:hover {
 .box {
   display: inline-block;
   width: auto;
-  padding: 30px 23px 30px 30px;
-  border-radius: 3px;
-  box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
   background-color: #fff;
   margin-bottom: 50px;
 }
-.box.full-width {
-  width: calc(100% - 60px);
+@media (min-width: 768px) {
+  .box {
+    border-radius: 3px;
+    box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
+    padding: 30px 23px 30px 30px;
+  }
+}
+@media (max-width: 768px) {
+  .box {
+    padding: 10px 10px 10px 10px;
+  }
+}
+@media (min-width: 768px) {
+  .box.full-width {
+    width: calc(100% - 60px);
+  }
+}
+@media (max-width: 768px) {
+  .box.full-width {
+    width: calc(100% - 20px);
+  }
+}
+.box.full-height {
+  height: calc(100% - 103px);
+}
+@media (min-width: 768px) {
+  .box.md_margin_top {
+    margin-top: 77px;
+  }
 }
 
 .tabs {
@@ -783,6 +890,9 @@ div.pp_default .pp_close:hover {
 .blog .post {
   margin-bottom: 27px;
 }
+.blog .post:not(.auto_height) {
+  height: 90px;
+}
 .blog .post img {
   width: 100%;
   height: 100%;
@@ -801,19 +911,22 @@ div.pp_default .pp_close:hover {
   display: inline-block;
   color: #1a1a1a;
 }
+.blog .post .post_title a.clipText {
+  display: -webkit-box;
+}
 .blog .post .col-8 {
   padding: 0;
 }
 .blog .post .post_date {
-  display: block;
-  height: 30px;
   font-family: Nunito, serif;
-  font-size: 12px;
   font-weight: 500;
   line-height: 3.17;
   letter-spacing: normal;
   text-align: left;
+  font-size: 12px;
   color: #666;
+  display: block;
+  height: 30px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
@@ -829,10 +942,6 @@ div.pp_default .pp_close:hover {
   color: #282828;
 }
 
-.sidebar .box {
-  width: calc(100% - 38px);
-}
-
 @media (max-width: 768px) {
   .sidebar {
     width: 100%;
@@ -843,22 +952,31 @@ div.pp_default .pp_close:hover {
   width: calc(100% - 38px);
 }
 .radio_box h2 {
-  font-family: Montserrat, serif;
   font-size: 20px;
+}
+.radio_box h3 {
+  font-size: 18px;
+}
+.radio_box .post_title {
+  font-family: Montserrat, serif;
   font-weight: 600;
   line-height: 1.35;
   color: #1a1a1a;
 }
+.radio_box .post_title a {
+  text-decoration: none;
+  color: #1a1a1a;
+}
 .radio_box .post_date {
-  display: block;
-  height: 30px;
   font-family: Nunito, serif;
-  font-size: 12px;
   font-weight: 500;
   line-height: 3.17;
   letter-spacing: normal;
   text-align: left;
+  font-size: 12px;
   color: #666;
+  display: block;
+  height: 30px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
@@ -934,10 +1052,11 @@ div.pp_default .pp_close:hover {
 }
 .featured .sub_title .program_name {
   font-family: Nunito, serif;
-  font-size: 12px;
   font-weight: 500;
   line-height: 3.17;
+  letter-spacing: normal;
   text-align: left;
+  font-size: 12px;
   color: #000;
   margin-right: 10px;
   text-decoration: none;
@@ -946,15 +1065,15 @@ div.pp_default .pp_close:hover {
   white-space: nowrap;
 }
 .featured .sub_title .post_date {
-  display: block;
-  height: 30px;
   font-family: Nunito, serif;
-  font-size: 12px;
   font-weight: 500;
   line-height: 3.17;
   letter-spacing: normal;
   text-align: left;
+  font-size: 12px;
   color: #666;
+  display: block;
+  height: 30px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
@@ -969,6 +1088,9 @@ div.pp_default .pp_close:hover {
   margin: 10px 0;
 }
 
+.podcast_items .box {
+  margin-bottom: 10px;
+}
 .podcast_items ul {
   margin: 0;
   padding: 0;
@@ -979,8 +1101,10 @@ div.pp_default .pp_close:hover {
   margin-right: calc(-0.5 * var(--bs-gutter-x));
   margin-left: calc(-0.5 * var(--bs-gutter-x));
 }
-.podcast_items ul li {
-  margin-bottom: 25px;
+@media (min-width: 768px) {
+  .podcast_items ul li {
+    margin-bottom: 25px;
+  }
 }
 .podcast_items ul li h2 {
   margin: 0;
@@ -1000,10 +1124,11 @@ div.pp_default .pp_close:hover {
 }
 .podcast_items ul li .sub_title .program_name {
   font-family: Nunito, serif;
-  font-size: 12px;
   font-weight: 500;
   line-height: 3.17;
+  letter-spacing: normal;
   text-align: left;
+  font-size: 12px;
   color: #000;
   margin-right: 10px;
   text-decoration: none;
@@ -1012,20 +1137,24 @@ div.pp_default .pp_close:hover {
   white-space: nowrap;
 }
 .podcast_items ul li .sub_title .post_date {
-  display: block;
-  height: 30px;
   font-family: Nunito, serif;
-  font-size: 12px;
   font-weight: 500;
   line-height: 3.17;
   letter-spacing: normal;
   text-align: left;
+  font-size: 12px;
   color: #666;
+  display: block;
+  height: 30px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
 
+.news .blog .post {
+  height: 115px;
+}
+
 .bread_crumb {
   height: 38px;
   margin: 0;
@@ -1035,10 +1164,11 @@ div.pp_default .pp_close:hover {
 .bread_crumb li {
   float: left;
   font-family: Nunito, serif;
-  font-size: 12px;
   font-weight: 500;
   line-height: 3.17;
+  letter-spacing: normal;
   text-align: left;
+  font-size: 12px;
   color: #666;
   margin-right: 5px;
 }
@@ -1049,21 +1179,39 @@ div.pp_default .pp_close:hover {
 .bread_crumb li i {
   font-size: 8px;
 }
+@media (max-width: 768px) {
+  .bread_crumb li:nth-last-child(-n+2) {
+    display: none;
+  }
+}
 
-.page_title {
+.page_title, .page_title2 {
   margin: 17px 0;
   font-family: Montserrat, serif;
-  font-size: 40px;
+  font-size: 30px;
   font-weight: 600;
   line-height: 1.15;
   text-align: left;
   color: #282828;
 }
+@media (min-width: 768px) {
+  .page_title, .page_title2 {
+    font-size: 40px;
+  }
+}
+
+.page_title2 {
+  font-size: 30px;
+}
 
 .post_container {
   max-width: 1170px;
   margin: 0 auto;
-  padding: 32px 0;
+}
+@media (min-width: 768px) {
+  .post_container {
+    padding: 32px 0;
+  }
 }
 .post_container > .col-8 {
   width: calc(66.66666667% - 20px);
@@ -1073,30 +1221,6 @@ div.pp_default .pp_close:hover {
   border-bottom: 1px solid #efefef;
   padding-bottom: 18px;
 }
-.post_container .post_tags {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  height: 31px;
-  margin-top: 20px;
-}
-.post_container .post_tags li {
-  float: left;
-  margin-right: 10px;
-}
-.post_container .post_tags li a {
-  display: block;
-  padding: 6px 15px 7px;
-  border-radius: 3px;
-  background-image: linear-gradient(to left, #0d1ca3, #45aaf8);
-  font-family: Nunito, serif;
-  font-size: 10px;
-  font-weight: bold;
-  text-align: center;
-  color: #fff;
-  text-decoration: none;
-  text-transform: uppercase;
-}
 .post_container .post_body {
   width: 100%;
   font-family: Nunito, serif;
@@ -1107,16 +1231,18 @@ div.pp_default .pp_close:hover {
 .post_container .post_body h3 {
   font-size: 15px;
 }
-.post_container .post_body .sentence {
+.post_container .post_body .sentence,
+.box.featured .sentence {
   font-size: 12px;
   font-style: italic;
-  line-height: 3.17;
+  line-height: 1.3;
   text-align: right;
   color: #585858;
   display: block;
   width: 100%;
 }
-.post_container .post_body .sentence span {
+.post_container .post_body .sentence span,
+.box.featured .sentence span {
   padding: 0 5px;
 }
 .post_container .post_body blockquote {
@@ -1145,9 +1271,11 @@ div.pp_default .pp_close:hover {
   float: left;
   margin-right: 10px;
   font-family: Nunito, serif;
-  font-size: 12px;
   font-weight: 500;
   line-height: 3.17;
+  letter-spacing: normal;
+  text-align: left;
+  font-size: 12px;
   color: #666;
 }
 .post_container .post_body .post_details li a {
@@ -1181,9 +1309,46 @@ div.pp_default .pp_close:hover {
   color: #ED1C24;
 }
 
+.post_tags {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  height: 31px;
+  margin: 20px 0;
+}
+.post_tags li {
+  float: left;
+  margin-right: 10px;
+}
+.post_tags li a,
+#schedule .onair {
+  display: block;
+  width: 4rem;
+  padding: 6px 15px 7px;
+  border-radius: 3px;
+  background-image: linear-gradient(to left, #0d1ca3, #45aaf8);
+  font-family: Nunito, serif;
+  font-size: 10px;
+  font-weight: bold;
+  text-align: center;
+  color: #fff;
+  text-decoration: none;
+  text-transform: uppercase;
+}
+
 #schedule a {
   text-decoration: none;
 }
+@keyframes tilt-shaking {
+    0% { transform: rotate(0deg); }
+   25% { transform: rotate(5deg); }
+   50% { transform: rotate(0deg); }
+   75% { transform: rotate(-5deg); }
+  100% { transform: rotate(0deg); }
+}
+.onair {
+  animation: tilt-shaking 1s linear infinite;
+}
 #schedule .program-title {
   font-family: Montserrat, serif;
   font-size: 14px;
@@ -1192,19 +1357,24 @@ div.pp_default .pp_close:hover {
   color: #1a1a1a;
 }
 #schedule .program-times {
-  display: block;
-  height: 30px;
   font-family: Nunito, serif;
-  font-size: 12px;
   font-weight: 500;
   line-height: 3.17;
   letter-spacing: normal;
   text-align: left;
+  font-size: 12px;
   color: #666;
+  display: block;
+  height: 30px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
+#schedule img {
+  margin-left: -30px;
+  margin-top: -30px;
+  width: calc(100% + 54px);
+}
 #schedule .no-results, #schedule .loading {
   font-family: Montserrat, serif;
   font-size: 14px;
@@ -1237,8 +1407,18 @@ div.pp_default .pp_close:hover {
   line-height: 1.6;
   color: #282828;
 }
+.page_body.margin_bottom {
+  margin-bottom: 40px;
+}
 
 .action_button {
+  font-family: Nunito, serif;
+  font-weight: 500;
+  line-height: 3.17;
+  letter-spacing: normal;
+  text-align: left;
+  font-size: 14px;
+  line-height: 1.4;
   text-decoration: none;
   color: #282828;
 }
@@ -1270,6 +1450,18 @@ div.pp_default .pp_close:hover {
   color: #1a1a1a;
 }
 
+.text_input, .texterea_input {
+  padding: 13px 5px;
+  font-family: Montserrat, serif;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 1.25;
+  color: #1a1a1a;
+  border: 1px solid #efefef;
+  border-radius: 5px;
+  background-color: #fff;
+}
+
 .announcement {
   padding: 30px;
   border-radius: 3px;
@@ -1294,6 +1486,7 @@ div.pp_default .pp_close:hover {
 }
 .footer_container .footer_menu {
   background-image: linear-gradient(to right, #0102b0, #4090e3);
+  padding: 15px 0;
 }
 @media (max-width: 768px) {
   .footer_container .footer_menu {
@@ -1315,6 +1508,10 @@ div.pp_default .pp_close:hover {
   display: block;
   width: 100%;
 }
+.footer_container .footer_menu .about a {
+  display: inline;
+  text-decoration: underline;
+}
 .footer_container .footer_menu .buttons a {
   text-transform: uppercase;
   margin-bottom: 10px;
@@ -1349,10 +1546,30 @@ div.pp_default .pp_close:hover {
   margin: 0;
   padding: 0;
   list-style: none;
+  float: left;
+  margin-bottom: 20px;
 }
 .footer_container .footer_menu2 li {
-  float: left;
   margin-right: 40px;
+  padding: 9px 0;
+}
+@media (min-width: 768px) {
+  .footer_container .footer_menu2 li {
+    float: left;
+  }
+}
+.footer_container .footer_menu2 li:first-child {
+  padding: 0;
+}
+@media (max-width: 768px) {
+  .footer_container .footer_menu2 li:first-child {
+    padding: 0 0 15px 0;
+  }
+}
+.footer_container .footer_menu2 li .logo {
+  display: block;
+  width: 115px;
+  height: 41px;
 }
 .footer_container .footer_menu2 li a {
   text-decoration: underline;
@@ -1436,4 +1653,20 @@ div.pp_default .pp_close:hover {
   -webkit-line-clamp: 10;
 }
 
+a, a:hover, a:active {
+  color: #0f259d;
+}
+
+@media (min-width: 768px) {
+  .md_padding_top_80 {
+    padding-top: 80px;
+  }
+}
+
+.podcast-player .content {
+	border: solid 1px #333;
+	border-radius: 5px;
+	padding: 0.4rem;
+}
+
 /*# sourceMappingURL=style.css.map */

public/css/style.css.old

@@ -1,91 +0,0 @@
-
-.site_container  {
-    max-width: 1440px;
-    margin: 0 auto;
-}
-.header {
-    height: 110px;
-}
-.header .logo {
-    margin-left: 135px;
-}
-.header .logo img {
-    height: 75px;
-}
-.menu_container {
-    height: 75px;
-    margin-bottom: 20px;
-    background-image: linear-gradient(to right, #0102b0, #4090e3);
-}
-.top_menu_container {
-    height: 50px;
-}
-.menu_container .menu {
-    list-style-type: none;
-    padding: 0;
-    margin: 0;
-    overflow: hidden;
-    position: relative;
-    z-index: 0;
-}
-.menu_container .menu li {
-    float: left;
-}
-.menu_container .menu li ul {
-    display: none;
-}
-.menu_container .menu li a {
-    display: block;
-    text-align: center;
-    padding: 5px 20px 5px 40px;
-    text-decoration: none;
-    font-size: 14px;
-    font-weight: bold;
-    background: white;
-}
-.menu_container .menu li.selected a,.menu_container .menu li:hover a {
-    color: white;
-    background: transparent;
-    position: relative;
-}
-.menu_container .menu li.selected a:before, .menu_container .menu li:hover a:before {
-    content: '';
-    display: block;
-    width: 33px;
-    height: 25px;
-    background-image: URL('/images/menu-corner-1.svg');
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 1;
-}
-.menu_container .menu li.selected a:after, .menu_container .menu li:hover a:after {
-    content: '';
-    display: block;
-    width: 10px;
-    height: 12px;
-    background-image: URL('/images/menu-corner-2.svg');
-    position: absolute;
-    bottom: 0;
-    right: -1px;
-    z-index: 1;
-}
-.menu_container .menu li:first-child {
-    width: 135px;
-    display: block;
-    background: white;
-    height: 25px;
-}
-div ul li:last-child {
-    margin-left: 10px;
-}
-div ul li:last-child:after {
-    content: '\a0';
-    z-index: -1;
-    background: white;
-    position: absolute;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    margin-left: -10px;
-}

public/images/Slogan_DIAP white.svg

@@ -0,0 +1,154 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="230mm"
+   height="40mm"
+   viewBox="0 0 210 297"
+   version="1.1"
+   id="svg4553"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="Slogan_DIAP white.svg">
+  <defs
+     id="defs4547" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="0.47"
+     inkscape:cx="803.9187"
+     inkscape:cy="284.95533"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata4550">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Laag 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <g
+       id="g44"
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1"
+       transform="matrix(1.3988443,0,0,1.3988443,-949.97686,-1243.7313)">
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 220.9,998.2 c -5.3,-2.3 -12.1,-4.4 -20.6,-6.3 -8,-1.8 -13.6,-3.7 -16.9,-5.8 -3.3,-2.1 -5,-5.1 -5,-9 0,-4.6 1.9,-8.3 5.6,-10.9 3.7,-2.6 8.8,-3.9 15.3,-3.9 10.8,0 20.7,3.6 29.6,10.7 l 6.1,-13.4 c -4.1,-3.7 -9.3,-6.6 -15.7,-8.8 -6.4,-2.1 -13,-3.2 -20.1,-3.2 -7.7,0 -14.5,1.3 -20.3,3.9 -5.9,2.6 -10.4,6.2 -13.7,10.9 -3.2,4.6 -4.8,9.9 -4.8,15.8 0,5.7 1.3,10.4 4,14.1 2.7,3.7 6.6,6.7 11.8,9.1 5.2,2.4 12,4.5 20.3,6.3 8.1,1.8 13.8,3.7 17.3,5.7 3.5,2 5.2,4.9 5.2,8.7 0,4.4 -1.9,7.8 -5.6,10.2 -3.7,2.4 -9.1,3.6 -16,3.6 -6.3,0 -12.1,-0.9 -17.4,-2.6 -5.4,-1.7 -10.5,-4.4 -15.3,-8.1 l -6.1,13.4 c 4.6,3.8 10.3,6.7 17.1,8.8 6.7,2.1 13.9,3.1 21.6,3.1 8.2,0 15.2,-1.2 21.3,-3.6 6,-2.4 10.6,-5.9 13.8,-10.4 3.2,-4.5 4.8,-9.7 4.8,-15.7 0,-5.5 -1.4,-10.1 -4.2,-13.7 -2.8,-3.6 -6.9,-6.5 -12.1,-8.9 z"
+         id="path14"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 274.1,1023.1 v -30 h 18.4 v -13.4 h -18.4 v -20.8 h -17.8 v 20.8 H 243 V 993 h 13.4 v 30.3 c 0,8.9 2.3,15.6 7,20.1 4.6,4.5 11.9,6.8 21.6,6.8 2.4,0 5,-0.1 7.8,-0.4 l 0.9,-13.2 c -2.3,0.3 -4.5,0.4 -6.5,0.4 -8.7,0 -13.1,-4.6 -13.1,-13.9 z"
+         id="path16"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 334,978 c -6.5,0 -12.4,1.5 -17.6,4.6 -5.2,3 -9.2,7.3 -12,12.8 -2.8,5.5 -4.3,11.8 -4.3,18.9 0,11.2 3.3,20 9.9,26.5 6.6,6.5 15.6,9.7 27,9.7 4.9,0 9.8,-0.8 14.7,-2.4 4.9,-1.6 8.9,-3.7 12.2,-6.4 l -5.1,-12.2 c -6.4,4.9 -13.4,7.4 -21.1,7.4 -6.2,0 -10.9,-1.6 -14.2,-4.7 -3.3,-3.1 -5.3,-7.9 -5.8,-14.4 h 47.4 v -5 c 0,-10.8 -2.8,-19.3 -8.3,-25.5 C 351.2,981 343.6,978 334,978 Z m -16.3,30.1 c 0.7,-5.7 2.4,-10.1 5.3,-13.1 2.9,-3 6.7,-4.6 11.5,-4.6 4.7,0 8.4,1.5 11.1,4.5 2.7,3 4.1,7.4 4.3,13.2 z"
+         id="path18"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 462.2,978 c -5,0 -9.6,1.2 -13.7,3.5 -4.1,2.3 -7.2,5.5 -9.4,9.6 -3.4,-8.7 -10.4,-13.1 -20.9,-13.1 -4.7,0 -9,1 -12.7,2.9 -3.7,1.9 -6.6,4.8 -8.7,8.6 v -9.8 h -17.4 v 69.6 h 17.8 v -38.8 c 0,-5.8 1.3,-10.3 4,-13.5 2.7,-3.2 6.3,-4.8 11,-4.8 4.1,0 7,1.2 8.8,3.6 1.8,2.4 2.6,6.3 2.6,11.6 v 42 h 17.8 v -38.8 c 0,-5.8 1.3,-10.3 4,-13.5 2.7,-3.2 6.4,-4.8 11.1,-4.8 4,0 6.9,1.2 8.7,3.6 1.8,2.4 2.7,6.3 2.7,11.6 v 42 h 17.8 v -42.7 c 0,-9.7 -1.9,-16.9 -5.8,-21.6 -3.9,-4.9 -9.8,-7.2 -17.7,-7.2 z"
+         id="path20"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <polygon
+         class="st1"
+         points="562.7,1049.2 578.2,1049.2 608.6,979.8 591.1,979.8 570.9,1028.9 551.3,979.8 532.5,979.8 "
+         id="polygon22"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 646.1,978 c -4.9,0 -10.2,0.8 -15.7,2.4 -5.5,1.6 -10.2,3.7 -14.1,6.1 l 5,12.2 c 3.9,-2.3 7.8,-4.1 11.9,-5.3 4,-1.3 7.9,-1.9 11.6,-1.9 4.7,0 8.1,1 10.2,3.1 2,2.1 3.1,5.5 3.1,10.2 v 3.3 h -3.6 c -10.3,0 -18.4,0.7 -24.3,2 -5.9,1.3 -10.1,3.5 -12.7,6.4 -2.6,2.9 -3.9,7 -3.9,12.1 0,4.1 1.1,7.8 3.3,11.1 2.2,3.3 5.2,5.9 9,7.8 3.8,1.9 8,2.8 12.7,2.8 4.6,0 8.6,-1 12,-3.1 3.5,-2.1 6,-5 7.6,-8.7 v 10.7 h 16.9 V 1007 c 0,-9.9 -2.4,-17.2 -7.1,-21.9 -4.9,-4.8 -12.2,-7.1 -21.9,-7.1 z m 11.9,42.5 c 0,5 -1.5,9.1 -4.5,12.3 -3,3.2 -6.9,4.8 -11.6,4.8 -3.2,0 -5.9,-1 -8,-2.9 -2.1,-1.9 -3.1,-4.4 -3.1,-7.5 0,-2.5 0.8,-4.4 2.3,-5.8 1.5,-1.4 4,-2.4 7.5,-3 3.5,-0.6 8.4,-0.9 14.8,-0.9 h 2.6 z"
+         id="path24"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 733.4,978 c -5,0 -9.5,1 -13.5,3.1 -4,2.1 -7.2,5.1 -9.5,9 V 979.7 H 693 v 69.6 h 17.8 v -39.4 c 0,-5.4 1.5,-9.7 4.6,-12.9 3.1,-3.2 7.2,-4.8 12.3,-4.8 4.4,0 7.6,1.2 9.6,3.7 2,2.5 3.1,6.4 3.1,11.8 v 41.7 h 17.8 v -42.7 c 0,-9.6 -2,-16.7 -6.1,-21.5 -4.1,-4.9 -10.3,-7.2 -18.7,-7.2 z"
+         id="path26"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 855.2,978 c -4.8,0 -9.2,1 -13.2,2.9 -3.9,1.9 -7.1,4.8 -9.5,8.5 V 949 h -17.8 v 100.3 h 17.8 v -39.4 c 0,-5.4 1.5,-9.7 4.6,-12.9 3.1,-3.2 7.2,-4.8 12.3,-4.8 4.4,0 7.6,1.2 9.6,3.7 2,2.5 3.1,6.4 3.1,11.8 v 41.7 H 880 v -42.7 c 0,-9.6 -2,-16.7 -6.1,-21.5 -4.1,-4.9 -10.4,-7.2 -18.7,-7.2 z"
+         id="path28"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 928,978 c -6.5,0 -12.4,1.5 -17.6,4.6 -5.2,3 -9.2,7.3 -12,12.8 -2.8,5.5 -4.3,11.8 -4.3,18.9 0,11.2 3.3,20 9.9,26.5 6.6,6.5 15.6,9.7 27,9.7 4.9,0 9.8,-0.8 14.7,-2.4 4.9,-1.6 8.9,-3.7 12.2,-6.4 l -5.1,-12.2 c -6.4,4.9 -13.4,7.4 -21.1,7.4 -6.2,0 -10.9,-1.6 -14.2,-4.7 -3.3,-3.1 -5.3,-7.9 -5.8,-14.4 h 47.4 v -5 c 0,-10.8 -2.8,-19.3 -8.3,-25.5 C 945.2,981 937.6,978 928,978 Z m -16.3,30.1 c 0.7,-5.7 2.4,-10.1 5.3,-13.1 2.9,-3 6.7,-4.6 11.5,-4.6 4.7,0 8.4,1.5 11.1,4.5 2.7,3 4.1,7.4 4.3,13.2 z"
+         id="path30"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 995.2,1023.1 v -30 h 18.4 v -13.4 h -18.4 v -20.8 h -17.8 v 20.8 H 964 V 993 h 13.4 v 30.3 c 0,8.9 2.3,15.6 7,20.1 4.6,4.5 11.9,6.8 21.6,6.8 2.4,0 5,-0.1 7.8,-0.4 l 0.9,-13.2 c -2.3,0.3 -4.5,0.4 -6.5,0.4 -8.7,0 -13,-4.6 -13,-13.9 z"
+         id="path32"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 1110.9,1008.1 h 21.6 v 25.2 c -6.5,1.8 -12.9,2.7 -19.4,2.7 -21.6,0 -32.4,-12.3 -32.4,-37 0,-12 2.6,-21.1 7.9,-27.2 5.3,-6.1 13.1,-9.2 23.4,-9.2 5.4,0 10.4,0.8 14.9,2.3 4.5,1.6 9.1,4.1 13.7,7.8 l 6.1,-13.2 c -4.1,-3.8 -9.2,-6.7 -15.4,-8.8 -6.2,-2 -12.8,-3.1 -19.8,-3.1 -10.1,0 -18.8,2.1 -26.3,6.2 -7.4,4.1 -13.2,10.1 -17.2,17.8 -4,7.7 -6,16.9 -6,27.4 0,10.6 2,19.8 6,27.5 4,7.7 9.8,13.7 17.4,17.8 7.6,4.1 16.6,6.2 26.9,6.2 6.7,0 13.3,-0.7 19.8,-2 6.5,-1.3 12,-3.1 16.6,-5.4 V 995 h -38 v 13.1 z"
+         id="path34"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 1218.4,982.4 c -5.4,-2.9 -11.6,-4.4 -18.7,-4.4 -7.1,0 -13.4,1.5 -18.7,4.4 -5.4,2.9 -9.5,7.1 -12.4,12.6 -2.9,5.5 -4.4,11.8 -4.4,19.1 0,7.3 1.5,13.7 4.4,19.2 2.9,5.5 7.1,9.7 12.4,12.7 5.4,2.9 11.6,4.4 18.7,4.4 7.1,0 13.3,-1.5 18.7,-4.4 5.4,-2.9 9.5,-7.2 12.4,-12.7 2.9,-5.5 4.3,-11.9 4.3,-19.2 0,-7.3 -1.4,-13.7 -4.3,-19.1 -3,-5.5 -7.1,-9.7 -12.4,-12.6 z m -5.7,48.5 c -3,3.8 -7.4,5.7 -13.2,5.7 -5.7,0 -10.1,-1.9 -13.1,-5.7 -3,-3.8 -4.6,-9.4 -4.6,-16.8 0,-7.3 1.5,-12.9 4.6,-16.7 3.1,-3.8 7.5,-5.8 13.2,-5.8 5.7,0 10.1,1.9 13.1,5.8 3,3.8 4.6,9.4 4.6,16.7 0,7.4 -1.5,13 -4.6,16.8 z"
+         id="path36"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <path
+         inkscape:connector-curvature="0"
+         class="st1"
+         d="m 1300.2,982.4 c -5.4,-2.9 -11.6,-4.4 -18.7,-4.4 -7.1,0 -13.4,1.5 -18.7,4.4 -5.4,2.9 -9.5,7.1 -12.4,12.6 -2.9,5.5 -4.4,11.8 -4.4,19.1 0,7.3 1.5,13.7 4.4,19.2 2.9,5.5 7.1,9.7 12.4,12.7 5.4,2.9 11.6,4.4 18.7,4.4 7.1,0 13.3,-1.5 18.7,-4.4 5.4,-2.9 9.5,-7.2 12.4,-12.7 2.9,-5.5 4.3,-11.9 4.3,-19.2 0,-7.3 -1.4,-13.7 -4.3,-19.1 -2.9,-5.5 -7.1,-9.7 -12.4,-12.6 z m -5.6,48.5 c -3,3.8 -7.4,5.7 -13.2,5.7 -5.7,0 -10.1,-1.9 -13.1,-5.7 -3,-3.8 -4.6,-9.4 -4.6,-16.8 0,-7.3 1.5,-12.9 4.6,-16.7 3.1,-3.8 7.5,-5.8 13.2,-5.8 5.7,0 10.1,1.9 13.1,5.8 3,3.8 4.6,9.4 4.6,16.7 -0.1,7.4 -1.6,13 -4.6,16.8 z"
+         id="path38"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <rect
+         x="1331.5"
+         y="979.70001"
+         class="st1"
+         width="17.799999"
+         height="69.599998"
+         id="rect40"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+      <rect
+         x="1330.5"
+         y="947.40002"
+         class="st1"
+         width="19.6"
+         height="17.5"
+         id="rect42"
+         style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-opacity:1" />
+    </g>
+  </g>
+</svg>

public/images/icons/radio.svg

@@ -0,0 +1 @@
+<svg height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Layer_29" data-name="Layer 29"><path d="m57 18.09s0-.09 0-.09v-4a6 6 0 0 0 -6-6h-26a6 6 0 0 0 -6 6 2 2 0 1 0 4 0 2 2 0 0 1 2-2h26a2 2 0 0 1 2 2v4h-39v-14a2 2 0 0 0 -4 0v14h-2a6 6 0 0 0 -6 6v32a6 6 0 0 0 6 6h48a6 6 0 0 0 6-6v-32a6 6 0 0 0 -5-5.91zm-47 21.91a13 13 0 1 1 13 13 13 13 0 0 1 -13-13zm42.19 10h-10.19a2 2 0 0 1 0-4h10.19a2 2 0 0 1 0 4zm-10.19-12h10a2 2 0 0 1 0 4h-10a2 2 0 0 1 0-4zm-2-6a2 2 0 0 1 2-2h10a2 2 0 0 1 0 4h-10a2 2 0 0 1 -2-2zm-17 17a9 9 0 1 1 9-9 9 9 0 0 1 -9 9z"/></g></svg>

public/images/icons/television-2.svg

@@ -0,0 +1,52 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, 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 511.998 511.998" style="enable-background:new 0 0 511.998 511.998;" xml:space="preserve">
+<g>
+	<g>
+		<path d="M457.274,162.266H383.78h-10.812h-90.866l78.706-139.895c4.064-7.224,1.503-16.375-5.721-20.44
+			c-7.225-4.064-16.375-1.503-20.44,5.721l-78.177,138.954L178.293,7.652c-4.065-7.224-13.216-9.787-20.44-5.721
+			c-7.224,4.065-9.786,13.216-5.721,20.44l78.706,139.895H54.723c-29.759,0-53.969,24.211-53.969,53.969v241.794
+			c0,29.759,24.21,53.969,53.969,53.969h318.245h10.812h73.494c29.759,0,53.969-24.211,53.969-53.969V216.236
+			C511.243,186.476,487.033,162.266,457.274,162.266z M409.915,211.561c20.784,0,37.694,16.91,37.694,37.695
+			c0,20.784-16.91,37.694-37.694,37.694c-20.785,0-37.695-16.91-37.695-37.694C372.22,228.471,389.13,211.561,409.915,211.561z
+			 M409.915,299.643c20.784,0,37.694,16.91,37.694,37.694c0,20.785-16.91,37.695-37.694,37.695
+			c-20.785,0-37.695-16.91-37.695-37.695C372.22,316.552,389.13,299.643,409.915,299.643z M337.429,420.934
+			c0,23.838-19.393,43.231-43.231,43.231H95.318c-23.838,0-43.231-19.393-43.231-43.231V254.902
+			c0-23.838,19.393-43.231,43.231-43.231h198.88c23.838,0,43.231,19.393,43.231,43.231V420.934z M436.376,463.717h-52.923
+			c-8.289,0-15.009-6.72-15.009-15.009s6.72-15.009,15.009-15.009h52.923c8.289,0,15.009,6.72,15.009,15.009
+			S444.665,463.717,436.376,463.717z M436.376,418.691h-52.923c-8.289,0-15.009-6.72-15.009-15.009s6.72-15.009,15.009-15.009
+			h52.923c8.289,0,15.009,6.72,15.009,15.009S444.665,418.691,436.376,418.691z"/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

public/images/logo-NHGooi-slogan-diap.svg

@@ -0,0 +1,226 @@
+<?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" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1190 550" style="enable-background:new 0 0 1190 550;" xml:space="preserve">
+<style type="text/css">
+	.st0{display:none;}
+	.st1{display:inline;}
+	.st2{fill:#FFFFFF;}
+	.st3{fill:#0017A0;}
+</style>
+<g id="Layer_1" class="st0">
+	<g class="st1">
+		<g>
+			<g>
+				<g>
+					<defs>
+						<path id="SVGID_7_" d="M196,61.5c-8.3,0-15.1,6.7-15.1,15.1v45.2l-40.6-48.6c-7.5-7.5-17.7-11.7-28.3-11.7h-97
+							C6.8,61.5,0,68.3,0,76.6V348c0,8.3,6.8,15.1,15.1,15.1h90.5c8.3,0,15.1-6.7,15.1-15.1v-45.2l40.6,48.6
+							c7.5,7.5,17.7,11.7,28.3,11.7h97c8.3,0,15.1-6.7,15.1-15.1V76.6c0-8.3-6.7-15.1-15.1-15.1H196z"/>
+					</defs>
+					<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="212.311" x2="301.5229" y2="212.311">
+						<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="st2" d="M247.2,293.7c0,5-4,9-9,9H190c-5,0-9-4-9-9v-51.3h-60.4v60.3H63.3c-5,0-9-4-9-9V130.9c0-5,4.1-9,9-9h48.2
+					c5,0,9,4.1,9,9v51.3H181l0-60.3h57.3c5,0,9,4.1,9,9V293.7z"/>
+			</g>
+			<path class="st3" d="M411.9,424.7c-4.2,0-7.6-3.4-7.6-7.6V7.6c0-4.2,3.4-7.6,7.6-7.6c4.2,0,7.6,3.4,7.6,7.6v409.6
+				C419.5,421.3,416.1,424.7,411.9,424.7"/>
+			<g>
+				<defs>
+					<path id="SVGID_10_" d="M537.9,61.5c-8.6,0-15.6,7-15.6,15.6v270.3c0,8.6,7,15.6,15.6,15.6h632c8.6,0,15.6-7,15.6-15.6V77.1
+						c0-8.6-7-15.6-15.6-15.6H537.9z"/>
+				</defs>
+				<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="522.2867" y1="212.311" x2="1185.446" y2="212.311">
+					<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>
+			<g>
+				<path class="st2" d="M745,203.6v88.3c-8.4,4.2-18.5,7.5-30.4,9.9c-11.9,2.4-24.1,3.7-36.5,3.7c-19,0-35.4-3.8-49.4-11.4
+					c-13.9-7.6-24.6-18.5-32-32.7c-7.4-14.2-11.1-31-11.1-50.6c0-19.3,3.7-36.1,11.1-50.3c7.4-14.2,17.9-25.1,31.6-32.7
+					c13.7-7.6,29.7-11.4,48.2-11.4c12.9,0,25,1.9,36.3,5.6c11.3,3.7,20.7,9.1,28.2,16.1l-11.2,24.3c-8.5-6.6-16.9-11.4-25.2-14.2
+					c-8.3-2.9-17.4-4.3-27.3-4.3c-19,0-33.3,5.6-43,16.9c-9.7,11.2-14.5,27.9-14.5,50c0,45.3,19.9,67.9,59.6,67.9
+					c11.8,0,23.7-1.7,35.5-5v-46.2h-39.7v-24H745z"/>
+				<path class="st2" d="M804,297.1c-9.8-5.4-17.5-13.2-22.9-23.3c-5.4-10.1-8.1-21.9-8.1-35.3c0-13.4,2.7-25.1,8.1-35.1
+					c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1c13.1,0,24.5,2.7,34.4,8.1c9.8,5.4,17.4,13.1,22.7,23.1
+					c5.3,10,8,21.7,8,35.1c0,13.4-2.7,25.2-8,35.3c-5.3,10.1-12.9,17.9-22.7,23.3c-9.8,5.4-21.3,8.1-34.4,8.1
+					C825.3,305.2,813.8,302.5,804,297.1 M862.4,269.4c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7c-5.6-7.1-13.6-10.6-24-10.6
+					c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8c5.6,7,13.6,10.5,24,10.5
+					C848.7,279.9,856.8,276.4,862.4,269.4"/>
+				<path class="st2" d="M954.2,297.1c-9.8-5.4-17.5-13.2-22.9-23.3c-5.4-10.1-8.1-21.9-8.1-35.3c0-13.4,2.7-25.1,8.1-35.1
+					c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1c13.1,0,24.5,2.7,34.4,8.1c9.8,5.4,17.4,13.1,22.7,23.1
+					c5.3,10,8,21.7,8,35.1c0,13.4-2.7,25.2-8,35.3c-5.3,10.1-12.9,17.9-22.7,23.3c-9.8,5.4-21.3,8.1-34.4,8.1
+					C975.5,305.2,964,302.5,954.2,297.1 M1012.6,269.4c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7
+					c-5.6-7.1-13.6-10.6-24-10.6c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8
+					c5.6,7,13.6,10.5,24,10.5C998.9,279.9,1007,276.4,1012.6,269.4"/>
+				<path class="st2" d="M1078.7,120.8h36.1V153h-36.1V120.8z M1080.5,175.4h32.7v127.8h-32.7V175.4z"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<g>
+					<path class="st3" d="M17,546.9c-6.7-2.1-12.4-5-17-8.8l6.1-13.3c4.8,3.7,9.9,6.4,15.2,8.1c5.3,1.7,11.1,2.5,17.3,2.5
+						c6.9,0,12.2-1.2,15.9-3.6c3.7-2.4,5.6-5.8,5.6-10.1c0-3.8-1.7-6.7-5.2-8.6c-3.4-2-9.2-3.9-17.2-5.7c-8.3-1.8-15.1-3.9-20.2-6.2
+						c-5.2-2.4-9.1-5.4-11.7-9.1c-2.6-3.7-4-8.4-4-14c0-5.8,1.6-11.1,4.8-15.7c3.2-4.6,7.7-8.2,13.6-10.8c5.9-2.6,12.6-3.9,20.2-3.9
+						c7,0,13.6,1.1,20,3.2c6.3,2.1,11.5,5,15.6,8.7l-6.1,13.3c-8.9-7.1-18.7-10.6-29.4-10.6c-6.4,0-11.5,1.3-15.2,3.9
+						c-3.7,2.6-5.6,6.2-5.6,10.8c0,3.9,1.6,6.8,5,8.9c3.3,2.1,8.9,4,16.8,5.8c8.4,1.9,15.2,4,20.5,6.3c5.2,2.3,9.2,5.3,12,8.8
+						c2.8,3.6,4.2,8.1,4.2,13.6c0,5.9-1.6,11.2-4.7,15.6c-3.2,4.5-7.7,7.9-13.7,10.3c-6,2.4-13,3.6-21.2,3.6
+						C30.9,550,23.7,549,17,546.9"/>
+					<path class="st3" d="M134.3,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20
+						v-30.1H83.9v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C129.9,536.6,132.1,536.4,134.3,536.1"
+						/>
+					<path class="st3" d="M205.4,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+						c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.7,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+						c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+						V517.3z M163.6,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+						C170.2,490.3,166.4,491.8,163.6,494.8"/>
+					<path class="st3" d="M319.6,484.8c3.9,4.7,5.8,11.8,5.8,21.4v42.5h-17.7V507c0-5.3-0.9-9.1-2.7-11.5c-1.8-2.4-4.7-3.6-8.6-3.6
+						c-4.7,0-8.4,1.6-11,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7V507c0-5.3-0.9-9.1-2.6-11.5c-1.7-2.4-4.6-3.6-8.7-3.6
+						c-4.6,0-8.3,1.6-10.9,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7v-69.2h17.3v9.8c2.1-3.8,5-6.6,8.6-8.6c3.7-1.9,7.9-2.9,12.6-2.9
+						c10.5,0,17.4,4.3,20.8,13c2.2-4.1,5.3-7.2,9.3-9.6c4.1-2.3,8.6-3.5,13.6-3.5C309.9,477.8,315.7,480.1,319.6,484.8"/>
+					<polygon class="st3" points="430.3,479.7 447.7,479.7 417.4,548.7 402,548.7 372,479.7 390.7,479.7 410.2,528.5 					"/>
+					<path class="st3" d="M506.6,484.9c4.7,4.7,7.1,12,7.1,21.8v42h-16.8v-10.6c-1.6,3.7-4.1,6.6-7.6,8.6c-3.4,2.1-7.4,3.1-12,3.1
+						c-4.6,0-8.8-0.9-12.6-2.8c-3.8-1.9-6.7-4.5-8.9-7.8c-2.2-3.3-3.3-7-3.3-11c0-5.1,1.3-9.1,3.9-12c2.6-2.9,6.8-5,12.7-6.4
+						c5.9-1.3,13.9-2,24.2-2h3.5v-3.3c0-4.7-1-8.1-3-10.2c-2-2.1-5.4-3.1-10.1-3.1c-3.7,0-7.5,0.6-11.5,1.9c-4,1.3-8,3-11.8,5.3
+						l-5-12.2c3.9-2.5,8.5-4.5,14-6.1c5.5-1.6,10.7-2.4,15.6-2.4C494.7,477.8,501.9,480.2,506.6,484.9 M492.4,532.4
+						c3-3.2,4.5-7.2,4.5-12.2v-3h-2.5c-6.3,0-11.2,0.3-14.7,0.8c-3.5,0.6-6,1.6-7.5,3c-1.5,1.4-2.3,3.4-2.3,5.8c0,3,1,5.5,3.1,7.4
+						c2.1,1.9,4.7,2.9,7.9,2.9C485.5,537.1,489.4,535.5,492.4,532.4"/>
+					<path class="st3" d="M590.4,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+						c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-69.2h17.3v10.3c2.4-3.9,5.5-6.8,9.5-8.9
+						c4-2.1,8.4-3.1,13.4-3.1C580.1,477.8,586.3,480.2,590.4,484.9"/>
+					<path class="st3" d="M711.6,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+						c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-99.8h17.7v40.2c2.4-3.7,5.5-6.5,9.4-8.4
+						c3.9-1.9,8.3-2.9,13.1-2.9C701.3,477.8,707.5,480.2,711.6,484.9"/>
+					<path class="st3" d="M796.3,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+						c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.6,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+						c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+						V517.3z M754.5,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+						C761.2,490.3,757.4,491.8,754.5,494.8"/>
+					<path class="st3" d="M851.7,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20
+						v-30.1h-13.3v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C847.2,536.6,849.4,536.4,851.7,536.1"
+						/>
+					<path class="st3" d="M985.2,494.8v47.8c-4.5,2.3-10,4.1-16.5,5.4c-6.5,1.3-13,2-19.7,2c-10.3,0-19.2-2.1-26.8-6.2
+						c-7.6-4.1-13.3-10-17.3-17.7c-4-7.7-6-16.8-6-27.4c0-10.5,2-19.6,6-27.2c4-7.7,9.7-13.6,17.1-17.7c7.4-4.1,16.1-6.2,26.1-6.2
+						c7,0,13.5,1,19.7,3c6.1,2,11.2,4.9,15.3,8.7l-6.1,13.2c-4.6-3.6-9.2-6.2-13.7-7.7c-4.5-1.6-9.4-2.3-14.8-2.3
+						c-10.3,0-18,3-23.3,9.1c-5.2,6.1-7.9,15.1-7.9,27.1c0,24.5,10.8,36.8,32.3,36.8c6.4,0,12.8-0.9,19.3-2.7v-25.1h-21.5v-13H985.2
+						z"/>
+					<path class="st3" d="M1017.1,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+						c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+						c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+						C1028.6,549.9,1022.4,548.4,1017.1,545.5 M1048.7,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+						c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+						C1041.3,536.1,1045.7,534.2,1048.7,530.5"/>
+					<path class="st3" d="M1098.5,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+						c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+						c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+						C1110,549.9,1103.8,548.4,1098.5,545.5 M1130.1,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+						c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+						C1122.7,536.1,1127.1,534.2,1130.1,530.5"/>
+					<path class="st3" d="M1165.9,447.4h19.5v17.4h-19.5V447.4z M1166.9,479.5h17.7v69.2h-17.7V479.5z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+<g id="Layer_1_copy">
+	<g>
+		<g>
+			<g>
+				<path class="st2" d="M17,546.9c-6.7-2.1-12.4-5-17-8.8l6.1-13.3c4.8,3.7,9.9,6.4,15.2,8.1c5.3,1.7,11.1,2.5,17.3,2.5
+					c6.9,0,12.2-1.2,15.9-3.6c3.7-2.4,5.6-5.8,5.6-10.1c0-3.8-1.7-6.7-5.2-8.6c-3.4-2-9.2-3.9-17.2-5.7c-8.3-1.8-15.1-3.9-20.2-6.2
+					c-5.2-2.4-9.1-5.4-11.7-9.1c-2.6-3.7-4-8.4-4-14c0-5.8,1.6-11.1,4.8-15.7c3.2-4.6,7.7-8.2,13.6-10.8c5.9-2.6,12.6-3.9,20.2-3.9
+					c7,0,13.6,1.1,20,3.2c6.3,2.1,11.5,5,15.6,8.7l-6.1,13.3c-8.9-7.1-18.7-10.6-29.4-10.6c-6.4,0-11.5,1.3-15.2,3.9
+					c-3.7,2.6-5.6,6.2-5.6,10.8c0,3.9,1.6,6.8,5,8.9c3.3,2.1,8.9,4,16.8,5.8c8.4,1.9,15.2,4,20.5,6.3c5.2,2.3,9.2,5.3,12,8.8
+					c2.8,3.6,4.2,8.1,4.2,13.6c0,5.9-1.6,11.2-4.7,15.6c-3.2,4.5-7.7,7.9-13.7,10.3c-6,2.4-13,3.6-21.2,3.6
+					C30.9,550,23.7,549,17,546.9"/>
+				<path class="st2" d="M134.3,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20v-30.1
+					H83.9v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C129.9,536.6,132.1,536.4,134.3,536.1"/>
+				<path class="st2" d="M205.4,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+					c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.7,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+					c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+					V517.3z M163.6,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+					C170.2,490.3,166.4,491.8,163.6,494.8"/>
+				<path class="st2" d="M319.6,484.8c3.9,4.7,5.8,11.8,5.8,21.4v42.5h-17.7V507c0-5.3-0.9-9.1-2.7-11.5c-1.8-2.4-4.7-3.6-8.6-3.6
+					c-4.7,0-8.4,1.6-11,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7V507c0-5.3-0.9-9.1-2.6-11.5c-1.7-2.4-4.6-3.6-8.7-3.6
+					c-4.6,0-8.3,1.6-10.9,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7v-69.2h17.3v9.8c2.1-3.8,5-6.6,8.6-8.6c3.7-1.9,7.9-2.9,12.6-2.9
+					c10.5,0,17.4,4.3,20.8,13c2.2-4.1,5.3-7.2,9.3-9.6c4.1-2.3,8.6-3.5,13.6-3.5C309.9,477.8,315.7,480.1,319.6,484.8"/>
+				<polygon class="st2" points="430.3,479.7 447.7,479.7 417.4,548.7 402,548.7 372,479.7 390.7,479.7 410.2,528.5 				"/>
+				<path class="st2" d="M506.6,484.9c4.7,4.7,7.1,12,7.1,21.8v42h-16.8v-10.6c-1.6,3.7-4.1,6.6-7.6,8.6c-3.4,2.1-7.4,3.1-12,3.1
+					c-4.6,0-8.8-0.9-12.6-2.8c-3.8-1.9-6.7-4.5-8.9-7.8c-2.2-3.3-3.3-7-3.3-11c0-5.1,1.3-9.1,3.9-12c2.6-2.9,6.8-5,12.7-6.4
+					c5.9-1.3,13.9-2,24.2-2h3.5v-3.3c0-4.7-1-8.1-3-10.2c-2-2.1-5.4-3.1-10.1-3.1c-3.7,0-7.5,0.6-11.5,1.9c-4,1.3-8,3-11.8,5.3
+					l-5-12.2c3.9-2.5,8.5-4.5,14-6.1c5.5-1.6,10.7-2.4,15.6-2.4C494.7,477.8,501.9,480.2,506.6,484.9 M492.4,532.4
+					c3-3.2,4.5-7.2,4.5-12.2v-3h-2.5c-6.3,0-11.2,0.3-14.7,0.8c-3.5,0.6-6,1.6-7.5,3c-1.5,1.4-2.3,3.4-2.3,5.8c0,3,1,5.5,3.1,7.4
+					c2.1,1.9,4.7,2.9,7.9,2.9C485.5,537.1,489.4,535.5,492.4,532.4"/>
+				<path class="st2" d="M590.4,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+					c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-69.2h17.3v10.3c2.4-3.9,5.5-6.8,9.5-8.9
+					c4-2.1,8.4-3.1,13.4-3.1C580.1,477.8,586.3,480.2,590.4,484.9"/>
+				<path class="st2" d="M711.6,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+					c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-99.8h17.7v40.2c2.4-3.7,5.5-6.5,9.4-8.4
+					c3.9-1.9,8.3-2.9,13.1-2.9C701.3,477.8,707.5,480.2,711.6,484.9"/>
+				<path class="st2" d="M796.3,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+					c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.6,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+					c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+					V517.3z M754.5,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+					C761.2,490.3,757.4,491.8,754.5,494.8"/>
+				<path class="st2" d="M851.7,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20v-30.1
+					h-13.3v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C847.2,536.6,849.4,536.4,851.7,536.1"/>
+				<path class="st2" d="M985.2,494.8v47.8c-4.5,2.3-10,4.1-16.5,5.4c-6.5,1.3-13,2-19.7,2c-10.3,0-19.2-2.1-26.8-6.2
+					c-7.6-4.1-13.3-10-17.3-17.7c-4-7.7-6-16.8-6-27.4c0-10.5,2-19.6,6-27.2c4-7.7,9.7-13.6,17.1-17.7c7.4-4.1,16.1-6.2,26.1-6.2
+					c7,0,13.5,1,19.7,3c6.1,2,11.2,4.9,15.3,8.7l-6.1,13.2c-4.6-3.6-9.2-6.2-13.7-7.7c-4.5-1.6-9.4-2.3-14.8-2.3
+					c-10.3,0-18,3-23.3,9.1c-5.2,6.1-7.9,15.1-7.9,27.1c0,24.5,10.8,36.8,32.3,36.8c6.4,0,12.8-0.9,19.3-2.7v-25.1h-21.5v-13H985.2z
+					"/>
+				<path class="st2" d="M1017.1,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+					c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+					c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+					C1028.6,549.9,1022.4,548.4,1017.1,545.5 M1048.7,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+					c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+					C1041.3,536.1,1045.7,534.2,1048.7,530.5"/>
+				<path class="st2" d="M1098.5,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+					c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+					c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+					C1110,549.9,1103.8,548.4,1098.5,545.5 M1130.1,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+					c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+					C1122.7,536.1,1127.1,534.2,1130.1,530.5"/>
+				<path class="st2" d="M1165.9,447.4h19.5v17.4h-19.5V447.4z M1166.9,479.5h17.7v69.2h-17.7V479.5z"/>
+			</g>
+		</g>
+	</g>
+	<path class="st2" d="M15.1,363.1h90.5c8.3,0,15.1-6.7,15.1-15.1v-45.2l40.6,48.6c7.5,7.5,17.7,11.7,28.3,11.7h97
+		c8.3,0,15.1-6.7,15.1-15.1V76.6c0-8.3-6.7-15.1-15.1-15.1H196c-8.3,0-15.1,6.7-15.1,15.1v45.2l-40.6-48.6
+		c-7.5-7.5-17.7-11.7-28.3-11.7h-97C6.8,61.5,0,68.3,0,76.6V348C0,356.3,6.8,363.1,15.1,363.1z M54.3,130.9c0-5,4.1-9,9-9h48.2
+		c5,0,9,4.1,9,9v51.3H181l0-60.3h57.3c5,0,9,4.1,9,9v162.8c0,5-4,9-9,9H190c-5,0-9-4-9-9v-51.3h-60.4v60.3H63.3c-5,0-9-4-9-9V130.9z
+		"/>
+	<path class="st2" d="M411.9,424.7c4.2,0,7.6-3.4,7.6-7.6V7.6c0-4.2-3.4-7.6-7.6-7.6c-4.2,0-7.6,3.4-7.6,7.6v409.6
+		C404.4,421.3,407.7,424.7,411.9,424.7z"/>
+	<path class="st2" d="M1169.9,61.5h-632c-8.6,0-15.6,7-15.6,15.6v270.3c0,8.6,7,15.6,15.6,15.6h632c8.6,0,15.6-7,15.6-15.6V77.1
+		C1185.4,68.5,1178.5,61.5,1169.9,61.5z M745,291.9c-8.4,4.2-18.5,7.5-30.4,9.9c-11.9,2.4-24.1,3.7-36.5,3.7
+		c-19,0-35.4-3.8-49.4-11.4c-13.9-7.6-24.6-18.5-32-32.7c-7.4-14.2-11.1-31-11.1-50.6c0-19.3,3.7-36.1,11.1-50.3
+		c7.4-14.2,17.9-25.1,31.6-32.7c13.7-7.6,29.7-11.4,48.2-11.4c12.9,0,25,1.9,36.3,5.6c11.3,3.7,20.7,9.1,28.2,16.1l-11.2,24.3
+		c-8.5-6.6-16.9-11.4-25.2-14.2c-8.3-2.9-17.4-4.3-27.3-4.3c-19,0-33.3,5.6-43,16.9c-9.7,11.2-14.5,27.9-14.5,50
+		c0,45.3,19.9,67.9,59.6,67.9c11.8,0,23.7-1.7,35.5-5v-46.2h-39.7v-24H745V291.9z M895.4,273.9c-5.3,10.1-12.9,17.9-22.7,23.3
+		c-9.8,5.4-21.3,8.1-34.4,8.1c-13.1,0-24.5-2.7-34.4-8.1c-9.8-5.4-17.5-13.1-22.9-23.3c-5.4-10.1-8.1-21.9-8.1-35.3
+		c0-13.4,2.7-25.1,8.1-35.1c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1c13.1,0,24.5,2.7,34.4,8.1
+		c9.8,5.4,17.4,13.1,22.7,23.1c5.3,10,8,21.7,8,35.1C903.4,252,900.7,263.8,895.4,273.9z M1045.6,273.9
+		c-5.3,10.1-12.9,17.9-22.7,23.3c-9.8,5.4-21.3,8.1-34.4,8.1c-13.1,0-24.5-2.7-34.4-8.1c-9.8-5.4-17.5-13.1-22.9-23.3
+		c-5.4-10.1-8.1-21.9-8.1-35.3c0-13.4,2.7-25.1,8.1-35.1c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1
+		c13.1,0,24.5,2.7,34.4,8.1c9.8,5.4,17.4,13.1,22.7,23.1c5.3,10,8,21.7,8,35.1C1053.6,252,1051,263.8,1045.6,273.9z M1113.2,303.1
+		h-32.7V175.4h32.7V303.1z M1114.8,153h-36.1v-32.1h36.1V153z"/>
+	<path class="st2" d="M838.3,197.3c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8
+		c5.6,7,13.6,10.5,24,10.5c10.6,0,18.7-3.5,24.3-10.5c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7
+		C856.8,200.8,848.8,197.3,838.3,197.3z"/>
+	<path class="st2" d="M988.6,197.3c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8
+		c5.6,7,13.6,10.5,24,10.5c10.6,0,18.7-3.5,24.3-10.5c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7
+		C1007,200.8,999,197.3,988.6,197.3z"/>
+</g>
+</svg>

public/images/logo-NHGooi-slogan.svg

@@ -0,0 +1,227 @@
+<?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" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 1190 550" style="enable-background:new 0 0 1190 550;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#0017A0;}
+	.st2{display:none;}
+	.st3{display:inline;}
+	.st4{display:inline;fill:#FFFFFF;}
+</style>
+<g id="Layer_1">
+	<g>
+		<g>
+			<g>
+				<g>
+					<defs>
+						<path id="SVGID_7_" d="M196,61.5c-8.3,0-15.1,6.7-15.1,15.1v45.2l-40.6-48.6c-7.5-7.5-17.7-11.7-28.3-11.7h-97
+							C6.8,61.5,0,68.3,0,76.6V348c0,8.3,6.8,15.1,15.1,15.1h90.5c8.3,0,15.1-6.7,15.1-15.1v-45.2l40.6,48.6
+							c7.5,7.5,17.7,11.7,28.3,11.7h97c8.3,0,15.1-6.7,15.1-15.1V76.6c0-8.3-6.7-15.1-15.1-15.1H196z"/>
+					</defs>
+					<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="212.311" x2="301.5229" y2="212.311">
+						<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="M247.2,293.7c0,5-4,9-9,9H190c-5,0-9-4-9-9v-51.3h-60.4v60.3H63.3c-5,0-9-4-9-9V130.9c0-5,4.1-9,9-9h48.2
+					c5,0,9,4.1,9,9v51.3H181l0-60.3h57.3c5,0,9,4.1,9,9V293.7z"/>
+			</g>
+			<path class="st1" d="M411.9,424.7c-4.2,0-7.6-3.4-7.6-7.6V7.6c0-4.2,3.4-7.6,7.6-7.6c4.2,0,7.6,3.4,7.6,7.6v409.6
+				C419.5,421.3,416.1,424.7,411.9,424.7"/>
+			<g>
+				<defs>
+					<path id="SVGID_10_" d="M537.9,61.5c-8.6,0-15.6,7-15.6,15.6v270.3c0,8.6,7,15.6,15.6,15.6h632c8.6,0,15.6-7,15.6-15.6V77.1
+						c0-8.6-7-15.6-15.6-15.6H537.9z"/>
+				</defs>
+				<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="522.2867" y1="212.311" x2="1185.446" y2="212.311">
+					<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>
+			<g>
+				<path class="st0" d="M745,203.6v88.3c-8.4,4.2-18.5,7.5-30.4,9.9c-11.9,2.4-24.1,3.7-36.5,3.7c-19,0-35.4-3.8-49.4-11.4
+					c-13.9-7.6-24.6-18.5-32-32.7c-7.4-14.2-11.1-31-11.1-50.6c0-19.3,3.7-36.1,11.1-50.3c7.4-14.2,17.9-25.1,31.6-32.7
+					c13.7-7.6,29.7-11.4,48.2-11.4c12.9,0,25,1.9,36.3,5.6c11.3,3.7,20.7,9.1,28.2,16.1l-11.2,24.3c-8.5-6.6-16.9-11.4-25.2-14.2
+					c-8.3-2.9-17.4-4.3-27.3-4.3c-19,0-33.3,5.6-43,16.9c-9.7,11.2-14.5,27.9-14.5,50c0,45.3,19.9,67.9,59.6,67.9
+					c11.8,0,23.7-1.7,35.5-5v-46.2h-39.7v-24H745z"/>
+				<path class="st0" d="M804,297.1c-9.8-5.4-17.5-13.2-22.9-23.3c-5.4-10.1-8.1-21.9-8.1-35.3c0-13.4,2.7-25.1,8.1-35.1
+					c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1c13.1,0,24.5,2.7,34.4,8.1c9.8,5.4,17.4,13.1,22.7,23.1
+					c5.3,10,8,21.7,8,35.1c0,13.4-2.7,25.2-8,35.3c-5.3,10.1-12.9,17.9-22.7,23.3c-9.8,5.4-21.3,8.1-34.4,8.1
+					C825.3,305.2,813.8,302.5,804,297.1 M862.4,269.4c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7c-5.6-7.1-13.6-10.6-24-10.6
+					c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8c5.6,7,13.6,10.5,24,10.5
+					C848.7,279.9,856.8,276.4,862.4,269.4"/>
+				<path class="st0" d="M954.2,297.1c-9.8-5.4-17.5-13.2-22.9-23.3c-5.4-10.1-8.1-21.9-8.1-35.3c0-13.4,2.7-25.1,8.1-35.1
+					c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1c13.1,0,24.5,2.7,34.4,8.1c9.8,5.4,17.4,13.1,22.7,23.1
+					c5.3,10,8,21.7,8,35.1c0,13.4-2.7,25.2-8,35.3c-5.3,10.1-12.9,17.9-22.7,23.3c-9.8,5.4-21.3,8.1-34.4,8.1
+					C975.5,305.2,964,302.5,954.2,297.1 M1012.6,269.4c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7
+					c-5.6-7.1-13.6-10.6-24-10.6c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8
+					c5.6,7,13.6,10.5,24,10.5C998.9,279.9,1007,276.4,1012.6,269.4"/>
+				<path class="st0" d="M1078.7,120.8h36.1V153h-36.1V120.8z M1080.5,175.4h32.7v127.8h-32.7V175.4z"/>
+			</g>
+		</g>
+		<g>
+			<g>
+				<g>
+					<path class="st1" d="M17,546.9c-6.7-2.1-12.4-5-17-8.8l6.1-13.3c4.8,3.7,9.9,6.4,15.2,8.1c5.3,1.7,11.1,2.5,17.3,2.5
+						c6.9,0,12.2-1.2,15.9-3.6c3.7-2.4,5.6-5.8,5.6-10.1c0-3.8-1.7-6.7-5.2-8.6c-3.4-2-9.2-3.9-17.2-5.7c-8.3-1.8-15.1-3.9-20.2-6.2
+						c-5.2-2.4-9.1-5.4-11.7-9.1c-2.6-3.7-4-8.4-4-14c0-5.8,1.6-11.1,4.8-15.7c3.2-4.6,7.7-8.2,13.6-10.8c5.9-2.6,12.6-3.9,20.2-3.9
+						c7,0,13.6,1.1,20,3.2c6.3,2.1,11.5,5,15.6,8.7l-6.1,13.3c-8.9-7.1-18.7-10.6-29.4-10.6c-6.4,0-11.5,1.3-15.2,3.9
+						c-3.7,2.6-5.6,6.2-5.6,10.8c0,3.9,1.6,6.8,5,8.9c3.3,2.1,8.9,4,16.8,5.8c8.4,1.9,15.2,4,20.5,6.3c5.2,2.3,9.2,5.3,12,8.8
+						c2.8,3.6,4.2,8.1,4.2,13.6c0,5.9-1.6,11.2-4.7,15.6c-3.2,4.5-7.7,7.9-13.7,10.3c-6,2.4-13,3.6-21.2,3.6
+						C30.9,550,23.7,549,17,546.9"/>
+					<path class="st1" d="M134.3,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20
+						v-30.1H83.9v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C129.9,536.6,132.1,536.4,134.3,536.1"
+						/>
+					<path class="st1" d="M205.4,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+						c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.7,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+						c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+						V517.3z M163.6,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+						C170.2,490.3,166.4,491.8,163.6,494.8"/>
+					<path class="st1" d="M319.6,484.8c3.9,4.7,5.8,11.8,5.8,21.4v42.5h-17.7V507c0-5.3-0.9-9.1-2.7-11.5c-1.8-2.4-4.7-3.6-8.6-3.6
+						c-4.7,0-8.4,1.6-11,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7V507c0-5.3-0.9-9.1-2.6-11.5c-1.7-2.4-4.6-3.6-8.7-3.6
+						c-4.6,0-8.3,1.6-10.9,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7v-69.2h17.3v9.8c2.1-3.8,5-6.6,8.6-8.6c3.7-1.9,7.9-2.9,12.6-2.9
+						c10.5,0,17.4,4.3,20.8,13c2.2-4.1,5.3-7.2,9.3-9.6c4.1-2.3,8.6-3.5,13.6-3.5C309.9,477.8,315.7,480.1,319.6,484.8"/>
+					<polygon class="st1" points="430.3,479.7 447.7,479.7 417.4,548.7 402,548.7 372,479.7 390.7,479.7 410.2,528.5 					"/>
+					<path class="st1" d="M506.6,484.9c4.7,4.7,7.1,12,7.1,21.8v42h-16.8v-10.6c-1.6,3.7-4.1,6.6-7.6,8.6c-3.4,2.1-7.4,3.1-12,3.1
+						c-4.6,0-8.8-0.9-12.6-2.8c-3.8-1.9-6.7-4.5-8.9-7.8c-2.2-3.3-3.3-7-3.3-11c0-5.1,1.3-9.1,3.9-12c2.6-2.9,6.8-5,12.7-6.4
+						c5.9-1.3,13.9-2,24.2-2h3.5v-3.3c0-4.7-1-8.1-3-10.2c-2-2.1-5.4-3.1-10.1-3.1c-3.7,0-7.5,0.6-11.5,1.9c-4,1.3-8,3-11.8,5.3
+						l-5-12.2c3.9-2.5,8.5-4.5,14-6.1c5.5-1.6,10.7-2.4,15.6-2.4C494.7,477.8,501.9,480.2,506.6,484.9 M492.4,532.4
+						c3-3.2,4.5-7.2,4.5-12.2v-3h-2.5c-6.3,0-11.2,0.3-14.7,0.8c-3.5,0.6-6,1.6-7.5,3c-1.5,1.4-2.3,3.4-2.3,5.8c0,3,1,5.5,3.1,7.4
+						c2.1,1.9,4.7,2.9,7.9,2.9C485.5,537.1,489.4,535.5,492.4,532.4"/>
+					<path class="st1" d="M590.4,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+						c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-69.2h17.3v10.3c2.4-3.9,5.5-6.8,9.5-8.9
+						c4-2.1,8.4-3.1,13.4-3.1C580.1,477.8,586.3,480.2,590.4,484.9"/>
+					<path class="st1" d="M711.6,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+						c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-99.8h17.7v40.2c2.4-3.7,5.5-6.5,9.4-8.4
+						c3.9-1.9,8.3-2.9,13.1-2.9C701.3,477.8,707.5,480.2,711.6,484.9"/>
+					<path class="st1" d="M796.3,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+						c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.6,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+						c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+						V517.3z M754.5,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+						C761.2,490.3,757.4,491.8,754.5,494.8"/>
+					<path class="st1" d="M851.7,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20
+						v-30.1h-13.3v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C847.2,536.6,849.4,536.4,851.7,536.1"
+						/>
+					<path class="st1" d="M985.2,494.8v47.8c-4.5,2.3-10,4.1-16.5,5.4c-6.5,1.3-13,2-19.7,2c-10.3,0-19.2-2.1-26.8-6.2
+						c-7.6-4.1-13.3-10-17.3-17.7c-4-7.7-6-16.8-6-27.4c0-10.5,2-19.6,6-27.2c4-7.7,9.7-13.6,17.1-17.7c7.4-4.1,16.1-6.2,26.1-6.2
+						c7,0,13.5,1,19.7,3c6.1,2,11.2,4.9,15.3,8.7l-6.1,13.2c-4.6-3.6-9.2-6.2-13.7-7.7c-4.5-1.6-9.4-2.3-14.8-2.3
+						c-10.3,0-18,3-23.3,9.1c-5.2,6.1-7.9,15.1-7.9,27.1c0,24.5,10.8,36.8,32.3,36.8c6.4,0,12.8-0.9,19.3-2.7v-25.1h-21.5v-13H985.2
+						z"/>
+					<path class="st1" d="M1017.1,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+						c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+						c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+						C1028.6,549.9,1022.4,548.4,1017.1,545.5 M1048.7,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+						c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+						C1041.3,536.1,1045.7,534.2,1048.7,530.5"/>
+					<path class="st1" d="M1098.5,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+						c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+						c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+						C1110,549.9,1103.8,548.4,1098.5,545.5 M1130.1,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+						c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+						C1122.7,536.1,1127.1,534.2,1130.1,530.5"/>
+					<path class="st1" d="M1165.9,447.4h19.5v17.4h-19.5V447.4z M1166.9,479.5h17.7v69.2h-17.7V479.5z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</g>
+<g id="Layer_1_copy" class="st2">
+	<g class="st3">
+		<g>
+			<g>
+				<path class="st0" d="M17,546.9c-6.7-2.1-12.4-5-17-8.8l6.1-13.3c4.8,3.7,9.9,6.4,15.2,8.1c5.3,1.7,11.1,2.5,17.3,2.5
+					c6.9,0,12.2-1.2,15.9-3.6c3.7-2.4,5.6-5.8,5.6-10.1c0-3.8-1.7-6.7-5.2-8.6c-3.4-2-9.2-3.9-17.2-5.7c-8.3-1.8-15.1-3.9-20.2-6.2
+					c-5.2-2.4-9.1-5.4-11.7-9.1c-2.6-3.7-4-8.4-4-14c0-5.8,1.6-11.1,4.8-15.7c3.2-4.6,7.7-8.2,13.6-10.8c5.9-2.6,12.6-3.9,20.2-3.9
+					c7,0,13.6,1.1,20,3.2c6.3,2.1,11.5,5,15.6,8.7l-6.1,13.3c-8.9-7.1-18.7-10.6-29.4-10.6c-6.4,0-11.5,1.3-15.2,3.9
+					c-3.7,2.6-5.6,6.2-5.6,10.8c0,3.9,1.6,6.8,5,8.9c3.3,2.1,8.9,4,16.8,5.8c8.4,1.9,15.2,4,20.5,6.3c5.2,2.3,9.2,5.3,12,8.8
+					c2.8,3.6,4.2,8.1,4.2,13.6c0,5.9-1.6,11.2-4.7,15.6c-3.2,4.5-7.7,7.9-13.7,10.3c-6,2.4-13,3.6-21.2,3.6
+					C30.9,550,23.7,549,17,546.9"/>
+				<path class="st0" d="M134.3,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20v-30.1
+					H83.9v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C129.9,536.6,132.1,536.4,134.3,536.1"/>
+				<path class="st0" d="M205.4,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+					c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.7,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+					c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+					V517.3z M163.6,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+					C170.2,490.3,166.4,491.8,163.6,494.8"/>
+				<path class="st0" d="M319.6,484.8c3.9,4.7,5.8,11.8,5.8,21.4v42.5h-17.7V507c0-5.3-0.9-9.1-2.7-11.5c-1.8-2.4-4.7-3.6-8.6-3.6
+					c-4.7,0-8.4,1.6-11,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7V507c0-5.3-0.9-9.1-2.6-11.5c-1.7-2.4-4.6-3.6-8.7-3.6
+					c-4.6,0-8.3,1.6-10.9,4.8c-2.6,3.2-4,7.7-4,13.4v38.6h-17.7v-69.2h17.3v9.8c2.1-3.8,5-6.6,8.6-8.6c3.7-1.9,7.9-2.9,12.6-2.9
+					c10.5,0,17.4,4.3,20.8,13c2.2-4.1,5.3-7.2,9.3-9.6c4.1-2.3,8.6-3.5,13.6-3.5C309.9,477.8,315.7,480.1,319.6,484.8"/>
+				<polygon class="st0" points="430.3,479.7 447.7,479.7 417.4,548.7 402,548.7 372,479.7 390.7,479.7 410.2,528.5 				"/>
+				<path class="st0" d="M506.6,484.9c4.7,4.7,7.1,12,7.1,21.8v42h-16.8v-10.6c-1.6,3.7-4.1,6.6-7.6,8.6c-3.4,2.1-7.4,3.1-12,3.1
+					c-4.6,0-8.8-0.9-12.6-2.8c-3.8-1.9-6.7-4.5-8.9-7.8c-2.2-3.3-3.3-7-3.3-11c0-5.1,1.3-9.1,3.9-12c2.6-2.9,6.8-5,12.7-6.4
+					c5.9-1.3,13.9-2,24.2-2h3.5v-3.3c0-4.7-1-8.1-3-10.2c-2-2.1-5.4-3.1-10.1-3.1c-3.7,0-7.5,0.6-11.5,1.9c-4,1.3-8,3-11.8,5.3
+					l-5-12.2c3.9-2.5,8.5-4.5,14-6.1c5.5-1.6,10.7-2.4,15.6-2.4C494.7,477.8,501.9,480.2,506.6,484.9 M492.4,532.4
+					c3-3.2,4.5-7.2,4.5-12.2v-3h-2.5c-6.3,0-11.2,0.3-14.7,0.8c-3.5,0.6-6,1.6-7.5,3c-1.5,1.4-2.3,3.4-2.3,5.8c0,3,1,5.5,3.1,7.4
+					c2.1,1.9,4.7,2.9,7.9,2.9C485.5,537.1,489.4,535.5,492.4,532.4"/>
+				<path class="st0" d="M590.4,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+					c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-69.2h17.3v10.3c2.4-3.9,5.5-6.8,9.5-8.9
+					c4-2.1,8.4-3.1,13.4-3.1C580.1,477.8,586.3,480.2,590.4,484.9"/>
+				<path class="st0" d="M711.6,484.9c4.1,4.7,6.1,11.8,6.1,21.4v42.5h-17.7v-41.5c0-5.4-1-9.3-3-11.7c-2-2.5-5.2-3.7-9.6-3.7
+					c-5.1,0-9.2,1.6-12.2,4.8c-3.1,3.2-4.6,7.5-4.6,12.9v39.2h-17.7v-99.8h17.7v40.2c2.4-3.7,5.5-6.5,9.4-8.4
+					c3.9-1.9,8.3-2.9,13.1-2.9C701.3,477.8,707.5,480.2,711.6,484.9"/>
+				<path class="st0" d="M796.3,517.3h-47.1c0.6,6.4,2.5,11.2,5.8,14.3c3.3,3.1,8,4.7,14.2,4.7c7.6,0,14.6-2.5,20.9-7.4l5.1,12.2
+					c-3.2,2.6-7.2,4.8-12.1,6.4c-4.9,1.6-9.7,2.4-14.6,2.4c-11.3,0-20.3-3.2-26.8-9.6c-6.6-6.4-9.8-15.2-9.8-26.3
+					c0-7.1,1.4-13.4,4.2-18.8c2.8-5.5,6.8-9.7,12-12.7c5.1-3,11-4.5,17.5-4.5c9.5,0,17.1,3.1,22.6,9.2c5.5,6.1,8.3,14.6,8.3,25.3
+					V517.3z M754.5,494.8c-2.9,3-4.6,7.4-5.3,13h32c-0.2-5.8-1.6-10.1-4.2-13.1c-2.6-3-6.3-4.5-11-4.5
+					C761.2,490.3,757.4,491.8,754.5,494.8"/>
+				<path class="st0" d="M851.7,536.1l-0.8,13.2c-2.8,0.3-5.4,0.4-7.8,0.4c-9.7,0-16.9-2.2-21.5-6.7c-4.6-4.5-6.9-11.2-6.9-20v-30.1
+					h-13.3v-13.3h13.3v-20.7h17.7v20.7h18.3v13.3h-18.3v29.9c0,9.2,4.3,13.9,12.9,13.9C847.2,536.6,849.4,536.4,851.7,536.1"/>
+				<path class="st0" d="M985.2,494.8v47.8c-4.5,2.3-10,4.1-16.5,5.4c-6.5,1.3-13,2-19.7,2c-10.3,0-19.2-2.1-26.8-6.2
+					c-7.6-4.1-13.3-10-17.3-17.7c-4-7.7-6-16.8-6-27.4c0-10.5,2-19.6,6-27.2c4-7.7,9.7-13.6,17.1-17.7c7.4-4.1,16.1-6.2,26.1-6.2
+					c7,0,13.5,1,19.7,3c6.1,2,11.2,4.9,15.3,8.7l-6.1,13.2c-4.6-3.6-9.2-6.2-13.7-7.7c-4.5-1.6-9.4-2.3-14.8-2.3
+					c-10.3,0-18,3-23.3,9.1c-5.2,6.1-7.9,15.1-7.9,27.1c0,24.5,10.8,36.8,32.3,36.8c6.4,0,12.8-0.9,19.3-2.7v-25.1h-21.5v-13H985.2z
+					"/>
+				<path class="st0" d="M1017.1,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+					c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+					c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+					C1028.6,549.9,1022.4,548.4,1017.1,545.5 M1048.7,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+					c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+					C1041.3,536.1,1045.7,534.2,1048.7,530.5"/>
+				<path class="st0" d="M1098.5,545.5c-5.3-2.9-9.5-7.1-12.4-12.6c-2.9-5.5-4.4-11.8-4.4-19.1c0-7.3,1.5-13.6,4.4-19
+					c2.9-5.4,7.1-9.6,12.4-12.5c5.3-2.9,11.5-4.4,18.6-4.4c7.1,0,13.3,1.5,18.6,4.4c5.3,2.9,9.4,7.1,12.3,12.5
+					c2.9,5.4,4.3,11.8,4.3,19c0,7.3-1.4,13.6-4.3,19.1c-2.9,5.5-7,9.7-12.3,12.6c-5.3,2.9-11.5,4.4-18.6,4.4
+					C1110,549.9,1103.8,548.4,1098.5,545.5 M1130.1,530.5c3-3.8,4.5-9.3,4.5-16.7c0-7.3-1.5-12.8-4.5-16.6c-3-3.8-7.4-5.7-13-5.7
+					c-5.7,0-10,1.9-13.1,5.7c-3.1,3.8-4.6,9.4-4.6,16.6c0,7.4,1.5,12.9,4.5,16.7c3,3.8,7.4,5.7,13,5.7
+					C1122.7,536.1,1127.1,534.2,1130.1,530.5"/>
+				<path class="st0" d="M1165.9,447.4h19.5v17.4h-19.5V447.4z M1166.9,479.5h17.7v69.2h-17.7V479.5z"/>
+			</g>
+		</g>
+	</g>
+	<path class="st4" d="M15.1,363.1h90.5c8.3,0,15.1-6.7,15.1-15.1v-45.2l40.6,48.6c7.5,7.5,17.7,11.7,28.3,11.7h97
+		c8.3,0,15.1-6.7,15.1-15.1V76.6c0-8.3-6.7-15.1-15.1-15.1H196c-8.3,0-15.1,6.7-15.1,15.1v45.2l-40.6-48.6
+		c-7.5-7.5-17.7-11.7-28.3-11.7h-97C6.8,61.5,0,68.3,0,76.6V348C0,356.3,6.8,363.1,15.1,363.1z M54.3,130.9c0-5,4.1-9,9-9h48.2
+		c5,0,9,4.1,9,9v51.3H181l0-60.3h57.3c5,0,9,4.1,9,9v162.8c0,5-4,9-9,9H190c-5,0-9-4-9-9v-51.3h-60.4v60.3H63.3c-5,0-9-4-9-9V130.9z
+		"/>
+	<path class="st4" d="M411.9,424.7c4.2,0,7.6-3.4,7.6-7.6V7.6c0-4.2-3.4-7.6-7.6-7.6c-4.2,0-7.6,3.4-7.6,7.6v409.6
+		C404.4,421.3,407.7,424.7,411.9,424.7z"/>
+	<path class="st4" d="M1169.9,61.5h-632c-8.6,0-15.6,7-15.6,15.6v270.3c0,8.6,7,15.6,15.6,15.6h632c8.6,0,15.6-7,15.6-15.6V77.1
+		C1185.4,68.5,1178.5,61.5,1169.9,61.5z M745,291.9c-8.4,4.2-18.5,7.5-30.4,9.9c-11.9,2.4-24.1,3.7-36.5,3.7
+		c-19,0-35.4-3.8-49.4-11.4c-13.9-7.6-24.6-18.5-32-32.7c-7.4-14.2-11.1-31-11.1-50.6c0-19.3,3.7-36.1,11.1-50.3
+		c7.4-14.2,17.9-25.1,31.6-32.7c13.7-7.6,29.7-11.4,48.2-11.4c12.9,0,25,1.9,36.3,5.6c11.3,3.7,20.7,9.1,28.2,16.1l-11.2,24.3
+		c-8.5-6.6-16.9-11.4-25.2-14.2c-8.3-2.9-17.4-4.3-27.3-4.3c-19,0-33.3,5.6-43,16.9c-9.7,11.2-14.5,27.9-14.5,50
+		c0,45.3,19.9,67.9,59.6,67.9c11.8,0,23.7-1.7,35.5-5v-46.2h-39.7v-24H745V291.9z M895.4,273.9c-5.3,10.1-12.9,17.9-22.7,23.3
+		c-9.8,5.4-21.3,8.1-34.4,8.1c-13.1,0-24.5-2.7-34.4-8.1c-9.8-5.4-17.5-13.1-22.9-23.3c-5.4-10.1-8.1-21.9-8.1-35.3
+		c0-13.4,2.7-25.1,8.1-35.1c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1c13.1,0,24.5,2.7,34.4,8.1
+		c9.8,5.4,17.4,13.1,22.7,23.1c5.3,10,8,21.7,8,35.1C903.4,252,900.7,263.8,895.4,273.9z M1045.6,273.9
+		c-5.3,10.1-12.9,17.9-22.7,23.3c-9.8,5.4-21.3,8.1-34.4,8.1c-13.1,0-24.5-2.7-34.4-8.1c-9.8-5.4-17.5-13.1-22.9-23.3
+		c-5.4-10.1-8.1-21.9-8.1-35.3c0-13.4,2.7-25.1,8.1-35.1c5.4-10,13-17.7,22.9-23.1c9.8-5.4,21.3-8.1,34.4-8.1
+		c13.1,0,24.5,2.7,34.4,8.1c9.8,5.4,17.4,13.1,22.7,23.1c5.3,10,8,21.7,8,35.1C1053.6,252,1051,263.8,1045.6,273.9z M1113.2,303.1
+		h-32.7V175.4h32.7V303.1z M1114.8,153h-36.1v-32.1h36.1V153z"/>
+	<path class="st4" d="M838.3,197.3c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8
+		c5.6,7,13.6,10.5,24,10.5c10.6,0,18.7-3.5,24.3-10.5c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7
+		C856.8,200.8,848.8,197.3,838.3,197.3z"/>
+	<path class="st4" d="M988.6,197.3c-10.5,0-18.5,3.5-24.2,10.6c-5.7,7.1-8.5,17.3-8.5,30.7c0,13.6,2.8,23.9,8.4,30.8
+		c5.6,7,13.6,10.5,24,10.5c10.6,0,18.7-3.5,24.3-10.5c5.6-7,8.4-17.2,8.4-30.8c0-13.4-2.8-23.6-8.4-30.7
+		C1007,200.8,999,197.3,988.6,197.3z"/>
+</g>
+</svg>

public/js/functions.js

@@ -1,15 +1,37 @@
+function calculateSize(targetId, tries) {
+  if (tries == undefined) {
+    tries = 0;
+  }
+  setTimeout(function(){
+    if (($('#' + targetId).children(":first").height() == 0 || $('#' + targetId).children(":first").width() == 0) && tries < 4) {
+      calculateSize(targetId, tries + 1);
+    } else {
+      $('#' + targetId).height($('#' + targetId).children(":first").height());
+      $('#' + targetId).width($('#' + targetId).children(":first").width());
+    }
+  }, 500);
+  $('#' + targetId).css({backgroundColor: 'transparent'});
+}
+
+$(document).ready(function(){
+  $('#changePreferences, .cc_b_cp').click(function(){
+    $('#title_targeting').parent('li').hide();
+    $('#content_targeting').hide();
+  });
+});
+
 (function ($) {
    /**
    * @param {object} _options
    */
   $.fn.loadMoreNews = function (_options) {
-    var nextPage = 2;
     var isLoading = false;
     var page = 1;
     var options = {
       loadingElementId: '#loading',
       container: '',
-      url: document.location.pathname
+      url: document.location.pathname,
+      nextPage: 2
     };
 
     $.extend(options, _options);
@@ -26,7 +48,7 @@
         var $container = $(options.container)
 
         // Fire request for the next page
-        $.ajax({url: options.url + (options.url.indexOf('?') >= 0 ? '&' : '?') + 'pagina=' + nextPage})
+        $.ajax({url: options.url + (options.url.indexOf('?') >= 0 ? '&' : '?') + 'pagina=' + options.nextPage})
           .always(function () {
             // Whether success or failure, update the UI again
             isLoading = 0;
@@ -45,7 +67,7 @@
               var id = this.toString();
               $(id).append($('<div>'+data+'</div>').find(id).length ? $('<div>'+data+'</div>').find(id).children() : $(data));
             });
-            ++nextPage;
+            ++options.nextPage;
           });
       }
     });
@@ -139,6 +161,74 @@ $(function () {
   });
 });
 
+$(function () {
+  $('.scroll_top').click(function (e) {
+    e.preventDefault();
+    $("html, body").stop().animate({scrollTop: 0}, 500, 'swing');
+  });
+});
+
+(function ($) {
+  /**
+   * @param {object} _options
+   */
+  $.fn.share = function (_options) {
+    var options = {
+      type: '',
+      types: {
+        facebook: {
+          url: 'https://www.facebook.com/sharer/sharer.php?u=',
+          textOption: false
+        },
+        twitter_x: {
+          url: 'https://twitter.com/share?url=',
+          textOption: 'text='
+        },
+      },
+      excerptClass: 'excerpt'
+    };
+
+    $.extend(options, _options);
+
+    this.click(function (e) {
+      e.preventDefault();
+      var type = options.types[options.type];
+      if (options.type == 'native' && navigator.share != undefined) {
+        var text = $('.' + options.excerptClass).text().trim();
+        if (text.length + location.href.length > 278) {
+          text = text.substring(0, 278 - (location.href.length + 3))  + '...';
+        }
+        var data = {
+          url: encodeURI(location.href),
+          text: text,
+          title: $('.page_title').text().trim()
+        };
+        navigator.share(data)
+      }
+      else if (type !== undefined) {
+        var extra = '';
+        if (type.textOption) {
+          var text = $('.' + options.excerptClass).text().trim();
+          if (text.length + location.href.length > 278) {
+            text = text.substring(0, 278 - (location.href.length + 3))  + '...';
+          }
+          extra = '&' + type.textOption + encodeURI(text);
+        }
+        window.open(type.url + encodeURI(location.href) + extra, "pop", "width=600, height=400, scrollbars=no");
+      } else {
+        console.error(options.type + ' is unknown');
+      }
+    });
+  };
+
+}(jQuery));
+
+$(function () {
+  $('[data-share]').each(function () {
+    $(this).share({type: $(this).data('share')});
+  });
+});
+
 (function ($) {
 
   /**

public/js/main.js

@@ -1 +0,0 @@
-

public/site.webmanifest

@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

resources/assets/js/functions/advertisement.js

@@ -0,0 +1,14 @@
+function calculateSize(targetId, tries) {
+  if (tries == undefined) {
+    tries = 0;
+  }
+  setTimeout(function(){
+    if (($('#' + targetId).children(":first").height() == 0 || $('#' + targetId).children(":first").width() == 0) && tries < 4) {
+      calculateSize(targetId, tries + 1);
+    } else {
+      $('#' + targetId).height($('#' + targetId).children(":first").height());
+      $('#' + targetId).width($('#' + targetId).children(":first").width());
+    }
+  }, 500);
+  $('#' + targetId).css({backgroundColor: 'transparent'});
+}

resources/assets/js/functions/cookie.js

@@ -0,0 +1,6 @@
+$(document).ready(function(){
+  $('#changePreferences, .cc_b_cp').click(function(){
+    $('#title_targeting').parent('li').hide();
+    $('#content_targeting').hide();
+  });
+});

resources/assets/js/functions/loadMoreNews.js

@@ -3,13 +3,13 @@
    * @param {object} _options
    */
   $.fn.loadMoreNews = function (_options) {
-    var nextPage = 2;
     var isLoading = false;
     var page = 1;
     var options = {
       loadingElementId: '#loading',
       container: '',
-      url: document.location.pathname
+      url: document.location.pathname,
+      nextPage: 2
     };
 
     $.extend(options, _options);
@@ -26,7 +26,7 @@
         var $container = $(options.container)
 
         // Fire request for the next page
-        $.ajax({url: options.url + (options.url.indexOf('?') >= 0 ? '&' : '?') + 'pagina=' + nextPage})
+        $.ajax({url: options.url + (options.url.indexOf('?') >= 0 ? '&' : '?') + 'pagina=' + options.nextPage})
           .always(function () {
             // Whether success or failure, update the UI again
             isLoading = 0;
@@ -45,7 +45,7 @@
               var id = this.toString();
               $(id).append($('<div>'+data+'</div>').find(id).length ? $('<div>'+data+'</div>').find(id).children() : $(data));
             });
-            ++nextPage;
+            ++options.nextPage;
           });
       }
     });

resources/assets/js/functions/scrollToTop.js

@@ -0,0 +1,6 @@
+$(function () {
+  $('.scroll_top').click(function (e) {
+    e.preventDefault();
+    $("html, body").stop().animate({scrollTop: 0}, 500, 'swing');
+  });
+});

resources/assets/js/functions/share.js

@@ -0,0 +1,60 @@
+(function ($) {
+  /**
+   * @param {object} _options
+   */
+  $.fn.share = function (_options) {
+    var options = {
+      type: '',
+      types: {
+        facebook: {
+          url: 'https://www.facebook.com/sharer/sharer.php?u=',
+          textOption: false
+        },
+        twitter_x: {
+          url: 'https://twitter.com/share?url=',
+          textOption: 'text='
+        },
+      },
+      excerptClass: 'excerpt'
+    };
+
+    $.extend(options, _options);
+
+    this.click(function (e) {
+      e.preventDefault();
+      var type = options.types[options.type];
+      if (options.type == 'native' && navigator.share != undefined) {
+        var text = $('.' + options.excerptClass).text().trim();
+        if (text.length + location.href.length > 278) {
+          text = text.substring(0, 278 - (location.href.length + 3))  + '...';
+        }
+        var data = {
+          url: encodeURI(location.href),
+          text: text,
+          title: $('.page_title').text().trim()
+        };
+        navigator.share(data)
+      }
+      else if (type !== undefined) {
+        var extra = '';
+        if (type.textOption) {
+          var text = $('.' + options.excerptClass).text().trim();
+          if (text.length + location.href.length > 278) {
+            text = text.substring(0, 278 - (location.href.length + 3))  + '...';
+          }
+          extra = '&' + type.textOption + encodeURI(text);
+        }
+        window.open(type.url + encodeURI(location.href) + extra, "pop", "width=600, height=400, scrollbars=no");
+      } else {
+        console.error(options.type + ' is unknown');
+      }
+    });
+  };
+
+}(jQuery));
+
+$(function () {
+  $('[data-share]').each(function () {
+    $(this).share({type: $(this).data('share')});
+  });
+});

resources/assets/sass/abstracts/_mixin.scss

@@ -9,16 +9,26 @@
   padding: 0;
   list-style: none;
 }
-@mixin post_date {
-  display: block;
-  height: 30px;
+@mixin font_base {
   font-family: Nunito, serif;
-  font-size: 12px;
   font-weight: 500;
   line-height: 3.17;
   letter-spacing: normal;
   text-align: left;
-  color: #666;
+}
+@mixin font_normal {
+  @include font_base;
+  font-size: 14px;
+}
+@mixin font_small {
+  @include font_base;
+  font-size: 12px;
+}
+@mixin post_date {
+  @include font_small;
+  color: $text-secondary-color;
+  display: block;
+  height: 30px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
@@ -34,11 +44,7 @@
 }
 
 @mixin program_name {
-  font-family: Nunito, serif;
-  font-size: 12px;
-  font-weight: 500;
-  line-height: 3.17;
-  text-align: left;
+  @include font_small;
   color: #000;
   margin-right: 10px;
   text-decoration: none;

resources/assets/sass/abstracts/_variables.scss

@@ -1,46 +1,14 @@
-
-// Body
-$body-bg: #f5f8fa;
-
-// Borders
-$laravel-border-color: darken($body-bg, 10%);
-$list-group-border: $laravel-border-color;
-$navbar-default-border: $laravel-border-color;
-$panel-default-border: $laravel-border-color;
-$panel-inner-border: $laravel-border-color;
-
-// Brands
-$brand-primary: #3097D1;
-$brand-info: #8eb4cb;
-$brand-success: #2ab27b;
-$brand-warning: #cbb956;
-$brand-danger: #bf5329;
-
-// Typography
-$icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/";
-$font-family-sans-serif: "Raleway", sans-serif;
-$font-size-base: 14px;
-$line-height-base: 1.6;
-$text-color: #636b6f;
-
-// Navbar
-$navbar-default-bg: #fff;
-
-// Buttons
-$btn-default-color: $text-color;
-
-// Inputs
-$input-border: lighten($text-color, 40%);
-$input-border-focus: lighten($brand-primary, 25%);
-$input-color-placeholder: lighten($text-color, 30%);
-
-// Panels
-$panel-default-heading-bg: #fff;
+// Container
+$container-bg: #f9f9f9;
 
 // Nav
-$nav-text-color: #1a1a1a;
 $nav-text-weight: bold;
 $nav-text-size: 14px;
 
-// News
-$news-banner-text-color: #fff;
+// Base
+$text-color: #1a1a1a;
+$text-inverted-color: #fff;
+$text-secondary-color: #666;
+$text-dark-color: #282828;
+$element-bg: #fff;
+$text-description-color: #585858;

resources/assets/sass/base/_base.scss

@@ -4,6 +4,7 @@
 @use "../components/button";
 @use "../components/pretty_photo";
 @use "../components/cookie";
+@use "../components/list";
 
 @use "../layout";
 
@@ -24,3 +25,13 @@
     -webkit-line-clamp: $i;
   }
 }
+
+a, a:hover, a:active {
+  color: #0f259d;
+}
+
+@media (min-width: 768px) {
+  .md_padding_top_80 {
+    padding-top: 80px
+  }
+}

resources/assets/sass/base/_container.scss

@@ -1,4 +1,5 @@
 @use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;
 
 body {
   margin: 0;
@@ -13,13 +14,18 @@ body {
   @media (max-width: 768px) {
     padding: 50px 0;
   }
-  background-color: #f9f9f9;
+  background-color: $container-bg;
 }
 .header_container  {
   @include container;
 }
-.grey_background {
-  background-color: #f9f9f9;
+@media (min-width: 768px) {
+  .grey_background:not(.site_container) {
+    background-color: $container-bg;
+  }
+}
+.page {
+  padding-top: 20px;
 }
 .content_container {
   padding-right: 50px;

resources/assets/sass/components/_blog.scss

@@ -1,10 +1,14 @@
 @use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;
 
 .blog {
   @include reset-list;
 
   .post {
     margin-bottom: 27px;
+    &:not(.auto_height) {
+      height: 90px;
+    }
 
     img {
       width: 100%;
@@ -17,12 +21,16 @@
       font-size: 14px;
       font-weight: 600;
       line-height: 1.43;
-      color: #1a1a1a;
+      color: $text-color;
 
       a {
         text-decoration: none;
         display: inline-block;
-        color: #1a1a1a;
+        color: $text-color;
+
+        &.clipText {
+          display: -webkit-box;
+        }
       }
     }
 
@@ -43,7 +51,7 @@
       font-family: Nunito, serif;
       font-size: 15px;
       line-height: 1.6;
-      color: #282828;
+      color: $text-dark-color;
     }
   }
 }

resources/assets/sass/components/_box.scss

@@ -1,3 +1,5 @@
+@use "../abstracts/variables" as *;
+
 .box_header {
   span {
     font-family: Nunito, serif;
@@ -26,14 +28,33 @@
 .box {
   display: inline-block;
   width: auto;
-  padding: 30px 23px 30px 30px;
-  border-radius: 3px;
-  box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
-  background-color: #fff;
+  background-color: $element-bg;
   margin-bottom: 50px;
 
+  @media (min-width: 768px) {
+    border-radius: 3px;
+    box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
+    padding: 30px 23px 30px 30px;
+  }
+  @media (max-width: 768px) {
+    padding: 10px 10px 10px 10px;
+  }
+
   &.full-width {
-    width: CALC(100% - 60px);
+    @media (min-width: 768px) {
+      width: CALC(100% - 60px);
+    }
+    @media (max-width: 768px) {
+      width: CALC(100% - 20px);
+    }
+  }
+  &.full-height {
+    height: CALC(100% - 103px);
+  }
+  @media (min-width: 768px) {
+    &.md_margin_top {
+      margin-top: 77px;
+    }
   }
 }
 .tabs {

resources/assets/sass/components/_bread_crumb.scss

@@ -1,4 +1,5 @@
 @use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;
 
 .bread_crumb {
   height: 38px;
@@ -6,21 +7,23 @@
 
   li {
     float: left;
-    font-family: Nunito, serif;
-    font-size: 12px;
-    font-weight: 500;
-    line-height: 3.17;
-    text-align: left;
-    color: #666;
+    @include font_small;
+    color: $text-secondary-color;
     margin-right: 5px;
 
     a {
-      color: #666;
+      color: $text-secondary-color;
       text-decoration: none;
     }
 
     i {
       font-size: 8px;
     }
+
+    @media (max-width: 768px) {
+      &:nth-last-child(-n+2) {
+        display: none;
+      }
+    }
   }
 }

resources/assets/sass/components/_button.scss

@@ -1,3 +1,5 @@
+@use "../abstracts/variables" as *;
+
 .btn {
   display: block;
   width: CALC(100% - 78px);
@@ -9,13 +11,30 @@
   font-weight: bold;
   line-height: 0.93;
   text-align: center;
-  color: #fff;
+  color: $text-inverted-color;
   margin-bottom: 10px;
   text-decoration: none;
   text-transform: uppercase;
 
+  &:hover, &:active {
+    color: $text-inverted-color;
+  }
+
   &.auto_width {
     width: fit-content;
     margin: 0 auto;
   }
-}
+
+  &.fit_content {
+    width: fit-content;
+  }
+
+  &.btn_facebook_share {
+    background-image: none;
+    background-color: #0f259d;
+  }
+  &.btn_twitter_x_share {
+    background-image: none;
+    background-color: #5ba8f4;
+  }
+}

resources/assets/sass/components/_contact_box.scss

@@ -1,4 +1,5 @@
 @use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;
 
 .contact_box {
   position: relative;
@@ -15,7 +16,7 @@
     font-size: 24px;
     font-weight: 600;
     line-height: 1.17;
-    color: #282828;
+    color: $text-dark-color;
     margin-top: 0;
     padding-right: 60px;
   }
@@ -25,7 +26,7 @@
     font-size: 14px;
     font-weight: 500;
     line-height: 1.57;
-    color: #666;
+    color: $text-secondary-color;
   }
 
   .read_more {

resources/assets/sass/components/_cookie.scss

@@ -1,3 +1,5 @@
+@use "../abstracts/variables" as *;
+
 .light.cc_dialog button.cc_b_ok, .light.cc_dialog button.cc_b_cp {
   padding: 10px 39px;
   border-radius: 3px;
@@ -12,17 +14,17 @@
 }
 .light.cc_dialog button.cc_b_ok {
   background-image: linear-gradient(to right, #0f259d, #5ba8f4);
-  color: #fff;
+  color: $text-inverted-color;
 }
 .light.cc_dialog .cc_dialog_headline {
   font-family: Montserrat, serif;
   font-weight: 600;
   line-height: 1.15;
-  color: #282828;
+  color: $text-dark-color;
 }
 .light.cc_dialog .cc_dialog_text {
   font-family: Nunito, serif;
   font-size: 15px;
   line-height: 1.6;
-  color: #282828;
+  color: $text-dark-color;
 }

resources/assets/sass/components/_featured.scss

@@ -1,4 +1,5 @@
 @use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;
 
 .featured {
   img {
@@ -14,7 +15,7 @@
       font-weight: 600;
       line-height: 1.35;
       text-align: left;
-      color: #1a1a1a;
+      color: $text-color;
       text-decoration: none;
     }
   }
@@ -29,7 +30,7 @@
     font-weight: 500;
     line-height: 1.57;
     text-align: left;
-    color: #666;
+    color: $text-secondary-color;
     margin: 10px 0;
   }
 }

resources/assets/sass/components/_footer.scss

@@ -1,4 +1,5 @@
 @use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;
 
 .footer_container {
   font-family: Montserrat, serif;
@@ -6,10 +7,11 @@
   font-weight: 600;
   line-height: 1.71;
   text-align: left;
-  color: #fff;
+  color: $text-inverted-color;
 
   .footer_menu {
     background-image: linear-gradient(to right, #0102b0, #4090e3);
+    padding: 15px 0;
     @media (max-width: 768px) {
       padding: 60px 30px 30px 30px;
     }
@@ -25,12 +27,17 @@
     }
 
     a {
-      color: #fff;
+      color: $text-inverted-color;
       text-decoration: none;
       display: block;
       width: 100%;
     }
 
+    .about a {
+      display: inline;
+      text-decoration: underline;
+    }
+
     .buttons a {
       text-transform: uppercase;
       margin-bottom: 10px;
@@ -41,7 +48,7 @@
 
       span {
         border-bottom: 3px solid #fff;
-        color: #fff;
+        color: $text-inverted-color;
         font-size: 14px;
       }
     }
@@ -60,7 +67,7 @@
       width: 38px;
       height: 38px;
       background-color: #5ba8f4;
-      color: #fff;
+      color: $text-inverted-color;
       text-decoration: none;
       line-height: 40px;
       border-radius: 5px;
@@ -69,10 +76,27 @@
 
   .footer_menu2 {
     @include reset-list;
+    float: left;
+    margin-bottom: 20px;
 
     li {
-      float: left;
+      @media (min-width: 768px) {
+        float: left;
+      }
       margin-right: 40px;
+      padding: 9px 0;
+      &:first-child {
+        padding: 0;
+        @media (max-width: 768px) {
+          padding: 0 0 15px 0;
+        }
+      }
+
+      .logo {
+        display: block;
+        width: 115px;
+        height: 41px;
+      }
 
       a {
         text-decoration: underline;

resources/assets/sass/components/_header.scss

@@ -1,10 +1,10 @@
 .header {
-  height: 110px;
+  height: 111px;
   .logo {
     float: left;
-    margin-top: 18px;
+    margin-top: 10px;
     img {
-      height: 75px;
+      height: 95px;
     }
   }
   .advertisement {

resources/assets/sass/components/_input.scss

@@ -1,14 +1,16 @@
+@use "../abstracts/variables" as *;
+
 .input_container {
   border: 1px solid #efefef;
   border-radius: 5px;
-  background-color: #fff;
+  background-color: $element-bg;
   display: flex;
   height: 48px;
 
   font-family: Montserrat, serif;
   font-size: 16px;
   line-height: 1.25;
-  color: #1a1a1a;
+  color: $text-color;
 
   .input_prefix, .input_postfix {
     padding: 13px 10px 13px 15px;
@@ -22,6 +24,18 @@
     font-size: 16px;
     font-weight: 600;
     line-height: 1.25;
-    color: #1a1a1a;
+    color: $text-color;
   }
 }
+.text_input, .texterea_input {
+  padding: 13px 5px;
+
+  font-family: Montserrat, serif;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 1.25;
+  color: $text-color;
+  border: 1px solid #efefef;
+  border-radius: 5px;
+  background-color: $element-bg;
+}

resources/assets/sass/components/_list.scss

@@ -0,0 +1,4 @@
+@use '../abstracts/mixin' as *;
+.list {
+  @include reset-list;
+}

resources/assets/sass/components/_main_news.scss

@@ -33,9 +33,10 @@
   }
   .post {
     position: relative;
-    height: 100%;
+    height: CALC(100% - 10px);
+    padding: 5px;
     @media (max-width: 768px) {
-      height: 50%;
+      height: CALC(50% - 10px);
     }
 
     img {
@@ -43,6 +44,7 @@
       height: 100%;
       object-fit: cover;
       filter: brightness(70%);
+      border-radius: 3px;
     }
 
     &.small {
@@ -68,7 +70,7 @@
           font-size: 10px;
           font-weight: bold;
           text-align: center;
-          color: $news-banner-text-color;
+          color: $text-inverted-color;
           text-decoration: none;
           text-transform: uppercase;
         }
@@ -82,7 +84,7 @@
         font-size: 30px;
         font-weight: 600;
         line-height: 1;
-        color: $news-banner-text-color;
+        color: $text-inverted-color;
         text-decoration: none;
       }
       h5 a {
@@ -91,13 +93,14 @@
       }
       @media (max-width: 768px) {
         h2 a, h5 a {
+          display: block;
           font-size: 16px;
           line-height: 1.17;
         }
       }
       .post_date {
         @include post_date;
-        color: $news-banner-text-color;
+        color: $text-inverted-color;
       }
     }
   }

resources/assets/sass/components/_menu.scss

@@ -4,7 +4,6 @@
 .menu_container {
   @media (min-width: 767px) {
     height: 75px;
-    margin-bottom: 20px;
     background-image: linear-gradient(to right, #0102b0, #4090e3);
   }
 
@@ -42,7 +41,7 @@
       a {
         display: block;
         font-family: Nunito, serif;
-        color: $nav-text-color;
+        color: $text-color;
         font-weight: $nav-text-weight;
         font-size: $nav-text-size;
         text-align: center;
@@ -62,7 +61,9 @@
           display: block;
           width: 33px;
           height: 25px;
-          background-image: URL('/images/menu-corner-1.svg');
+          -webkit-mask-image: URL("/images/menu-corner-1.svg");
+          mask-image: URL("/images/menu-corner-1.svg");
+          background-color: white;
           position: absolute;
           top: 0;
           left: 0;
@@ -74,7 +75,9 @@
           display: block;
           width: 12px;
           height: 15px;
-          background-image: URL('/images/menu-corner-2.svg');
+          -webkit-mask-image: URL("/images/menu-corner-2.svg");
+          mask-image: URL("/images/menu-corner-2.svg");
+          background-color: white;
           position: absolute;
           bottom: 0;
           right: -1px;
@@ -102,6 +105,7 @@
 .top_menu_container, .menu_mobile_container {
   height: 50px;
   @include container;
+  overflow: hidden;
 
   ul.right_menu {
     float: right;
@@ -109,17 +113,25 @@
 
     li {
       float: left;
-      padding: 6px 19px;
+      padding: 3px 19px;
       margin: 8px;
-      border-right: 1px solid #fff;
+      border-right: 1px solid rgba(255, 255, 255, 0.2);
+      line-height: 2;
+      height: 28px;
+
+      &.collapsed {
+        padding: 3px 9px 3px 6px;
+        margin: 8px auto;
+      }
 
       &:last-child {
         border: none;
+        line-height: 1;
       }
 
-      &:nth-child(2) {
+      /*&:nth-child(2) {
         padding: 0 19px;
-      }
+      }*/
 
       a {
         float: left;
@@ -127,9 +139,30 @@
         font-size: 14px;
         font-weight: bold;
         text-align: right;
-        color: #fff;
+        color: $text-inverted-color;
         text-decoration: none;
         text-transform: uppercase;
+        display: flex;
+
+        span {
+          overflow: hidden;
+          display: block;
+          height: 28px;
+        }
+
+        &.with_svg_icon {
+          position: relative;
+          margin-right: 30px;
+        }
+
+        svg {
+          fill: $text-inverted-color;
+          height: 20px;
+          width: 20px;
+          position: absolute;
+          right: -25px;
+          top: 2px;
+        }
 
         i {
           font-size: 18px;
@@ -148,16 +181,16 @@
         .search_input {
           border: 1px solid #efefef;
           border-radius: 3px;
-          background-color: #fff;
-          height: 29px;
+          background-color: $element-bg;
+          height: 26px;
           font-family: Montserrat, serif;
           font-size: 16px;
           line-height: 1.25;
-          color: #1a1a1a;
+          color: $text-color;
         }
         .search_submit {
           float: right;
-          margin: 6px;
+          margin: 4px;
         }
       }
       .search_button {
@@ -167,16 +200,14 @@
   }
 }
 .menu_mobile_container {
-  height: 30px;
+  height: 46px;
   padding: 12px 0;
+  background-color: #10229c;
   .mobile_menu_button a {
     display: block;
     width: 20px;
     height: 21px;
     padding: 4px 10px 4px 11px;
-    border-top-right-radius: 3px;
-    border-bottom-right-radius: 3px;
-    background-color: #10229c;
     margin-right: 12px;
     i {
       color: white;
@@ -197,9 +228,18 @@
     flex-grow: 1;
     ul.right_menu {
       li {
-        padding: 5px 19px;
+        padding: 0 10px;
         margin: 0;
 
+        a.with_svg_icon {
+          margin-right: 10px;
+        }
+        a {
+          svg {
+            position: static;
+          }
+        }
+
         .search_form {
           height: 25px;
           .search_input {
@@ -234,7 +274,7 @@
       font-family: Nunito, serif;
       font-size: 14px;
       font-weight: bold;
-      color: #1a1a1a;
+      color: $text-color;
       text-decoration: none;
       padding: 15px 0;
       border-bottom: 1px solid #f8f8f8;
@@ -249,7 +289,7 @@
     padding: 20px;
     border-radius: 3px;
     box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
-    background-color: #fff;
+    background-color: $element-bg;
     margin-left: 20px;
     width: max-content;
     display: none;
@@ -305,7 +345,8 @@
     padding: 20px;
     min-width: 70vw;
     max-width: 100vw;
-    overflow: hidden;
+    overflow-x: hidden;
+    overflow-y: auto;
 
     ul, li, li a {
       width: 100%;
@@ -385,3 +426,37 @@
     transform: rotate(90deg);
   }
 }
+
+.slogan {
+  width: 190px;
+  margin: 8px 0;
+}
+
+.grey_background {
+  nav {
+    > div {
+      background: $container-bg;
+      border-color: $container-bg;
+    }
+  }
+
+  .menu {
+    > li {
+      a {
+        background: $container-bg;
+      }
+
+      &.selected a, &:hover a, &.hover a {
+        &:before, &:after {
+          background-color: $container-bg;
+        }
+      }
+
+      &:last-child {
+        &:after {
+          background: $container-bg;
+        }
+      }
+    }
+  }
+}

resources/assets/sass/components/_page.scss

@@ -1,4 +1,5 @@
 @use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;
 
 .page_container {
   @include container;
@@ -13,11 +14,17 @@
   font-family: Nunito, serif;
   font-size: 15px;
   line-height: 1.6;
-  color: #282828;
+  color: $text-dark-color;
+
+  &.margin_bottom {
+    margin-bottom: 40px;
+  }
 }
 .action_button {
+  @include font_normal;
+  line-height: 1.4;
   text-decoration: none;
-  color: #282828;
+  color: $text-dark-color;
 
   .fa {
     margin-right: 10px;

resources/assets/sass/components/_page_title.scss

@@ -1,9 +1,19 @@
+@use "../abstracts/variables" as *;
+
 .page_title {
   margin: 17px 0;
   font-family: Montserrat, serif;
-  font-size: 40px;
+  font-size: 30px;
+  @media (min-width: 768px) {
+    font-size: 40px;
+  }
   font-weight: 600;
   line-height: 1.15;
   text-align: left;
-  color: #282828;
+  color: $text-dark-color;
+}
+
+.page_title2 {
+  @extend .page_title;
+  font-size: 30px;
 }

resources/assets/sass/components/_podcast_item.scss

@@ -1,3 +1,5 @@
+@use "../abstracts/variables" as *;
+
 .announcement {
   padding: 30px;
   border-radius: 3px;
@@ -6,7 +8,7 @@
 }
 .action_button.btn {
   width: fit-content;
-  color: #fff;
+  color: $text-inverted-color;
   float: left;
   margin: 10px 20px 0 0;
 }

resources/assets/sass/components/_podcast_items.scss

@@ -1,6 +1,11 @@
 @use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;
 
 .podcast_items {
+  .box {
+    margin-bottom: 10px;
+  }
+
   ul {
     @include reset-list;
     &.row {
@@ -10,7 +15,9 @@
     }
 
     li {
-      margin-bottom: 25px;
+      @media (min-width: 768px) {
+        margin-bottom: 25px;
+      }
       h2 {
         margin: 0;
 
@@ -20,7 +27,7 @@
           font-weight: 600;
           line-height: 1.43;
           text-align: left;
-          color: #1a1a1a;
+          color: $text-color;
           text-decoration: none;
         }
       }

resources/assets/sass/components/_post.scss

@@ -1,8 +1,11 @@
 @use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;
 
 .post_container {
   @include container;
-  padding: 32px 0;
+  @media (min-width: 768px) {
+    padding: 32px 0;
+  }
 
   > .col-8 {
     width: CALC(66.66666667% - 20px);
@@ -14,37 +17,13 @@
     padding-bottom: 18px;
   }
 
-  .post_tags {
-    @include reset-list;
-    height: 31px;
-    margin-top: 20px;
-
-    li {
-      float: left;
-      margin-right: 10px;
-
-      a {
-        display: block;
-        padding: 6px 15px 7px;
-        border-radius: 3px;
-        background-image: linear-gradient(to left, #0d1ca3, #45aaf8);
-        font-family: Nunito, serif;
-        font-size: 10px;
-        font-weight: bold;
-        text-align: center;
-        color: #fff;
-        text-decoration: none;
-        text-transform: uppercase;
-      }
-    }
-  }
   .post_body {
     width: 100%;
 
     font-family: Nunito, serif;
     font-size: 15px;
     line-height: 1.6;
-    color: #282828;
+    color: $text-dark-color;
 
     h3 {
       font-size: 15px;
@@ -53,9 +32,9 @@
     .sentence {
       font-size: 12px;
       font-style: italic;
-      line-height: 3.17;
+      line-height: 1.3;
       text-align: right;
-      color: #585858;
+      color: $text-description-color;
       display: block;
       width: 100%;
 
@@ -79,7 +58,7 @@
         font-size: 12px;
         font-style: normal;
         line-height: 3.17;
-        color: #585858;
+        color: $text-description-color;
       }
     }
 
@@ -89,13 +68,10 @@
       li {
         float: left;
         margin-right: 10px;
-        font-family: Nunito, serif;
-        font-size: 12px;
-        font-weight: 500;
-        line-height: 3.17;
-        color: #666;
+        @include font_small;
+        color: $text-secondary-color;
         a {
-          color: #666;
+          color: $text-secondary-color;
           text-decoration: none;
         }
         i {
@@ -130,3 +106,27 @@
     }
   }
 }
+.post_tags {
+  @include reset-list;
+  height: 31px;
+  margin: 20px 0;
+
+  li {
+    float: left;
+    margin-right: 10px;
+
+    a {
+      display: block;
+      padding: 6px 15px 7px;
+      border-radius: 3px;
+      background-image: linear-gradient(to left, #0d1ca3, #45aaf8);
+      font-family: Nunito, serif;
+      font-size: 10px;
+      font-weight: bold;
+      text-align: center;
+      color: $text-inverted-color;
+      text-decoration: none;
+      text-transform: uppercase;
+    }
+  }
+}

resources/assets/sass/components/_pretty_photo.scss

@@ -1,3 +1,5 @@
+@use "../abstracts/variables" as *;
+
 div.pp_default .pp_content_container .pp_left,
 div.pp_default .pp_content_container .pp_right,
 div.pp_default .pp_top .pp_left,
@@ -20,7 +22,7 @@ div.pp_default .pp_description
   font-size: 12px;
   font-style: italic;
   line-height: 3.17;
-  color: #585858;
+  color: $text-description-color;
 }
 div.pp_default .pp_close
 {

resources/assets/sass/components/_radio_box.scss

@@ -1,15 +1,28 @@
 @use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;
 
 .radio_box {
   padding: 15px 23px 15px 15px;
   width: CALC(100% - 38px);
 
   h2 {
-    font-family: Montserrat, serif;
     font-size: 20px;
+  }
+
+  h3 {
+    font-size: 18px;
+  }
+
+  .post_title {
+    font-family: Montserrat, serif;
     font-weight: 600;
     line-height: 1.35;
-    color: #1a1a1a;
+    color: $text-color;
+
+    a {
+      text-decoration: none;
+      color: $text-color;
+    }
   }
 
   .post_date {
@@ -23,6 +36,6 @@
     font-weight: 500;
     line-height: 1.57;
     text-align: left;
-    color: #666;
+    color: $text-secondary-color;
   }
 }

resources/assets/sass/components/_schedule.scss

@@ -1,4 +1,5 @@
 @use "../abstracts/mixin" as *;
+@use "../abstracts/variables" as *;
 
 #schedule {
   a {
@@ -9,17 +10,22 @@
     font-size: 14px;
     font-weight: 600;
     line-height: 1.43;
-    color: #1a1a1a;
+    color: $text-color;
   }
   .program-times {
     @include post_date;
   }
+  img {
+    margin-left: -30px;
+    margin-top: -30px;
+    width: CALC(100% + 54px);
+  }
   .no-results, .loading {
     font-family: Montserrat, serif;
     font-size: 14px;
     font-weight: 600;
     line-height: 1.43;
-    color: #1a1a1a;
+    color: $text-color;
     text-align: center;
     padding: 20px;
     span {

resources/assets/sass/components/_sidebar.scss

@@ -1,6 +1,3 @@
-.sidebar .box {
-  width: CALC(100% - 38px);
-}
 @media (max-width: 768px) {
   .sidebar {
     width: 100%;

resources/assets/sass/layout/_index.scss

@@ -1,6 +1,6 @@
 @forward 'header';
 @forward 'home';
-@forward 'news_post';
+@forward 'news';
 @forward 'post';
 @forward 'gids';
 @forward 'program';

resources/assets/sass/layout/_news.scss

@@ -0,0 +1,7 @@
+@use "../components/news_post";
+
+.news {
+  .blog .post {
+    height: 115px;
+  }
+}

resources/assets/sass/layout/_news_post.scss

@@ -1 +0,0 @@
-@use "../components/news_post";

resources/views/adverteren.blade.php

@@ -1,7 +1,7 @@
 @extends('layouts/full')
 
 @section('title')
-    Adverteren
+    Ontdek NHGooi: Jouw streekomroep in de prachtige Gooi & Vechtstreek-regio!
 @endsection
 
 @section('breadcrumb')
@@ -16,30 +16,11 @@
 
 @section('content')
     <div class="page_body">
-        <h5 class="excerpt">
-            NH Gooi biedt (plaatselijke) ondernemers de mogelijkheid om hun producten en/of diensten onder aandacht te
-            brengen bij de luisteraars van NH Gooi. De scherpe tarieven zijn op aanvraag verkrijgbaar bij NH Gooi.
-        </h5>
         <p>
-            In 2005 heeft onderzoeksbureau INTERVIEW NSS in opdracht van de Organisatie van Lokale Omroepen Nederland
-            een onderzoek uitgevoerd naar het bereik van de publieke lokale omroepen in Nederland. Uit dit onderzoek
-            kwam onder meer naar voren dat een kwart van de bevolking wel eens luistert publieke lokale radio. Ruim de
-            helft van de bevolking kent de publieke lokale radiozender in de eigen woonplaats bij naam. Verder bleek uit
-            het onderzoek dat een op de zes inwoners lokale omroep als de belangrijkste bron voor lokale informatie
-            beschouwt.
-        </p>
-        <h4>Streekomroep</h4>
-        <p>
-            Interessant daarbij is dat NH Gooi meer is dan zomaar een publieke lokale radiozender. NH Gooi is een
-            streekomroep, die in grote delen van het Gooi alsmede in Eemland-Noord is te ontvangen via 92.0 FM en 105.1
-            FM, ether-bereik: 200.000 mensen. Daarnaast is NH Gooi te ontvangen via de kabelnetten van Blaricum (3.881
-            huishoudens), Eemnes (3.090 huishoudens), Laren (4.739 huishoudens), Huizen (18.000 huishoudens) en
-            Hilversum (40.000 huishoudens).
-            Tenslotte is NH Gooi ook on line te ontvangen.
+            Wij delen lokale verhalen en versterken gemeenschapsbanden. Als adverteerder krijgt u bij NHGooi de kans om authentiek in contact te komen met onze kijkers, luisteraars en online volgers. Of het nu gaat om radio, televisie of online advertenties, NHGooi biedt een uniek platform om uw boodschap te delen met onze gemeenschap. Verken de mogelijkheden en laat uw merk bloeien in onze regio. Samen bereiken we reclamesucces en versterken we de banden in Gooi & Vechtstreek.
         </p>
         <p>
-            Ondernemers die ge&iuml;nteresseerd zijn en meer informatie wensen te ontvangen over adverteren op NH Gooi
-            kunnen reageren via {{Html::mailto('info@nhgooi.nl')}}.
+            Wil je weten wat jouw mogelijkheden zijn? Mail naar  {{Html::mailto('adverteren@NHGooi.nl')}} en onze adviseurs nemen contact met je op!
         </p>
     </div>
 @endsection

resources/views/app.blade.php

@@ -12,41 +12,30 @@
     </ul>
 @endsection
 
+@section('page_class')
+    page_container
+@endsection
+
 @section('content')
-    <div class="page_body">
+    <div class="page_body margin_bottom">
         <p>Download de NH Gooi app via de App Store of Google Play.</p>
 
         <div class="row">
 
             <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 class="icon_box icon_position_top no_border">
+                    <a class="" href="https://play.google.com/store/apps/details?id=nl.gooi.app">
+                        <img data-src="/images/googleplay.jpg" class="scale-with-grid" alt="Google Play Store"
+                             width="318" height="100" src="/images/googleplay.jpg">
+                    </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 class="icon_box icon_position_top no_border">
+                    <a class="" href="https://apps.apple.com/nl/app/nh-gooi/id1585667560">
+                        <img class="scale-with-grid" alt="Apple Store" width="318" height="100" src="/images/apple.jpg">
+                    </a>
                 </div>
             </div>
         </div>

resources/views/calendarevent.blade.php

@@ -1,14 +1,18 @@
-@extends('layouts/full')
+@extends('layouts/sidebar')
 
 @section('title')
   {{$event->title}}
 @endsection
 
-@section('breadcrumb')
+@section('page_class')
+	news_post post_container breadcrumb_no_border
+@endsection
+
+@section('breadcrumb_top')
 	<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><a title="Streekagenda" href="{{route('agenda')}}">Streekagenda</a></li>
 		<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
 		<li>Details</li>
 	</ul>
@@ -16,9 +20,12 @@
 
 @section('content')
 
-<div class="row">
+<div class="post_body">
 	<div class="post single small_image">
 		<ul class="post_details clearfix">
+			@if($event->region)
+				<li class="detail category"><i class="fa-solid fa-location-dot"></i> <a title="{{$event->region}}">{{$event->region}}</a></li>
+			@endif
 			<li class="detail date">
 				<i class="fa-regular fa-clock"></i>
 				{{Formatter::relativeDate($event->starts, 'W d m y?')}}
@@ -26,9 +33,6 @@
 					t/m {{Formatter::relativeDate($event->ends, 'd m y?')}}
 				@endif
 			</li>
-			@if($event->region && $event->region != "Regio")
-			<li class="detail category">Regio {{$event->region}}</a></li>
-			@endif
 		</ul>
 
 
@@ -37,7 +41,7 @@
 			<div class="announcement">
 				<div>
 					<audio controls>
-					<source src="{{ $url = url( $apiUrl . 'podcast/download/' . $event->podcast->url . "?auth=" . $event->podcast->auth )}}" type="audio/mpeg" />
+					<source src="{{ $url = url( $apiUrl . 'podcast/stream/' . $event->podcast->url . "?auth=" . $event->podcast->auth )}}" type="audio/mpeg" />
 					</audio>
 				</div>
 				<ul class="post_details clearfix">
@@ -56,7 +60,7 @@
 			</div>
 		@endif
 
-		<div class="post_content page_margin_top clearfix">
+		<div class="post_content clearfix" style="margin-top: 20px;">
 			<div class="content_box">
 				@if($event->images)
 					@if(count($event->images) == 1)

resources/views/calendarlist.blade.php

@@ -1,7 +1,20 @@
-@extends('layouts/full')
+@extends('layouts/sidebar')
 
 @section('title')
-    Regioagenda
+    Streekagenda
+@endsection
+
+@section('page_class')
+    news_post post_container breadcrumb_no_border
+@endsection
+@section('page_container_class')
+    grey_background
+@endsection
+@section('site_container_class')
+    grey_background
+@endsection
+
+@section('content_class')
 @endsection
 
 @section('breadcrumb')
@@ -14,8 +27,8 @@
 
 @if(!count($events))
     @section('content')
-        <div class="page_body">
-            <p>Er zijn geen items in de regioagenda. Iets te melden? Mail het naar {{Html::mailto("info@nhgooi.nl")}}
+        <div class="page_body margin_bottom">
+            <p>Er zijn geen items in de streekagenda. Iets te melden? Mail het naar {{Html::mailto("info@nhgooi.nl")}}
                 .</p>
         </div>
     @endsection
@@ -23,176 +36,46 @@
 
     @section('content')
         @parent
-        <div class="page_body">
-            <nav>
-                <ul class="pager">
-                    <li class="action_button previous-month"><a href="#">&larr; Eerder</a></li>
-                    <li class="action_button current-month"><a href="#">Komende week</a></li>
-                    <li class="action_button everything"><a href="#">Toon alles</a></li>
-                    <li class="action_button next-month"><a href="#">Later &rarr;</a></li>
-                </ul>
-            </nav>
-
-
-            <div class="row">
-                <div class="month" data-month="0">
-                    <h4 class="box_header page_margin_top_section">Komende week</h4>
-                    <ul class="blog big">
-
-                        @php($nextWeek = new DateTimeImmutable('midnight +7 days'))
-                        @php($heading = null)
-                        @php($month = 0)
-
-                        @foreach($events as $event)
-                            @if($event->starts >= ($heading ? $heading : $nextWeek))
-                    </ul>
+        <div data-tabs class="page_body">
+                <div style="padding: 0" class="tab_content active" id="agenda">
+                    @php($count = 0)
+                    @foreach($events as $event)
+                            @php($count++)
+                            <?php $url = route('agenda.details', ['id' => $event->id, 'title' => $event->title]); ?>
+                            <div class="box featured">
+                                <div class="row">
+                                    <div class="col-12 col-md-6">
+                                        <a href="{{$url}}" title="{{$event->title}}">
+                                            <img src="{{$event->images && $event->images[0] && $event->images[0]->url ? $imgBase . $event->images[0]->url : '/images/noimage.png'}}"/>
+                                        </a>
+                                    </div>
+                                    <div class="col-12 col-md-6">
+                                        <h2 class="post_title"><a href="{{$url}}" title="{{$event->title}}">{!!$event->title!!}</a></h2>
+                                        <div class="sub_title" style="flex-wrap: wrap">
+					    <ul class="post_tags" style="width: 100%; margin: 0 0 8px 0;height: 25px;">
+						@foreach($event->tags as $tag)
+						<li><a style="padding: 3px 8px 3px" title="{{$tag->title}}">{{$tag->title}}</a></li>
+                                                @endforeach
+                                            </ul>
+                                            <span class="post_date" style="line-height: 1.17; height: 14px;" title="{{Formatter::relativeDate($event->starts, 'W d m y?')}}">
+                                                <i class="fa-regular fa-clock"></i> {{Formatter::relativeDate($event->starts, 'W d m y?')}}
+                                                @if($event->ends && $event->starts != $event->ends)
+                                                    t/m {{strtolower(Formatter::relativeDate($event->ends, 'W d m y?'))}}
+                                                @endif
+                                            </span>
+                                        </div>
+                                        <p class="clipText clipText-7" title="{{Formatter::excerpt($event->content, 150)}}">
+                                            {!!Formatter::excerpt($event->content, 150)!!}
+                                        </p>
+                                        <a class="btn fit_content" href="{{$url}}">Lees verder</a>
+                                    </div>
+                                </div>
+                    @if($count == 0)
+                    <p>Er zijn geen items gevonden. Iets te melden? Mail het naar <a href="mailto:info@nhgooi.nl">info@nhgooi.nl</a>.</p>
+                    @endif
                 </div>
-            </div>
-            <div class="row">
-                <div class="month" data-month="{{++$month}}">
-                    <h4 class="box_header page_margin_top_section">{{$heading ? "De agenda van" : "De rest van"}} {{Formatter::fullDate($event->starts, 'm y?')}}</h4>
-                    <ul class="blog big">
-                        @php($heading = new DateTimeImmutable('first day of next month ' . $event->starts->format('Y-m-d')))
-                        @endif
-
-                        @php($image = isset($event->images) && count($event->images) ? $event->images[0] : null)
-                        <li class="post {{$image ? "" : "no_img"}}">
-                            @if($image)
-                                <a href="{{$event->url}}" title="{{$event->title}}">
-                                    <img src='{{$imgBase . $image->url}}' alt="{{$image->title}}">
-                                </a>
-                            @endif
-                            <div class="post_content">
-                                <h2><a href="{{$event->url}}" title="{{$event->title}}">{{$event->title}}</a></h2>
-                                <ul class="post_details">
-                                    <li class="category"><span href="#"
-                                                               title="{{$event->region}}">{{$event->region}}</span></li>
-                                    <li class="date">
-                                        {{Formatter::relativeDate($event->starts, 'W d m y?')}}
-                                        @if($event->ends && $event->starts != $event->ends)
-                                            t/m {{Formatter::relativeDate($event->ends, 'd m y?')}}
-                                        @endif
-                                    </li>
-                                </ul>
-                                <p>{!!Formatter::excerpt($event->content, 250)!!}</p>
-                                <a class="read_more" href="{{$event->url}}" title="Lees verder"><span
-                                            class="arrow"></span><span>Lees verder</span></a>
-                            </div>
-                        </li>
-                        @endforeach
-                    </ul>
-                </div>
-            </div>{{--row--}}
-            <nav>
-                <ul class="pager">
-                    <li class="action_button previous-month"><a href="#">&larr; Eerder</a></li>
-                    <li class="action_button current-month"><a href="#">Komende week</a></li>
-                    <li class="action_button everything"><a href="#">Toon alles</a></li>
-                    <li class="action_button next-month"><a href="#">Later &rarr;</a></li>
-                </ul>
-            </nav>
+            @endforeach
         </div>
+      </div>
     @endsection
-
-    @push('styles')
-        <style>
-            .pager {
-                display: flex;
-                width: 100%;
-                margin-top: 5px;
-                margin-bottom: 5px;
-            }
-
-            .pager .action_button {
-                flex: 1;
-            }
-
-            .pager .current-month,
-            .pager .everything {
-                text-align: center;
-            }
-
-            .pager .next-month {
-                text-align: right;
-            }
-        </style>
-    @endpush
-
-    @push('scripts')
-        <script type="text/javascript">
-          var month = 0;
-          var months = {{$month}};
-          var $current = null;
-
-          function gotoPage(month) {
-            $new = (month === null) ? $(".month") : $(".month[data-month=" + month + "]");
-            if ($current == null) {
-              $(".month").hide("fast");
-              $new.fadeIn("fast");
-            } else {
-              ($container = $("#contentSection")).css('height', $container.height() + "px").css('overflow', 'hidden');
-              animations = $current.length;
-              $current.fadeOut("fast", function () {
-                $new.fadeIn("fast", function () {
-                  if (--animations > 0) {
-                    return;
-                  }
-                  curHeight = $container.height();
-                  autoHeight = $container.css('height', 'auto').height();
-                  $container.height(curHeight).animate({height: autoHeight}, 250, function () {
-                    $container.css('height', 'auto');
-                  });
-                });
-              });
-            }
-
-            $current = $new;
-            window.location.hash = (month === null) ? "alles" : ("page-" + month);
-
-            $previous = $(".pager .previous-month, .pager .current-month");
-            if (month == 0) {
-              $previous.addClass('disabled');
-            } else {
-              $previous.removeClass('disabled');
-            }
-
-            $next = $(".pager .next-month");
-            if (month == months) {
-              $next.addClass('disabled');
-            } else {
-              $next.removeClass('disabled');
-            }
-          }
-
-          $(".pager .previous-month").click(function (e) {
-            if (month > 0) gotoPage(--month);
-            e.preventDefault();
-          });
-          $(".pager .current-month").click(function (e) {
-            if (month != 0) gotoPage(month = 0);
-            e.preventDefault();
-          });
-          $(".pager .next-month").click(function (e) {
-            if (month < months) gotoPage(++month);
-            e.preventDefault();
-          });
-          $(".pager .everything").click(function (e) {
-            gotoPage(null);
-            e.preventDefault();
-          });
-          gotoPage(0);
-
-          window.onhashchange = function () {
-            if (window.location.hash == "#alles") {
-              gotoPage(null);
-            } else {
-              newMonth = window.location.hash.substr(6);
-              if (newMonth != month) {
-                gotoPage(newMonth);
-              }
-            }
-          }
-        </script>
-
-    @endpush
 @endif

resources/views/contact.blade.php

@@ -18,10 +18,21 @@
 
     <div class="page_body">
         <div class="row ">
-            <div class="col-12 col-md">
+	    <div class="col-12 col-md">
+<p>NH Gooi is de publieke streekomroep van Gooi en Vechtstreek. We houden je 24 uur per dag
+op de hoogte van al het nieuws, betrouwbaar en snel. Dat doen we via een eigen nieuws-
+app, onze website en social media, maar ook op radio en televisie. Daarnaast brengen we
+een gevarieerd aanbod van podcasts, radio- en televisieprogramma's.</p>
+
+<p>Ons team van journalisten en programmamakers bestaat uit betaalde krachten, vrijwilligers
+en stagiaires. We vinden het belangrijk mensen op te leiden en een goede plek te bieden
+voor talent.</p>
+
+<p>De redactie van NH Gooi is journalistiek onafhankelijk en wordt geleid door de chef redactie.</p>
+
                 <h3>Contactinformatie</h3>
 
-                <p>Neem contact op met NH Gooi, de streekomroep voor Hilversum, Huizen, Blaricum, Eemnes en Laren.</p>
+                <p>Neem contact op met NH Gooi, de streekomroep voor Gooi &amp; Vechtstreek.</p>
 
                 <p>Wij zijn te ontvangen in heel Gooi en Eemland. <br>
                     <a href="{{url('frequenties')}}" class="action_button">
@@ -31,9 +42,11 @@
                 </p>
 
                 <p class="page_margin_top">
-                    <b>Het postadres van NH Gooi is: </b><br>
+                    <b>NHGooi</b><br>
                     Postbus 83<br>
                     1270 AB Huizen<br>
+                    Tel: <a href="tel:+31356424776">035-6424774</a><br>
+                    KvK: 41194132<br>
                     <br>
 
                     <b>Bezoekadres / Studio:</b><br>
@@ -41,42 +54,25 @@
                     1271 AA Huizen<br><br>
 
                 <p>
-                    <b>Telefoon en email:</b><br>
-                    Tel: 035-6424774<br/>
-                    Studio: 035-6424776<br/>
-                    E-mail: {{Html::mailto('info@nhgooi.nl')}}<br/>
-                    KvK: 41194132</table><br>
+                    <b>NHGooi Radio</b><br>
+                    IJsselmeerstraat 3B<br/>
+                    1271 AA, Huizen<br/>
+                    studio: <a href="tel:+31356424776">035-6424776</a><br/>
+                    KvK: 41194132<br>
                     <br>
 
-                    <b>Hoofdredactie</b><br>
+                    <b>Streekredactie</b><br>
+                    Gooise Brink, Kerkstraat 63/27<br>
+                    11211 CL Hilversum<br>
+                    Tiplijn: <a href="tel:+31642913637">06 - 42 91 36 37</a><br>
+                    e-mail: {{Html::mailto('info@NHGooi.nl')}}<br>
+                    <br>
+
+                    <b>Chef redactie</b><br>
                     Petra de Beij<br>
                     {{Html::mailto('petra.debeij@nhgooi.nl')}}<br><br>
                 </p>
             </div>
-
-            <div class="col-12 col-md">
-                <h3>WhatsApp de redactie / Nieuwsupdate</h3>
-                <p class="intro">Elke dag het nieuws uit 't Gooi in een appje op je telefoon: dat kan met onze
-                    nieuwsdienst via WhatsApp.</p>
-                <p>Door je aan te melden ontvang je elke werkdag aan het eind van de middag het meest aansprekende
-                    nieuws uit 't Gooi op je mobiel. Dan ben je als eerste op de hoogte van wat er speelt in jouw buurt
-                    en wat er leeft in de regio.&nbsp;</p>
-                <p>Is er nieuws dat je meteen moet weten, zoals een grote brand of een wethouder die opstapt? Dan
-                    ontvang je meteen een extra berichtje.&nbsp;</p>
-                <p><strong>Aanmelden</strong><br>Aanmelden voor de NH Gooi-nieuwsdienst via WhatsApp doe je door 'NH
-                    GOOI AAN' te appen naar 088-8505651.</p>
-                <p>Met dat nummer heb je ook meteen contact met de redactie. Heb je een goeie tip of zelf een foto
-                    gemaakt van actueel nieuws? Dan kun je ons zelf ook appen of even bellen.&nbsp;</p>
-                <p style="background-color: #bad4ff; padding: 10px;"><strong>Hoe werkt het?<br></strong>Aanmelden voor
-                    de WhatsApp-nieuwsdienst van NH Gooi kan door een appje te sturen met de tekst 'NH GOOI AAN' naar
-                    088-8505651. Aanmelden en berichten ontvangen is gratis.<br><br>Je ontvangt dan één keer per dag een
-                    appje met het meest aansprekende Gooise nieuws. Is er nieuws dat je meteen moet weten, dan ontvang
-                    je een extra berichtje.&nbsp;<br>Wil je geen berichtjes meer ontvangen? Dan stuur je 'NH GOOI UIT'
-                    naar hetzelfde telefoonnummer.&nbsp;<br><br><em>Door je aan te melden ga je er mee akkoord dat NH
-                        Nieuws je telefoonnummer opslaat om je elke dag een berichtje te kunnen sturen.&nbsp;</em></p>
-
-            </div>
-
         </div>
     </div>
 @endsection

resources/views/cookie_statement.blade.php

@@ -14,6 +14,27 @@
 
 @section('content')
     <div class="page_body">
+<!DOCTYPE html>
+    <p>Bij NHGooi hechten we veel waarde aan uw privacy en de gebruiksvriendelijkheid van onze website. Daarom maken we gebruik van cookies om uw ervaring op onze website te verbeteren. Hieronder leest u meer over ons cookiebeleid en hoe wij cookies inzetten.</p>
+    
+    <h2>1. Wat zijn cookies?</h2>
+    <p>Cookies zijn kleine tekstbestanden die op uw computer of mobiele apparaat worden opgeslagen wanneer u onze website bezoekt. Deze cookies helpen ons om uw voorkeuren te onthouden en om onze website beter te laten functioneren.</p>
+    
+    <h2>2. Welke cookies gebruiken we?</h2>
+    <ul>
+        <li><strong>Functionele cookies:</strong> Deze cookies zijn essentieel voor het correct functioneren van onze website. Ze zorgen ervoor dat basisfuncties zoals paginanavigatie en toegang tot beveiligde delen van de website werken. Zonder deze cookies kan de website niet naar behoren functioneren.</li>
+        <li><strong>Analytische cookies:</strong> Met deze cookies kunnen we het gebruik van onze website analyseren en verbeteren. Ze helpen ons te begrijpen hoe bezoekers onze website gebruiken, zodat we de functionaliteit en content kunnen optimaliseren. We gebruiken hiervoor bijvoorbeeld Google Analytics.</li>
+        <li><strong>Advertentie- en trackingcookies:</strong> Deze cookies worden gebruikt om advertenties relevanter voor u te maken. Ze kunnen ook worden gebruikt om de effectiviteit van een advertentiecampagne te meten. Deze cookies worden door derde partijen geplaatst, zoals advertentienetwerken, en kunnen uw internetgedrag volgen.</li>
+    </ul>
+    
+    <h2>3. Beheer van cookies</h2>
+    <p>Bij uw eerste bezoek aan onze website wordt u gevraagd om akkoord te gaan met het plaatsen van cookies. U kunt uw cookievoorkeuren op elk moment wijzigen via de instellingen van uw browser. Houd er echter rekening mee dat het uitschakelen van cookies invloed kan hebben op de functionaliteit van onze website.</p>
+    
+    <h2>4. Uw privacy</h2>
+    <p>Uw privacy is voor ons van groot belang. Raadpleeg onze <a href="/privacy-verklaring">privacyverklaring</a> voor meer informatie over hoe wij omgaan met uw persoonlijke gegevens.</p>
+    
+    <h2>5. Vragen?</h2>
+    <p>Als u vragen heeft over ons cookiebeleid, neem dan gerust contact met ons op via <a href="mailto:info@nhgooi.nl">info@nhgooi.nl</a>.</p>
 
     </div>
 @endsection

resources/views/home.blade.php

@@ -4,7 +4,6 @@
     Home
 @endsection
 
-
 @section('content')
     <div class="clearfix">
         <div class="blog_grid" data-snapto="{}">
@@ -25,13 +24,13 @@
                                 </a>
                                 <div class="slider_content_box">
                                     <ul class="post_details simple">
-                                        @if($item->region)
+                                        @foreach($item->tags as $tag)
                                             <li class="category">
-                                                <a title="Regio: {{$item->region->title}}"
-                                                   href="{{route('nieuws.regio', ['region' => $item->region->slug])}}"
-                                                   class="over_image">{{$item->region->title}}</a>
+                                                <a title="{{$tag->titel}}"
+                                                   href="{{route('nieuws.tag', ['tag' => $tag->slug])}}"
+                                                   class="over_image">{{$tag->titel}}</a>
                                             </li>
-                                        @endif
+                                        @endforeach
                                     </ul>
                                     <h2><a href="{{url($item->url)}}"
                                            title="{{$item->title}}">{!!$item->title!!}</a></h2>
@@ -62,13 +61,13 @@
                                     </a>
                                     <div class="slider_content_box">
                                         <ul class="post_details simple">
-                                            @if($item->region)
-                                                <li class="category">
-                                                    <a title="Regio: {{$item->region->title}}"
-                                                       href="{{route('nieuws.regio', ['region' => $item->region->slug])}}"
-                                                       class="over_image">{{$item->region->title}}</a>
-                                                </li>
-                                            @endif
+                                        @foreach($item->tags as $tag)
+                                            <li class="category">
+                                                <a title="{{$tag->titel}}"
+                                                   href="{{route('nieuws.tag', ['tag' => $tag->slug])}}"
+                                                   class="over_image">{{$tag->titel}}</a>
+                                            </li>
+                                        @endforeach
                                         </ul>
                                         <h2><a href="{{url($item->url)}}"
                                                title="{{$item->title}}">{!!$item->title!!}</a></h2>
@@ -103,13 +102,13 @@
                                     </a>
                                     <div class="slider_content_box">
                                         <ul class="post_details simple">
-                                            @if($item->region)
-                                                <li class="category">
-                                                    <a title="Regio: {{$item->region->title}}"
-                                                       href="{{route('nieuws.regio', ['region' => $item->region->slug])}}"
-                                                       class="over_image">{{$item->region->title}}</a>
-                                                </li>
-                                            @endif
+                                        @foreach($item->tags as $tag)
+                                            <li class="category">
+                                                <a title="{{$tag->titel}}"
+                                                   href="{{route('nieuws.tag', ['tag' => $tag->slug])}}"
+                                                   class="over_image">{{$tag->titel}}</a>
+                                            </li>
+                                        @endforeach
                                         </ul>
                                         <h5 class="post_title"><a href="{{url($item->url)}}"
                                                title="{{$item->title}}">{!!$item->title!!}</a></h5>
@@ -136,33 +135,34 @@
         {{-- body --}}
         <div class="grey_background">
             <div class="body_container row">
+                @if(!isset($disableBanners) || !$disableBanners)
                 <div class="col-12">
                     <div class="d-none d-md-block" 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 class="d-none d-md-block" style="width: 728px; height: 90px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
+                    <div id="nhgooi_homepage_top" class="d-none d-md-block" style="width: 728px; height: 90px;margin: 11px auto 50px auto;background-color: #efefef;"></div>
+                    <script type="text/javascript">ootag.queue.push(function () {ootag.defineSlot({adSlot: "nhgooi_homepage_top",targetId: "nhgooi_homepage_top",adShownCallback: (adslot) => { calculateSize(adslot.targetId); }});});</script>
                 </div>
+                @endif
                 <div class="col-12 col-md content_container">
                     <div class="row">
                         <div class="col-md-6 col-12">
                             <h4 class="box_header"><span>Meer nieuws</span></h4>
-                            <div class="box">
+                            <div class="box full-width">
                                 @include('partial/newslist_small', ['id' => 'items-more-news', 'news' => array_slice($news, 5, 5)])
                             </div>
                         </div>
 
                         <div class="col-md-6 col-12">
                             <h4 class="box_header"><span>Meest gelezen</span></h4>
-                            <div class="box">
+                            <div class="box full-width">
                                 @include('partial/newslist_small', ['id' => 'items-most-read', 'news' => $populair])
                             </div>
                         </div>
                     </div>
                     <div class="row mb-4">
                         <div class="col-12">
-                            <a class="btn auto_width" id="meer-nieuws" href="#"
-                               data-loadmorenews='{"container":["#items-more-news", "#items-most-read"], "url": "/nieuws"}'>
-                                <span class="fas fa-spinner fa-spin" id="loading"></span>
+                            <a class="btn auto_width" id="meer-nieuws" href="{{route('nieuws')}}">
                                 Klik hier voor meer nieuws
                             </a>
                         </div>
@@ -170,12 +170,28 @@
 
                     @if ($podcast)
                             <?php $url = route('gemist.fragment') . $podcast->url; ?>
-                        <h4 class="box_header"><span>Uitgelicht</span></h4>
+                        <h4 class="box_header"><span>Uitgelicht fragment</span></h4>
                         <div class="box featured">
                             <div class="row">
                                 <div class="col-12 col-md-6">
                                     <a href="{{$url}}" title="{{$podcast->title}}">
-                                        <img src="{{$podcast->image && $podcast->image->url ? $imgBase . $podcast->image->url : '/images/noimage.png'}}"/>
+					<img src="{{($hasImage = $podcast->image && $podcast->image->url) ? $imgBase . $podcast->image->url : '/images/noimage.png'}}"/>
+<div class="sentence">
+	<?php
+				$sentence = [];
+                if ($hasImage) {
+					$sentence[] = '<span class="text">' . $podcast->image->title . '</span>';
+				} elseif (isset($podcast->image->title) && $podcast->image->title) {
+					$sentence[] = '<span class="text">' . $podcast->image->title . '</span>';
+				}
+				if (isset($podcast->image->author) && $podcast->image->author) {
+					$sentence[] = '<span class="author">' . $podcast->image->author . '</span>';
+				}
+				$sentence = join('<span class="separator">|</span>', $sentence);
+			?>
+	{!!$sentence!!}
+</div>
+
                                     </a>
                                 </div>
                                 <div class="col-12 col-md-6">
@@ -199,21 +215,13 @@
                 </div>
 
                 <div class="col-12 col-md-auto sidebar">
-                    @include('widgets/nhgooiradiotv', ['headerClass' => 'extra_small'])
+                    @include('widgets/nhgooiradiotv', ['headerClass' => 'small'])
+
+                    @include('widgets/add_sidebar', ['ad_sidebar' => 'nhgooi_homepage_side', 'ad_sidebarId' => 'nhgooi_sidebar1'])
 
                     @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>
+                    @include('widgets/add_sidebar', ['ad_sidebar' => 'nhgooi_homepage_side2', 'ad_sidebarId' => 'nhgooi_sidebar2'])
                 </div>
             </div>
         </div>

resources/views/imageslist.blade.php

@@ -1,74 +1,81 @@
 @extends('layouts/full')
 
-@section('title') 
-  @if($title) {{$title}} - Beelden @else Beelden @endif
+@section('title')
+    @if($title)
+        {{$title}} - Beelden
+    @else
+        Beelden
+    @endif
 @endsection
 
 
 @section('breadcrumb')
-	@if($title)
-	<ul class="bread_crumb" style="margin-top: -10px; margin-bottom: 4px; ">
-		<li><a title="Beelden" href="{{route('beelden')}}">Beelden</a></li>
-		<li class="separator icon_small_arrow right_gray">&nbsp;</li>
-		<li>{{$title}}</li>
-	</ul>
-	@endif
+    @if($title)
+        <ul class="bread_crumb" style="margin-top: -10px; margin-bottom: 4px; ">
+            <li><a title="Beelden" href="{{route('beelden')}}">Beelden</a></li>
+            <li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
+            <li>{{$title}}</li>
+        </ul>
+    @endif
 @endsection
 
 @section('content')
-        <p class='bouwmee'>Ook jouw foto op deze pagina? <a href="mailto:beelden@nhgooi.nl">Mail naar beelden@nhgooi.nl!</a></p>
+    <div class="page_body margin_bottom">
+        <p class='bouwmee'>Ook jouw foto op deze pagina? <a href="mailto:beelden@nhgooi.nl">Mail naar
+                beelden@nhgooi.nl!</a></p>
 
-	<div id="items">
-		@include('partial/imageslist_small', ['images' => $images])
-	</div>
+        <div id="items">
+            @include('partial/imageslist_small', ['images' => $images])
+        </div>
 
-	@if(count($images) >= 15)
-	<div>
-		<button class="more page_margin_top" type="button" id='meer-beelden'>
-			<span class="fa-2x fas fa-spinner fa-spin" id="loading"></span>
-			LAAD MEER BEELDEN
-		</button>
-	</div>
-	@endif
+        @if(count($images) >= 15)
+            <div>
+                <button class="more page_margin_top" type="button" id='meer-beelden'>
+                    <span class="fa-2x fas fa-spinner fa-spin" id="loading"></span>
+                    LAAD MEER BEELDEN
+                </button>
+            </div>
+        @endif
+    </div>
 
 @endsection
 
 @push('scripts')
-<script>
-	var nextPage = 2;
-	var isLoading = 0;
-	var $isLoading = $('#loading').hide();
+    <script>
+      var nextPage = 2;
+      var isLoading = 0;
+      var $isLoading = $('#loading').hide();
 
-	$('#meer-beelden').click(function(e) {
-		e.preventDefault();
-		if(!isLoading) {
-			// Set flag and update UI
-			isLoading = 1;
-			$isLoading.show();
-			var $button = $(this).attr("disabled", "disabled");
-	
-			// Fire request for the next page
-			$.ajax({ url: document.location.pathname + '?pagina=' + nextPage })
-				.always(function() { 
-					// Whether success or failure, update the UI again
-					isLoading = 0; 
-					$isLoading.hide(); 
-					$button.removeAttr("disabled");
-				})
-				.done(function(data) { 
-					if(!data) { 
-						// When no data was returned, disable the button permanently
-						page = -1;
-                				$('#items').append("<hr /><p>Er zijn geen beelden (meer).</p>"); 
-						$button.remove();
-						return;
-					}
+      $('#meer-beelden').click(function (e) {
+        e.preventDefault();
+        if (!isLoading) {
+          // Set flag and update UI
+          isLoading = 1;
+          $isLoading.show();
+          var $button = $(this).attr("disabled", "disabled");
 
-					$('#items').append(data); 
-					++nextPage;
-				});
-		}
-	});
-</script>
+          // Fire request for the next page
+          $.ajax({url: document.location.pathname + '?pagina=' + nextPage})
+            .always(function () {
+              // Whether success or failure, update the UI again
+              isLoading = 0;
+              $isLoading.hide();
+              $button.removeAttr("disabled");
+            })
+            .done(function (data) {
+              if (!data) {
+                // When no data was returned, disable the button permanently
+                page = -1;
+                $('#items').append("<hr /><p>Er zijn geen beelden (meer).</p>");
+                $button.remove();
+                return;
+              }
+
+              $('#items').append(data);
+              ++nextPage;
+            });
+        }
+      });
+    </script>
 @endpush
 

resources/views/jobsitem.blade.php

@@ -1,50 +1,60 @@
 @extends('layouts/sidebar')
 
-@section('title') 
+@section('title')
   {{$job->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="Vacatures" href="{{route('vacatures')}}">Vacatures</a></li>
-		<li class="separator icon_small_arrow right_gray">&nbsp;</li>
+		<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
 		<li>{{$job->title}}</li>
 	</ul>
-@endsection 
+@endsection
+
+@section('page_container_class')
+	grey_background
+@endsection
+@section('site_container_class')
+	grey_background
+@endsection
+@section('container_class')
+	news_post post_container
+@endsection
 
 
 @section('content')
 
-<div class="row">
-	<div class="post single ">
-		<div class="post_content clearfix">
-			<div class="content_box">
-				@if($job->images)
-					@if(count($job->images) == 1)
-					<div class="post_image_box">
-						<a href="{{$imgBase . $job->images[0]->url}}" class="post_image prettyPhoto" rel="prettyPhoto" title="{{$job->images[0]->title}}">
-							<img src='{{$imgBase . $job->images[0]->url}}' alt='{{$job->images[0]->title}}'>
-						</a>
-						<div class="sentence">
-							<span class="text">{{$job->images[0]->title}}</span>
-							@if(isset($job->images[0]->author))
-								<span class="author">{{$job->images[0]->author}}</span>
-							@endif
-						</div>
+	<div class="post_body">
+		@if($job->images)
+			@if(count($job->images) == 1)
+				<div class="post_image_box">
+					<a href="{{$imgBase . $job->images[0]->url}}" class="post_image prettyPhoto" rel="prettyPhoto"
+					   title="{{$job->images[0]->title}}">
+						<img src='{{$imgBase . $job->images[0]->url}}' alt='{{$job->images[0]->title}}'>
+					</a>
+					<div class="sentence">
+						<span class="text">{{$job->images[0]->title}}</span>
+						@if(isset($job->images[0]->author))
+							<span class="author">{{$job->images[0]->author}}</span>
+						@endif
 					</div>
-					@else
-					<div class="horizontal_carousel_container thin page_margin_top gallery_control">
-						<ul class="horizontal_carousel control-for-post-gallery visible-5 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
-							@foreach($job->images as $image)
+				</div>
+			@else
+				<div class="horizontal_carousel_container thin page_margin_top gallery_control">
+					<ul class="horizontal_carousel control-for-post-gallery visible-5 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
+						@foreach($job->images as $image)
 							<li>
 								<a href="#"><img src='{{$imgBase . $image->url}}'></a>
 							</li>
-							@endforeach
-						</ul>
-					</div>
-					<div id="control-by-post-gallery" class="horizontal_carousel_container big margin_top_10">
-						<ul id="post-gallery" class="horizontal_carousel visible-1 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
+						@endforeach
+					</ul>
+				</div>
+				<div id="control-by-post-gallery" class="horizontal_carousel_container big margin_top_10">
+					<ul id="post-gallery"
+						class="horizontal_carousel visible-1 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
 						@foreach($job->images as $image)
 							<li>
 								<a href="{{$imgBase . $image->url}}" data-rel="gallery" title="{{$image->title}}">
@@ -52,57 +62,32 @@
 									<img src='{{$imgBase . $image->url}}' alt='{{$image->title}}'>
 								</a>
 							</li>
-						</ul>
-						@endforeach
-					</div>
-					@endif
-				@endif
-
-				<div class="text">
-				{!!$job->content!!}
- 
-                                <hr />
-                                <h4>Interesse?</h4>
-  				<p><a href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst">Meld je nu aan voor een vrijblijvende kennismaking</a> met NH Gooi.</p>
-  				<!-- <a class="read_more" href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst"><span class="arrow"></span><span>Programma &amp; aanmelden</span></a> -->
-
-                                <p>Je kan ons ook mailen. Stuur een korte introductie met motivatie naar meebouwen@nhgooi.nl en we nemen contact met je op voor een vrijblijvend kennismakingsgesprek.</p>
-				<a class="read_more" href="mailto:meebouwen@nhgooi.nl?subject=Reactie op vacature voor {{$job->title}}" title="Mail direct je reactie op deze vacature."><span class="arrow"></span><span>Reageer nu!</span></a>
+					</ul>
+					@endforeach
 				</div>
-				
-				{{--
-				@include('widgets/share')
-				--}}
+			@endif
+		@endif
 
-			</div>
+		<div class="text">
+			{!!$job->content!!}
+
+			<hr/>
+			<h2>Interesse?</h2>
+			<p><a href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst">Meld je nu aan voor een vrijblijvende
+					kennismaking</a> met NH Gooi.</p>
+			<!-- <a class="read_more" href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst"><span class="arrow"></span><span>Programma &amp; aanmelden</span></a> -->
+
+			<p>Je kan ons ook mailen. Stuur een korte introductie met motivatie naar meebouwen@nhgooi.nl en we nemen
+				contact met je op voor een vrijblijvend kennismakingsgesprek.</p>
+			<a class="btn"  href="mailto:meebouwen@nhgooi.nl?subject=Reactie op vacature voor {{$job->title}}"
+			   title="Mail direct je reactie op deze vacature.">
+				<span>Reageer nu!</span>
+			</a>
 		</div>
+
+		{{--
+        @include('widgets/share')
+        --}}
+
 	</div>
-</div>
-<style>
-  .post.single .content_box {
-    float: none;
-    margin-left: 0;
-    width: auto;
-    padding: 1em 0;
-    color: #3E3E3E !important;
-    line-height: 150%;
-  }
-  .content_box .text > * {
-    margin-left: 0px;
-  }
-  .content_box ul br { 
-    display: none;
-  }
-
-
-  .content_box li {
-    padding-top: 7px;
-    padding-bottom: 7px;
-    margin-top: 0;
-    background-repeat: no-repeat;
-    background-position: left 10px;
-    padding-left: 25px;
-    background-image: url("/images/icons/other/bullet_style_2.png");
-  }
-</style>
 @endsection