Lees ook... alleen laten zien als het naar loakle artikelen verwijst

.env.example

@@ -1,39 +0,0 @@
-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,11 @@ 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
 
 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 && \
+# RUN php artisan cache:clear && \
-    php artisan config:clear && \
+#   php artisan config:clear && \
-    php artisan view:clear
+#  php artisan view:clear

app/Http/Controllers/CalendarController.php

@@ -6,12 +6,6 @@ use \Illuminate\Http\Request;
 
 class CalendarController extends Controller
 {
-
-    public function __construct()
-    {
-        parent::__construct();
-    }
-
     public function show(Request $request, $id)
     {
         parent::registerView($request, 'agenda', $id);
@@ -25,7 +19,7 @@ class CalendarController extends Controller
     {
         $apiResult = $this->API('agenda/overzicht');
         $calendar = [];
-        foreach($apiResult as $calendarItem)
+        foreach($apiResult->events as $calendarItem)
         {
             $calendar[] = new \Model\CalendarEvent($calendarItem);
         }

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;
     }
@@ -49,17 +49,15 @@ class Controller extends BaseController
             $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,
+                $program->start = self::JsonToDateTime($item_data->start);
-                    new \DateTimeZone($item_data->start->timezone));
+                $program->end = self::JsonToDateTime($item_data->end);
-                $program->end = new \DateTimeImmutable($item_data->end->date,
-                    new \DateTimeZone($item_data->end->timezone));
             }
 
             // Need a bit of slack here, otherwise the current program may show up
@@ -68,10 +66,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,
+                $recent->start = self::JsonToDateTime($item_data->start);
-                    new \DateTimeZone($item_data->start->timezone));
+                $recent->end = self::JsonToDateTime($item_data->end);
-                $recent->end = new \DateTimeImmutable($item_data->end->date,
-                    new \DateTimeZone($item_data->end->timezone));
                 if (($recent->end < $now) && (!$recent->nonstop) && (!$recent->rerun)) {
                     $view->with('recent', $recent);
                     break;
@@ -92,7 +88,7 @@ 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'));
         });
@@ -118,16 +114,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)));
@@ -148,7 +144,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)) : new \DateTime($obj);
     }
 
     public function __call($method, $arguments)
@@ -166,8 +162,8 @@ class Controller extends BaseController
     public function getSidebareData()
     {
         $populair = [];
-        $apiResult = $this->API('nieuws/populair?aantal=5');
+	$apiResult = $this->API('nieuws/populair?aantal=5');
-        foreach ($apiResult as $_newsItem) {
+        foreach ($apiResult->news as $_newsItem) {
             $populair[] = new \Model\NewsItem($_newsItem);
         }
 

app/Http/Controllers/HomeController.php

@@ -18,7 +18,7 @@ class HomeController extends Controller
 
         $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);
         }
 

app/Http/Controllers/JobsController.php

@@ -29,12 +29,12 @@ 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)
+        #foreach($apiResult->jobs as $jobsItem)
-        {
+        #{
-            $jobs[] = new \Model\JobOpening($jobsItem);
+        #    $jobs[] = new \Model\JobOpening($jobsItem);
-        }
+        #}
 
         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']);

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)
@@ -145,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);
         }
 
@@ -172,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/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);

docker/apache.conf

@@ -6,9 +6,9 @@ ServerTokens Prod
 <VirtualHost *:80>
   ServerName localhost
   ServerAdmin support@websight.nl
-  DocumentRoot /var/www/html
+  DocumentRoot /var/www/html/public
 
-  <Directory /var/www/html/>
+  <Directory /var/www/html/public/>
       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
+      DocumentRoot /var/www/html/public
 
       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/>
+      <Directory /var/www/html/public/>
           Options -Indexes +FollowSymLinks +MultiViews
           AllowOverride All
           Order deny,allow

public/css/style.css

@@ -725,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;
@@ -1647,4 +1649,10 @@ a, a:hover, a:active {
   }
 }
 
+.podcast-player .content {
+	border: solid 1px #333;
+	border-radius: 5px;
+	padding: 0.4rem;
+}
+
 /*# sourceMappingURL=style.css.map */

public/css/style.css.old

@@ -0,0 +1,91 @@
+
+.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/js/main.js

@@ -1 +0,0 @@
-

resources/views/calendarlist.blade.php

@@ -37,40 +37,9 @@
     @section('content')
         @parent
         <div data-tabs class="page_body">
-            <div class="tabs">
+                <div style="padding: 0" class="tab_content active" id="agenda">
-                <h4 data-tab-content-id="tab_previous" class="box_header small flex-grow-1"><span>Eerder</span></h4>
-                <h4 data-tab-content-id="tab_current_week" class="box_header small flex-grow-1 active"><span>Komende week</span></h4>
-                <h4 data-tab-content-id="tab_everything" class="box_header small flex-grow-1"><span>Toon alles</span></h4>
-                <h4 data-tab-content-id="tab_next" class="box_header small"><span>Later</span></h4>
-            </div>
-
-            @php($tabs = [
-                [
-                    'id' => 'tab_previous',
-                    'start' =>  new DateTime('1-1-1990'),
-                    'end' =>  new DateTime('sunday previous week'),
-                ],
-                [
-                    'id' => 'tab_current_week',
-                    'start' =>  new DateTime('monday this week'),
-                    'end' =>  new DateTime('sunday this week'),
-                ],
-                [
-                    'id' => 'tab_everything',
-                    'start' =>  new DateTime('1-1-1990'),
-                    'end' =>  new DateTime('31-12-3000'),
-                ],
-                [
-                    'id' => 'tab_next',
-                    'start' =>  new DateTime('monday next week'),
-                    'end' =>  new DateTime('31-12-3000'),
-                ]
-            ])
-            @foreach($tabs as $tab)
-                <div style="padding: 0" class="tab_content{{$tab['id'] == 'tab_current_week' ? ' active' : ''}}" id="{{$tab['id']}}">
                     @php($count = 0)
                     @foreach($events as $event)
-                        @if($event->starts >= $tab['start'] && $event->ends <= $tab['end'])
                             @php($count++)
                             <?php $url = route('agenda.details', ['id' => $event->id, 'title' => $event->title]); ?>
                             <div class="box featured">
@@ -83,8 +52,10 @@
                                     <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;">
+					    <ul class="post_tags" style="width: 100%; margin: 0 0 8px 0;height: 25px;">
-                                                <li><a style="padding: 3px 8px 3px" title="{{$event->region}}">{{$event->region}}</a></li>
+						@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?')}}
@@ -99,14 +70,12 @@
                                         <a class="btn fit_content" href="{{$url}}">Lees verder</a>
                                     </div>
                                 </div>
-                            </div>
-                        @endif
-                    @endforeach
                     @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>
             @endforeach
         </div>
+      </div>
     @endsection
 @endif

resources/views/contact.blade.php

@@ -21,7 +21,7 @@
             <div class="col-12 col-md">
                 <h3>Contactinformatie</h3>
 
-                <p>Neem contact op met NH Gooi, de streekomroep voor Gooi &amp; Vechtstreek.</p>
+                <p>Neem contact op met NH Gooi, de streekomroep voor Hilversum, Huizen, Blaricum, Eemnes en Laren.</p>
 
                 <p>Wij zijn te ontvangen in heel Gooi en Eemland. <br>
                     <a href="{{url('frequenties')}}" class="action_button">
@@ -62,6 +62,30 @@
                     {{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,27 +14,6 @@
 
 @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

@@ -24,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}}"
+                                                <a title="{{$tag->titel}}"
-                                                   href="{{route('nieuws.regio', ['region' => $item->region->slug])}}"
+                                                   href="{{route('nieuws.tag', ['tag' => $tag->slug])}}"
-                                                   class="over_image">{{$item->region->title}}</a>
+                                                   class="over_image">{{$tag->titel}}</a>
                                             </li>
-                                        @endif
+                                        @endforeach
                                     </ul>
                                     <h2><a href="{{url($item->url)}}"
                                            title="{{$item->title}}">{!!$item->title!!}</a></h2>
@@ -61,13 +61,13 @@
                                     </a>
                                     <div class="slider_content_box">
                                         <ul class="post_details simple">
-                                            @if($item->region)
+                                        @foreach($item->tags as $tag)
-                                                <li class="category">
+                                            <li class="category">
-                                                    <a title="Regio: {{$item->region->title}}"
+                                                <a title="{{$tag->titel}}"
-                                                       href="{{route('nieuws.regio', ['region' => $item->region->slug])}}"
+                                                   href="{{route('nieuws.tag', ['tag' => $tag->slug])}}"
-                                                       class="over_image">{{$item->region->title}}</a>
+                                                   class="over_image">{{$tag->titel}}</a>
-                                                </li>
+                                            </li>
-                                            @endif
+                                        @endforeach
                                         </ul>
                                         <h2><a href="{{url($item->url)}}"
                                                title="{{$item->title}}">{!!$item->title!!}</a></h2>
@@ -102,13 +102,13 @@
                                     </a>
                                     <div class="slider_content_box">
                                         <ul class="post_details simple">
-                                            @if($item->region)
+                                        @foreach($item->tags as $tag)
-                                                <li class="category">
+                                            <li class="category">
-                                                    <a title="Regio: {{$item->region->title}}"
+                                                <a title="{{$tag->titel}}"
-                                                       href="{{route('nieuws.regio', ['region' => $item->region->slug])}}"
+                                                   href="{{route('nieuws.tag', ['tag' => $tag->slug])}}"
-                                                       class="over_image">{{$item->region->title}}</a>
+                                                   class="over_image">{{$tag->titel}}</a>
-                                                </li>
+                                            </li>
-                                            @endif
+                                        @endforeach
                                         </ul>
                                         <h5 class="post_title"><a href="{{url($item->url)}}"
                                                title="{{$item->title}}">{!!$item->title!!}</a></h5>

resources/views/jobslist.blade.php

@@ -12,58 +12,174 @@
     </ul>
 @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('container_class')
+    news_post post_container
+@endsection
 
 @section('content')
     @parent
 
     <div class="post_body ">
+        <h2 class="first">Wat doen wij?</h2>
+        <p>NH Gooi is de streekomroep voor het Gooi. We maken radio- en televisieprogramma’s,
+            podcasts en een website met nieuws en verhalen uit je achtertuin. Muziek, informatie,
+            cultuur en ontspanning staan centraal in onze uitzendingen, maar altijd met een link naar
+            het Gooi. NH Gooi is volop in ontwikkeling en wil haar activiteiten uitbouwen.</p>
 
-    <h2>Wat doen wij?</h2>
+        <blockquote>
-    <p>NH Gooi is dé streekomroep voor het Gooi. We maken radio- en televisieprogramma’s, podcasts en bieden een website vol nieuws en verhalen uit jouw streek. Onze uitzendingen draaien om muziek, informatie, cultuur en ontspanning, allemaal met een duidelijke link naar het Gooi. Met meer dan 60 (vrijwillige) medewerkers zijn we volop in ontwikkeling en willen we onze activiteiten verder uitbouwen.</p>
+            Ik kwam hier als programmeur en nu maak ik met een collega, inmiddels vriend, elke week een
-    <p>Wil jij meebouwen aan de streekomroep van en voor het Gooi? Heb je een stevige motivatie en misschien al wat ervaring? Dan ben je bij ons aan het juiste adres. NH Gooi biedt kansen voor iedereen die wil bijdragen aan onze organisatie. En dat allemaal in het mediahart van Nederland.</p>
+            kleinkunstprogramma
-    <blockquote>
-	Ik kwam hier als programmeur en nu maak ik met een collega, inmiddels vriend, elke week een kleinkunstprogramma
-	<span class="author">— Mischa, programmamaker en technicus</span>
-    </blockquote>
-    <p>Als vrijwilliger van NH Gooi kan je gebruik maken van de opleidingsmogelijkheden die via de NLPO worden aangeboden. Kijk bijvoorbeeld eens op de <a href="https://www.nlpo.nl/opleidingen/">website van de NLPO</a> over het huidige aanbod. Ook organiseren we samen met onze mediapartner NH trainingen en cursussen.</p>
 
-    <h2>Huidige (vrijwillige) vacatures</h2>
+            <span class="author">—&nbsp;&nbsp;Mischa, programmamaker en technicus</span>
+        </blockquote>
 
-    <h3>Programma’s en content</h3>
+        <p>Lijkt het je leuk om mee te bouwen aan de streekomroep van en voor het Gooi? Dan ben je aan het juiste
-    <ul>
+            adres. NH Gooi is volop in ontwikkeling en biedt kansen voor iedereen die wil meebouwen aan
-        <li><strong>Contentmakers audio en video, voor en achter de schermen:</strong> Wil je programma's maken voor radio en/of televisie, verslaggever worden of podcasts maken? Wij zoeken mensen die het leuk vinden om te filmen, te monteren, te regisseren, redactie te voeren, programma’s te maken nieuws te lezen etc. Wil je een mooi vak leren, je kennis uitbreiden, vlieguren maken of misschien anderen jouw vak leren? Kom bij onze fijne club.</li>
+            onze organisatie. En dat allemaal in het mediacentrum van ons land.</p>
-        <li><strong>Technisch medewerkers (ICT, audio- en videotechniek):</strong> Ben jij de techneut of ICT'er die zorgt dat alle techniek en verbindingen goed blijven werken? Vind je het leuk om onze website te beheren, onze (muziek)programmering in onze computersystemen te verwerken, en/of de studio’s werkend te houden en te verbeteren? Kun je goed overweg met het opnemen en monteren van promo’s, spotjes en andere audio- en videoproducten? Dan zoeken we jou!</li>
-    </ul>
 
-    <blockquote>
+        <p>Wil je programma's maken voor radio en/of televisie, verslaggever worden, podcasts maken? Ben
-       Je krijgt bij NHGooi de kans om jezelf te ontwikkelen. Ik mocht al heel snel mijn eigen programma maken
+            jij de techneut of ICT-er die zorgt dat alle techniek en verbindingen goed blijven werken? Of vind je
-       <span class="author">— Yannick, programmamaker</span>
+            het juist leuk om met een klein team mee te denken en te zorgen dat we nog bekender worden?
-    </blockquote>
+            Bijna alles is mogelijk en altijd onder begeleiding of samen met anderen.</p>
 
-    <h3>Bestuur, staf en organisatie</h3>
+        <p>Wat wij van jou vragen is dat je nieuwsgierig bent, goed kunt samenwerken en graag op zoek gaat
-    <ul>
+            naar de verhalen uit het Gooi. Meer weten?
-        <li><strong>Diverse coördinatoren:</strong> NH Gooi is een organisatie van ruim 60 vrijwilligers die samen radio, televisie, podcasts en online producties maken. Met de ambitie om in 2025 het <a href="https://www.nlpo.nl/keurmerk-nederlands-streekomroepen/">keurmerk Nederlandse Streekomroepen</a> te behalen, streven we naar verdere professionalisering van onze interne organisatie en besturingsstructuur. We zoeken gemotiveerde vrijwilligers met coördinerende ervaring. Denk aan coördinator audio, video, externe producties, techniek, vrijwilligers/medewerkerszaken en commercie. Stuur je reactie met korte motivatie naar <a href="mailto:meebouwen@NHGooi.nl">meebouwen@NHGooi.nl</a>.</li>
+            <a href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst">Schrijf je nu in voor een
-        <li><strong>Buurt- & clubambassadeurs:</strong> NH Gooi is de stem van het Gooi. We laten graag zien en horen wat er speelt in het Gooi, door en voor inwoners van de Gooi en Vechtstreek. We brengen zo veel mogelijk nieuws en informatie uit alle kernen van het Gooi. Ook willen graag de informatie van clubs, verenigingen en andere, maatschappelijke, organisatie voor het voetlicht brengen. We zoeken ambassadeurs per kern/wijk en club/vereniging/organisatie die verslag willen doen van gebeurtenissen in hun omgeving of club. Of je nu tips doorgeeft aan de redactie of zelf verslag doet via een artikel, foto’s, audio of video – alles is mogelijk. Afhankelijk van jouw kennis, kunde en talent bepalen we samen wat mogelijk is. Sollicitaties met korte motivatie kunnen naar onze chef-redactie Petra de Beij: <a href="mailto:petra.deBeij@NHGooi.nl">petra.deBeij@NHGooi.nl</a>.</li>
+                kennismaking</a> en laat je inspireren, het verplicht je tot niets.</p>
-        <li><strong>Lid van het PBO:</strong> Het PBO is het programmabeleidbepalend orgaan van onze omroep. Het PBO komt minimaal drie keer per jaar bij elkaar om het media-aanbodbeleid vast te stellen en te controleren of onze programma’s voldoen aan de wettelijke normen. De leden vertegenwoordigen diverse stromingen binnen onze gemeenten, zodat we een directe binding hebben met ons publiek. Als je betrokken bent bij een van de stromingen in de Gooise samenleving (zoals sport, maatschappelijke zorg, kunst en cultuur, kerkgenootschappen, onderwijs, etnische minderheden, jongeren, ouderen, etc.) en wilt deelnemen aan het PBO, neem dan contact op via <a href="mailto:bestuur@nhgooi.nl">bestuur@nhgooi.nl</a>.</li>
+        <h2 class="first">Maak kennis met ons!</h2>
-    </ul>
+        <!-- <p>Kom op 27 november kennismaken met NH Gooi!</p> -->
+        <p>Laat je uitnodigen voor een kennismaking</p>
 
-    <h2>Vrijwillig maar niet vrijblijvend</h2>
+        <a class="btn" style="width: fit-content" href="/vacatures/ontmoet-ons" title="Kennismakingsbijeenkomst">
-    <p>Werken aan radio-, televisie-, podcast- en onlineproducties en het draaiende houden van onze organisatie is enorm leuk en inspirerend. Dit vraagt echter expertise, inzet en vasthoudendheid. NH Gooi is een vrijwilligersorganisatie, maar dat betekent niet dat we onderdoen voor een beroepsorganisatie. We vinden het belangrijk dat we op je kunnen rekenen. Vrijwillig is immers niet vrijblijvend. </p>
+            <span>Aanmelden</span>
-    <p>We vragen dat je nieuwsgierig bent, goed kunt samenwerken en gemotiveerd bent om je in te zetten voor NH Gooi. En met wat ervaring heb je een streepje voor! En wil je nieuwe dingen leren? Dan kun je gebruik maken van de opleidingsmogelijkheden.</p>
+        </a>
-    <p>Neem contact met ons op via <a href="mailto:meebouwen@nhgooi.nl">meebouwen@nhgooi.nl</a> en geef aan waar je interesse ligt, welke ervaring je hebt en wat je motivatie is om mee te bouwen aan NH Gooi.</p>
+        <div class="clearfix"></div>
 
-    <blockquote>
+       @if(count($jobs))
-	Produceren, presenteren, reportages maken, monteren; ik kon het allemaal leren bij NH Gooi. Wil je iets met radio, ben je van 'wel vrijwillig, maar niet vrijblijvend?' Dan wil ik graag mijn ervaringen met je delen
+        <h2 class="first">Wie zoeken wij?</h2>
-	<span class="author">— Michel Stoeltie</span>
+        <ul>
-    </blockquote>
+            @foreach($jobs as $job)
+                <li>
+                    <a class="read_more" href="{{$job->url}}" title="Reageer direct op de vacature {{$job->title}}">
+                        <span>{{$job->title}}</span>
+                    </a>
+                </li>
+            @endforeach
+        </ul>
+        <div class="clearfix"></div>
+        <div style="margin: 1em; border-bottom: solid 1px #333;"></div>
+	<h2>Niet wat je zoekt?</h2>
+        @endif
+        <a class="btn" style="width: fit-content" href="mailto:meebouwen@nhgooi.nl?subject=Open sollicitatie"
+           title="Mail direct je reactie op deze vacature.">
+            <span>Open sollicitatie</span>
+        </a>
+
+        <div class="clearfix"></div>
+        <blockquote>
+            Je krijgt bij NH Gooi de kans om jezelf te ontwikkelen. Ik mocht al heel snel mijn eigen programma maken
+            <span class="author">—&nbsp;&nbsp;Yannick, programmamaker</span>
+        </blockquote>
+
+
+        <h3 class="page_margin_top">Veelgestelde vragen</h3>
+
+        <div class="vraag">
+            <h4 class="vraag-header">Wat kan NH Gooi mij bieden?</h4>
+            <div class="antwoord">
+                <ul>
+                    <li>Een baan als vrijwilliger met toekomst. Veel (ex)collega’s zijn in dienst bij landelijke of
+                        regionale omroepen.
+                    </li>
+                    <li>De kans om mee te bouwen aan onze organisatie en programma’s.</li>
+                    <li>Een enthousiast team met veel kennis</li>
+                    <li>Meer plannen dan we op dit moment kunnen uitvoeren</li>
+                    <li>Een organisatie waar je je talenten kan ontdekken</li>
+                    <li>Workshops en bijeenkomsten met collega’s</li>
+                </ul>
+            </div>
+        </div>
+
+        <div class="vraag">
+            <h4 class="vraag-header">Aan welke voorwaarden moet ik voldoen?</h4>
+            <div class="antwoord">
+                Je hebt een band met het Gooi.
+                Je kunt zelfstandig werken
+                Je bent nieuwsgierig en ondernemend
+                Je wilt graag bij een omroep werken
+            </div>
+        </div>
+
+        <div class="vraag">
+            <h4 class="vraag-header">Kan ik me zonder ervaring ook bij NH Gooi aanmelden?</h4>
+            <div class="antwoord">
+                Ja, de wil om te leren en een flinke dosis enthousiasme is genoeg.
+            </div>
+        </div>
+
+        <div class="vraag">
+            <h4 class="vraag-header">Kan ik ook meerdere dingen doen bij NH Gooi?</h4>
+            <div class="antwoord">
+                Ja, dat is geen probleem. Bij NH Gooi is (bijna) alles mogelijk. Het belangrijkste is dat je enthousiast
+                bent en je er echt voor in wil zetten.
+            </div>
+        </div>
+
+        <div class="vraag">
+            <h4 class="vraag-header">Ik vind het leuk om mee richting te geven aan NH Gooi, kan dat ook?</h4>
+            <div class="antwoord">
+                Absoluut! Voor de verschillende onderdelen zoeken we ook coördinatoren die mede richting willen geven en
+                anderen kan ondersteunen en stimuleren.
+            </div>
+        </div>
+
+        <blockquote>
+            Produceren, presenteren, reportages maken, monteren; ik kon het allemaal leren bij NH Gooi. Wil je iets met
+            radio, ben je van 'wel vrijwillig, maar niet vrijblijvend?' Dan wil ik graag mijn ervaringen met je delen
+            <span class="author">—&nbsp;&nbsp;Michel Stoeltie</span>
+        </blockquote>
+
+        <div class="vraag">
+            <h4 class="vraag-header">Ik ben 62 jaar, kan ik me dan ook aanmelden?</h4>
+            <div class="antwoord">
+                Uiteraard, wij hebben collega’s van 18 tot 72 jaar
+            </div>
+        </div>
+
+        <div class="vraag">
+            <h4 class="vraag-header">Ik heb een parttimebaan, kan ik me aanmelden?</h4>
+            <div class="antwoord">
+                Ja, als je wilt inzetten voor NH Gooi en we kunnen op je rekenen, dan ben je welkom.
+                Hoeveel tijd je beschikbaar hebt en wanneer is minder belangrijk.
+            </div>
+        </div>
+
+        <div class="vraag">
+            <h4 class="vraag-header">Als ik meedoe, hoeveel uur per week ben ik dan bezig?</h4>
+            <div class="antwoord">
+                Of je veel of weinig tijd hebt, dat maakt niet uit. Wel vinden we het belangrijk, als je je in wilt
+                zetten,
+                dat we op je kunnen rekenen.
+            </div>
+        </div>
+
+        <div class="vraag">
+            <h4 class="vraag-header">Wat kan ik verwachten van de begeleiding?</h4>
+            <div class="antwoord">
+                Je wordt begeleid door een of meer collega’s van NH Gooi. Dit is afhankelijk wat en hoeveel je voor NH
+                Gooi
+                wilt en kunt doen.
+                Jouw begeleider
+                Is jouw vraagbaak en kent de organisatie en weet wie je kunt benaderen voor specifieke vragen
+                Zet je op het spoor van dingen en mensen die voor jou interessant zijn
+                Maar is geen persoonlijk assistent.
+            </div>
+        </div>
     </div>
 @endsection

resources/views/layouts/_head.blade.php

@@ -10,10 +10,20 @@
 		<!--style-->
 		<link href='//fonts.googleapis.com/css?family=Roboto:300,400,700' rel='stylesheet' type='text/css'>
 		<link href='//fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700' rel='stylesheet' type='text/css'>
+		<!--<link rel="stylesheet" type="text/css" href="/css/reset.css">
+		<link rel="stylesheet" type="text/css" href="/css/superfish.css">
+		<link rel="stylesheet" type="text/css" href="/css/jquery.qtip.css">
+		<link rel="stylesheet" type="text/css" href="/css/style.css">
+		<link rel="stylesheet" type="text/css" href="/css/menu_styles.css">
+		<link rel="stylesheet" type="text/css" href="/css/animations.css">
+		<link rel="stylesheet" type="text/css" href="/css/responsive.css">
+		<link rel="stylesheet" type="text/css" href="/css/odometer-theme-default.css">
+		<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
+		<link rel="stylesheet" type="text/css" href="/css/nhgooi.css">-->
 		<link rel="stylesheet" type="text/css" href="/css/prettyPhoto.css">
 		<link rel="stylesheet" type="text/css" href="/css/bootstrap-grid.min.css">
 		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
-		<link rel="stylesheet" type="text/css" href="/css/style.min.css?<?= filemtime("../public/css/style.min.css"); ?>" />
+		<link rel="stylesheet" type="text/css" href="/css/style.css">
 		<meta property="fb:app_id" content="133349980094758" />
 		<meta property="og:site_name" content="NH Gooi" />
 		<?php if(isset($metadata)) {

resources/views/layouts/master.blade.php

@@ -172,10 +172,26 @@
 </div>
 <div class="background_overlay"></div>
 <!--js-->
+<!--<script type="text/javascript" src="/js/jquery-1.12.4.min.js"></script>
+<script type="text/javascript" src="/js/jquery-migrate-1.4.1.min.js"></script>
+<script type="text/javascript" src="/js/jquery.ba-bbq.min.js"></script>
+<script type="text/javascript" src="/js/jquery-ui-1.11.1.custom.min.js"></script>
+<script type="text/javascript" src="/js/jquery.easing.1.3.js"></script>
+<script type="text/javascript" src="/js/jquery.carouFredSel-6.2.1-packed.js"></script>
+<script type="text/javascript" src="/js/jquery.touchSwipe.min.js"></script>
+<script type="text/javascript" src="/js/jquery.mousewheel.min.js"></script>
+<script type="text/javascript" src="/js/jquery.transit.min.js"></script>
+<script type="text/javascript" src="/js/jquery.sliderControl.js"></script>
+<script type="text/javascript" src="/js/jquery.timeago.js"></script>
+<script type="text/javascript" src="/js/jquery.hint.js"></script>
+<script type="text/javascript" src="/js/jquery.qtip.min.js"></script>
+<script type="text/javascript" src="/js/jquery.blockUI.js"></script>
+<script type="text/javascript" src="/js/odometer.min.js"></script>-->
+<script type="text/javascript" src="/js/main.js"></script>
 <script type="text/javascript" src="/js/jquery-3.7.1.min.js"></script>
 <script type="text/javascript" src="/js/jquery.prettyPhoto.js"></script>
 <script type="text/javascript" src="/js/jquery.carouFredSel-6.2.1.min.js"></script>
-<script type="text/javascript" src="/js/functions.min.js"></script>
+<script type="text/javascript" src="/js/functions.js"></script>
 <script type="text/javascript">
   $(window).resize(function () {
     // Fix sticky for mobile menu indicator

resources/views/newsitem.blade.php

@@ -11,16 +11,18 @@
 		<li><a title="Home" href="/">Home</a></li>
 		<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
 		<li><a title="Nieuws" href="{{route('nieuws')}}">Nieuws</a></li>
-		<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
+{{--		<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
 		<li><a title="{{$news->region->title}}" href="{{route('nieuws.regio', $news->region->slug)}}">{{$news->region->title}}</a></li>
-		<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
+--}}		<li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
 		<li>{!!$news->title!!}</li>
 	</ul>
 @endsection
 
 @section('tags')
 	<ul class="post_tags">
-		<li><a href="{{route('nieuws.regio', $news->region->slug)}}" title="{{$news->region->title}}">{{$news->region->title}}</a></li>
+		@foreach($news->tags as $tag)
+		<li><a href="{{route('nieuws.tag', $tag->slug)}}" title="{{$tag->titel}}">{{$tag->titel}}</a></li>
+		@endforeach
 	</ul>
 @endsection
 
@@ -28,12 +30,6 @@
 
 	<div class="post_body">
 		<ul class="post_details clearfix">
-			@if($news->region && $news->region->title != "Regio")
-			<li class="detail category"><i class="fa-solid fa-location-dot"></i> Regio <a href="{{route('nieuws.regio', $news->region->slug)}}" title="{{$news->region->title}}">{{$news->region->title}}</a></li>
-			@endif
-			@if($news->theme && $news->theme->title != "Overig")
-			<li class="detail category"><i class="fa-solid fa-tag fa-rotate-90"></i> Thema <a href="{{route('nieuws.thema', $news->theme->slug)}}" title="{{$news->theme->title}}">{{$news->theme->title}}</a></li>
-			@endif
 			<li class="detail date">
 				<i class="fa-regular fa-clock"></i>
 				{{Formatter::relativeDate($news->published)}} om {{$news->published->format('H:i')}}
@@ -51,30 +47,6 @@
 		</ul>
 
 
-		@if($news->podcast)
-			@include('widgets/mediaplayer')
-			<div class="announcement">
-				<div>
-					<audio controls>
-					<source src="{{ $url = url( $apiUrl . 'podcast/download' . $news->podcast->url . "?auth=" . $news->podcast->auth )}}" type="audio/mpeg" />
-					</audio>
-				</div>
-				<ul class="post_details clearfix">
-					<li class="detail date">
-						<i class="fa-regular fa-clock"></i>
-							{{ Formatter::relativeDate($news->podcast->created) }} uitgezonden
-							@if($news->podcast->program) in <a href="{{ route('programma') . $news->podcast->program->url }}">{{ $news->podcast->program->name }}</a> @endif
-					</li>
-					<li class="detail category">
-						<a href="{{ route('gemist.fragment') . $news->podcast->url }}">
-							<span class="fa "></span>
-							<span>Meer over dit fragment</span>
-						</a>
-					</li>
-				</ul>
-			</div>
-		@endif
-
 		<div class="post_content clearfix">
 			<div class="content_box">
 				@if($news->images)
@@ -123,6 +95,10 @@
 				</div>
 				@endif
 
+				@if($news->podcast)
+				@include('widgets/podcastplayer', ['podcast' => $news->podcast])
+				@endif
+
 				@if($news->source && $news->source->show)
 				<div class="post-source">
 				<p>Bron: {{$news->source->title}}</p>
@@ -133,26 +109,6 @@
 				@include('widgets/share')
 				--}}
 
-				{{--
-					<ul class="taxonomies tags left clearfix">
-						@if($news->keywords)
-						@foreach($news->keywords as $keyword)
-						<li>
-							<a href="{{route('nieuws/onderwerp/' . $keyword)}}" title="Zoek meer nieuws met het onderwerp {{$keyword}}">{{$keyword}}</a>
-						</li>
-						@endforeach
-						@endif
-					</ul>
-				--}}
-				<ul class="post_tags clearfix">
-					<li>Tags:</li>
-					<li>
-						<a href="{{route('nieuws.thema', $news->theme->slug)}}" title="Zoek meer nieuws met het thema {{$news->theme->title}}">{{$news->theme->title}}</a>
-					</li>
-					<li>
-						<a href="{{route('nieuws.regio', $news->region->slug)}}" title="Zoek meer nieuws uit de regio {{$news->region->title}}">{{$news->region->title}}</a>
-					</li>
-				</ul>
 				<div class="share_buttons row">
 					<div class="col-12 col-md-auto">
 						<a data-share="native" href="javascript:void(0)" class="btn">

resources/views/newslist.blade.php

@@ -51,16 +51,11 @@
                                                           title="{{strip_tags($item->title)}}">{!!$item->title!!}</a>
                                 </h2>
                                 <ul class="post_details clearfix">
-                                    @if($item->region)
+				    @foreach($item->tags as $tag) 
-                                        <li class="detail category"><i class="fa-solid fa-location-dot"></i> Regio <a
+                                        <li class="detail category"><i class="fa-solid fa-location-dot"></i> <a
-                                                    href="{{route('nieuws.regio', $item->region->slug)}}"
+                                                    href="{{route('nieuws.tag', $tag->slug)}}"
-                                                    title="{{$item->region->title}}">{{$item->region->title}}</a></li>
+                                                    title="{{$tag->titel}}">{{$tag->titel}}</a></li>
-                                    @endif
+                                    @endforeach
-                                    @if($item->theme)
-                                        <li class="detail category"><i class="fa-solid fa-tag fa-rotate-90"></i> Thema
-                                            <a href="{{route('nieuws.thema', $item->theme->slug)}}"
-                                               title="{{$item->theme->title}}">{{$item->theme->title}}</a></li>
-                                    @endif
                                     @if($item->edited && ($item->edited != $item->published))
                                         <li class="date edited">
                                             <i class="fa-regular fa-clock"></i>

resources/views/partial/nh_story.blade.php

@@ -1,48 +1,51 @@
 @foreach($content as $block)
-	@if($block->type == "headerRichA")
+@if($block->type == "headerRichA")
-		@php($block->image->url = isset($block->image->crops)
+@php($block->image->url = isset($block->image->crops)
-			? $block->image->crops->{'16:9'}->{'1600'}
+? $block->image->crops->{'16:9'}->{'1600'}
-			: $block->image->crop)
+: $block->image->crop)
-		<a href="{{$block->image->url}}" class="post_image page_margin_top prettyPhoto" rel="prettyPhoto" title="{{$block->image->title}}">
+<a href="{{$block->image->url}}" class="post_image page_margin_top prettyPhoto" rel="prettyPhoto"
-			<img src="{{$block->image->url}}" alt="{{$block->image->title}}">
+	title="{{$block->image->title}}">
-		</a>
+	<img src="{{$block->image->url}}" alt="{{$block->image->title}}">
-		<div class="sentence margin_top_10">
+</a>
-			<span class="text">{{$block->image->title}}</span>
+<div class="sentence margin_top_10">
-			@if($block->image->author)
+	<span class="text">{{$block->image->title}}</span>
-			<span class="author">{{$block->image->author}}</span>
+	@if($block->image->author)
-			@endif
+	<span class="author">{{$block->image->author}}</span>
-		</div>
+	@endif
-	@elseif($block->type == "text")
+</div>
-		<div class="text">{!!$block->text!!}</div>
+@elseif($block->type == "text")
-	@elseif($block->type == "intro")
+<div class="text">{!!$block->text!!}</div>
-		<h3 class="excerpt">{!!strip_tags($block->text)!!}</h3>
+@elseif($block->type == "intro")
-	@elseif($block->type == "info")
+<h3 class="excerpt">{!!strip_tags($block->text)!!}</h3>
-		@if(strpos($block->text, "Meer nieuws uit 't Gooi?") === false)
+@elseif($block->type == "info")
-		<div class="info" style="background-color: {{$block->color}};">{!!($block->text)!!}</div>
+@if(strpos($block->text, "Meer nieuws uit 't Gooi?") === false)
-		@endif
+<div class="info" style="background-color: {{$block->color}};">{!!($block->text)!!}</div>
-	@elseif($block->type == "quote")
+@endif
-		<blockquote>
+@elseif($block->type == "quote")
-			{!!$block->text!!}
+<blockquote>
-			<div class="author">{{$block->name}}</div>
+	{!!$block->text!!}
-		</blockquote>
+	<div class="author">{{$block->name}}</div>
-	@elseif($block->type == "image")
+</blockquote>
-		<?php
+@elseif($block->type == "image")
+<?php
 			if(isset($block->image->imageWide))
-				$image = $block->image->imageWide;
+			$image = $block->image->imageWide;
 			else if(isset($block->image->crop))
-				$image = $block->image->crop;
+			$image = $block->image->crop;
 			else if(isset($block->image->crops) && isset($block->image->crops->{'16:9'}))
 				foreach($block->image->crops->{'16:9'} as $image) break;
 			else if(isset($block->image->imageHigh))
 				$image = $block->image->imageHigh;
 			else $image = null;
 		?>
-		@if($image)
+@if($image)
-		<a class="post_image page_margin_top prettyPhoto" rel="prettyPhoto" href="{{$image}}" title="{{$block->image->title}} &copy; {{$block->image->author}}">
+<a class="post_image page_margin_top prettyPhoto" rel="prettyPhoto" href="{{$image}}"
-			<img src="{{$image}}" class="attachment-small-slider-thumb size-small-slider-thumb wp-post-image" alt="{{$block->image->title}}" title="" style="display: block;">
+	title="{{$block->image->title}} &copy; {{$block->image->author}}">
-		</a>
+	<img src="{{$image}}" class="attachment-small-slider-thumb size-small-slider-thumb wp-post-image"
-		<div class="sentence">
+		alt="{{$block->image->title}}" title="" style="display: block;">
-			<?php
+</a>
+<div class="sentence">
+	<?php
 				$sentence = [];
                 if (isset($block->image->caption) && $block->image->caption) {
 					$sentence[] = '<span class="text">' . $block->image->caption . '</span>';
@@ -54,52 +57,88 @@
 				}
 				$sentence = join('<span class="separator">|</span>', $sentence);
 			?>
-			{!!$sentence!!}
+	{!!$sentence!!}
-		</div>
+</div>
-		@endif
+@endif
-	@elseif($block->type == "video" || $block->type == "headerVideo")
+@elseif($block->type == "video" || $block->type == "headerVideo")
-		@include('widgets/mediaplayer')
+@include('widgets/mediaplayer')
-		<?php
+<?php
 			$attr = '';
             if (isset($block->video->images[0]->imageMedia) && $block->video->images[0]->imageMedia) {
 				$attr = ' poster="' . $block->video->images[0]->imageMedia . '"';
 			}
 		?>
-		<video controls{!!$attr!!}>
+<video controls{!!$attr!!}>
-		@foreach($block->video->streams as $stream)
+	@foreach($block->video->streams as $stream)
-			<source src="{!!$stream->stream_url!!}" type="application/x-mpegurl" />
+	<source src="{!!$stream->stream_url!!}" type="application/x-mpegurl" />
-		@endforeach
+	@endforeach
-		</video>
+</video>
-		<div class="sentence">
+<div class="sentence">
-			<span class="author">{{$block->video->author}}</span>
+	<span class="author">{{$block->video->author}}</span>
-		</div>
+</div>
-	@elseif($block->type == "carousel")
+@elseif($block->type == "carousel")
-            <div class="horizontal_carousel_container gallery">
+<div class="horizontal_carousel_container gallery">
-            <ul class="horizontal_carousel visible-5 autoplay-1 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
+	<ul class="horizontal_carousel visible-5 autoplay-1 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
-            @foreach($block->items as $image)
+		@foreach($block->items as $image)
 		<?php
 			if(isset($image->image->imageWide))
 				$img = $image->image->imageWide;
 			else if(isset($block->image->crop))
-				$image = $block->image->crop;
+			$image = $block->image->crop;
 			else if(isset($image->image->crops) && isset($image->image->crops->{'16:9'}))
 				foreach($image->image->crops->{'16:9'} as $img) break;
 			else if(isset($image->image->imageHigh))
-				$img = $image->image->imageHigh;
+			$img = $image->image->imageHigh;
-			else $img = null;
+		else $img = null;
 		?>
 		@if($img)
-              <li>
+		<li>
-                <a href="{{$img}}" class="post_image prettyPhoto" rel="prettyPhoto[gallery]" title="{{$image->image->title}} &copy; {{$image->image->author}}">
+			<a href="{{$img}}" class="post_image prettyPhoto" rel="prettyPhoto[gallery]"
-                    <img src="{{$img}}" alt="{{$image->image->title}}" title="{{$image->image->title}}">
+				title="{{$image->image->title}} &copy; {{$image->image->author}}">
-                </a>
+				<img src="{{$img}}" alt="{{$image->image->title}}" title="{{$image->image->title}}">
-              </li>
+			</a>
+		</li>
 		@endif
-            @endforeach
+		@endforeach
-            </ul>
+	</ul>
-            </div>
+</div>
-	@elseif($block->type == "oembed")
+@elseif($block->type == "oembed")
-		<div class="oembed" data-url="{{$block->url}}">{!!$block->html!!}</div>
+<div class="oembed" data-url="{{$block->url}}">{!!$block->html!!}</div>
-        @endif
+@elseif($block->type == "podcast" && $block->id == $news->podcast?->id)
-@endforeach
+@include('widgets/podcastplayer', ['podcast' => $news->podcast])
-
+<? $news->podcast = null; // Avoid adding the player again ?>
+@elseif($block->type == 'article' && count($block->articles) && $block->articles[0]->published)
+<div class="block">
+	<h4 class="box_header"><span>{{ $block->title }}</span></h4>
+	<div class="box full-width">
+		<ul id="items-more-news" class="blog">
+			@foreach($block->articles as $article)
+			<? 	if(!isset($article->published)) continue;
+				$article->published = new \DateTime($article->published); ?>
+			<li class="post">
+				<div class="row">
+					@if($article->image)
+					<div class="col-4">
+						<a href="{{ route('nieuws.detail', ['id' => $article->id, 'title' => $article->slug]) }}"
+							title="{{ $article->title }}">
+							<img src="{{ $article->image }}" alt="{{ $article->image_title }}">
+						</a>
+					</div>
+					@endif
+					<div class="col-8">
+						<h2 class="post_title"><a class="clipText clipText-3"
+								href="{{ route('nieuws.detail', ['id' => $article->id, 'title' => $article->slug]) }}"
+								title="{!! $article->title !!}">{!! $article->title !!}</a></h2>
+						<span class="post_date" title="Vandaag om 09:30">
+							<i class="fa-regular fa-clock"></i> 
+							{{Formatter::relativeDate($article->published)}} om {{$article->published->format('H:i')}}
+						</span>
+					</div>
+				</div>
+			</li>
+			@endforeach
+		</ul>
+	</div>
+</div>
+@endif
+@endforeach

resources/views/privacy_verklaring.blade.php

@@ -15,38 +15,5 @@
 @section('content')
     <div class="page_body">
 
-<!DOCTYPE html>
-    <p>Bij NHGooi respecteren we uw privacy en zorgen we ervoor dat uw persoonlijke gegevens vertrouwelijk worden behandeld. Deze privacyverklaring legt uit welke gegevens we verzamelen, hoe we deze gebruiken en beschermen, en wat uw rechten zijn.</p>
-
-    <h2>1. Welke gegevens verzamelen we?</h2>
-    <p>Wij kunnen de volgende persoonsgegevens verzamelen:</p>
-    <ul>
-        <li>Naam</li>
-        <li>E-mailadres</li>
-        <li>Telefoonnummer</li>
-        <li>Adresgegevens</li>
-        <li>Gebruiksgegevens van de website (zoals IP-adres en browserinformatie)</li>
-    </ul>
-
-    <h2>2. Hoe gebruiken we uw gegevens?</h2>
-    <p>Wij gebruiken uw gegevens voor de volgende doeleinden:</p>
-    <ul>
-        <li>Verlenen en verbeteren van onze diensten</li>
-        <li>Contact opnemen voor servicegerichte of marketingdoeleinden</li>
-        <li>Analyseren van websitegebruik voor verbetering van onze diensten en website</li>
-    </ul>
-
-    <h2>3. Bescherming van uw gegevens</h2>
-    <p>Wij nemen passende technische en organisatorische maatregelen om uw persoonsgegevens te beschermen tegen verlies, misbruik en onbevoegde toegang.</p>
-
-    <h2>4. Delen van gegevens</h2>
-    <p>Wij delen uw persoonsgegevens niet met derden, tenzij dit noodzakelijk is voor de uitvoering van onze diensten of als wij wettelijk verplicht zijn dit te doen.</p>
-
-    <h2>5. Uw rechten</h2>
-    <p>U heeft het recht om uw persoonsgegevens in te zien, te corrigeren of te verwijderen. Daarnaast kunt u bezwaar maken tegen de verwerking van uw persoonsgegevens of vragen om beperking van de verwerking.</p>
-
-    <h2>6. Contact</h2>
-    <p>Voor vragen over deze privacyverklaring of uw persoonsgegevens kunt u contact met ons opnemen via <a href="mailto:info@nhgooi.nl">info@nhgooi.nl</a>.</p>
-
     </div>
 @endsection

resources/views/widgets/menu.blade.php

@@ -23,11 +23,11 @@
 		"Podcasts" => array(
 				"" => "/podcast",
 				"NH Gooi Spreekuur" => "/podcast/1091/nh-gooi-spreekuur",
-				"NH Gooi Wijsneuzen" => "/podcast/1098/nh-gooi-wijsneuzen",
 				"Hilversum in de oorlog" => "/podcast/1097/hilversum-in-de-oorlog",
+				"Duurzaam Gooi" => "/podcast/1076/podcast-duurzaam-gooi"
 		),
 		"Gemist" => "/gemist/programma",
-		"Streekagenda" => "/agenda",
+		"Regioagenda" => "/agenda",
 		"Over NH Gooi" => array(
 				"" => "/contact",
 				"Contact" => "/contact",
@@ -35,7 +35,7 @@
 				"Klachtenregeling" => "/klachten",
 				"Rol en ambities lokale nieuwsvoorziening" => "/uploads/Eigen rol en ambities NH Gooi binnen de lokale nieuwsvoorziening.pdf",
 				"Frequenties" => "/frequenties",
-				"NH Gooi-app" => "/app"
+				"App" => "/app"
 		),
 		"Adverteren" => "/adverteren"
 );

resources/views/widgets/podcastplayer.blade.php

@@ -0,0 +1,56 @@
+<div class="content pt-2">
+  @if($podcast == null)
+  <span>De podcast kan helaas (op dit moment) niet weergegeven worden.</span>
+  @else
+  @include('widgets/mediaplayer')
+
+  @if ($podcast)
+  <?php
+      $audioUrl = url($apiUrl . 'podcast/download' . $podcast->url . "?auth=" . $podcast->auth);
+      $popoutUrl = route('luister.podcast') . $podcast->url . '?auth=' . $podcast->auth;
+      ?>
+  <div class="announcement p-3">
+    <h3 class="page_title">{{$podcast->title}}</h3>
+    <div class="post_body">
+      <ul class="post_details clearfix">
+        <li class="detail date">
+          <i class="fa-regular fa-clock"></i>
+          {{ Formatter::relativeDate($podcast->created) }}
+        </li>
+        @if($podcast->program)
+        <li class="detail author">
+          <a href="{{ route('programma') . $podcast->program->url }}">{{ $podcast->program->name }}</a>
+        </li>
+        @endif
+      </ul>
+
+      <audio controls>
+        <source src="{{$audioUrl}}" type="audio/mpeg" />
+      </audio>
+      <div class="clearfix">
+        <a class="action_button btn" href="{{$audioUrl}}" title="Download dit fragment als MP3">
+          <span>Download fragment</span>
+        </a>
+        <a class="action_button btn player" href="{{$popoutUrl}}">
+          <span>Luister in nieuw venster</span>
+        </a>
+      </div>
+
+      <div class="row content_box clearfix mt-2">
+        @if($podcast->image)
+        <div class="col-3">
+          <img src="{{$imgBase . $podcast->image->url}}" title="{{$podcast->image->title}}"
+            style="display: block; width: 100%;" />
+          <div class="sentence">
+            <span class="text">{{$podcast->image->title}}</span>
+          </div>
+        </div>
+        @endif
+        <div class="col excerpt">{!!$podcast->content!!}</div>
+      </div>
+    </div>
+
+  </div>
+  @endif
+  @endif
+  </div>

routes/web.php

@@ -17,6 +17,7 @@ Route::get('/nieuws', 'NewsController@overview')->name('nieuws');
 Route::get('/nieuws/more', 'NewsController@more')->name('nieuws.more');
 Route::get('/nieuws/populair', 'NewsController@populair')->name('nieuws.populair');
 Route::get('/nieuws/regio/{region}', 'NewsController@regionlist' )->where(['region' => '[a-z0-9]+'])->name('nieuws.regio');
+Route::get('/nieuws/tag/{tag}', 'NewsController@taglist' )->where(['tag' => '[a-z0-9-]+'])->name('nieuws.tag');
 Route::get('/nieuws/thema/{theme}', 'NewsController@themelist' )->where(['themelist' => '[a-z0-9]+'])->name('nieuws.thema');
 Route::get('/nieuws/{id}/{title}', 'NewsController@show')->where(['id' => '\d+'])->name('nieuws.detail');
 Route::get('/nieuws/zoeken/{query}', 'NewsController@search')->name('nieuws.zoeken');
@@ -52,6 +53,7 @@ Route::get('/luister/fragment')->name('luister.podcast');
 Route::get('/luister/programma/{year}/{month}/{day}/{hour}/{duration}/{offset?}', 'StreamController@program')
 	->where(['id' => '\d+', 'year' => '20\d\d', 'month' => '\d\d?', 'day' => '\d\d?', 'hour' => '\d\d?', 'duration' => '\d\d?', 'offset' => '\d\d?']);
 Route::get('/luister/programma')->name('luister.programma');
+Route::get('/luister/fragment/inline/{id}', 'StreamController@inline')->where(['id' => '\d+']);
 
 Route::get('/gemist', 'RadioController@podcasts')->name('gemist');
 Route::get('/gemist/zoeken/{query}', 'RadioController@searchpodcast')->name('gemist.zoeken');