Merge branch 'release/dev' into fresh-docker

TV Programmering toegevoegd
Document aangepast voor Leon
2024-06-20 11:27:07 +02:00 · 2024-06-20 11:25:43 +02:00 · 2024-06-02 21:15:16 +02:00 · 2024-05-28 15:32:25 +02:00 · 2024-05-17 15:25:40 +02:00 · 2024-05-15 14:05:05 +02:00
43 changed files with 603 additions and 71 deletions
--- a/2
+++ b/2
@@ -32,7 +32,7 @@ WORKDIR /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
--- a/Dockerfile.dev
+++ b/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
--- a/app/Http/Controllers/CalendarController.php
+++ b/app/Http/Controllers/CalendarController.php
@@ -16,7 +16,7 @@ class CalendarController extends Controller
            'ends' => '19-04-2024',
            'url' => 'seinconcert-hilversum',
            'images' => [
-                ['url' => 'img/news/rHjgm6CM0D.jpg']
+                ['url' => '/img/news/rHjgm6CM0D.jpg']
            ]
        ],
        2 => [
@@ -28,7 +28,7 @@ class CalendarController extends Controller
            'ends' => '21-04-2024',
            'url' => 'orgelconcert-blaricum',
            'images' => [
-                ['url' => 'img/news/tgrOh0kbIS.jpg']
+                ['url' => '/img/news/tgrOh0kbIS.jpg']
            ]
        ],
    ];
--- a/app/Http/Controllers/Controller.php
+++ b/app/Http/Controllers/Controller.php
@@ -96,6 +96,8 @@ class Controller extends BaseController
                ->with('podcasts',
                    $this->getDataFromFileAndConvert('laatste_podcasts.json', ['podcasts'], '\Model\Podcast'));
        });
+
+        View::share('disableBanners', env('DISABLE_BANNERS', true));
    }

    protected function registerView(Request $request, $type, $id)
--- a/docker-compose.dev.yml
+++ b/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
--- a/docker/apache.dev.conf
+++ b/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>
--- a/env.example
+++ b/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
--- a/public/android-chrome-192x192.png
+++ b/public/android-chrome-192x192.png
--- a/public/android-chrome-512x512.png
+++ b/public/android-chrome-512x512.png
--- a/public/apple-touch-icon.png
+++ b/public/apple-touch-icon.png
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -31,10 +31,14 @@ body {
 }

@media (min-width: 768px) {
-  .grey_background {
+  .grey_background:not(.site_container) {
    background-color: #f9f9f9;
  }
 }
+.page {
+  padding-top: 20px;
+}
+
 .content_container {
  padding-right: 50px;
 }
@@ -163,10 +167,10 @@ div.pp_default .pp_close:hover {
 }
 .header .logo {
  float: left;
-  margin-top: 18px;
+  margin-top: 10px;
 }
 .header .logo img {
-  height: 75px;
+  height: 95px;
 }
 .header .advertisement {
  float: right;
@@ -198,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);
  }
 }
@@ -254,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;
@@ -265,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;
@@ -303,10 +310,15 @@ div.pp_default .pp_close:hover {
  margin: 8px;
  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.collapsed, .menu_mobile_container ul.right_menu li.collapsed {
+  padding: 3px 9px 3px 6px;
+  margin: 8px auto;
+}
 .top_menu_container ul.right_menu li:last-child, .menu_mobile_container ul.right_menu li:last-child {
  border: none;
  line-height: 1;
@@ -320,6 +332,12 @@ 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;
@@ -349,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;
@@ -357,7 +375,7 @@ 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;
@@ -576,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;
 }
@@ -1455,6 +1492,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;
--- a/public/css/style.css.map
+++ b/public/css/style.css.map
--- a/public/favicon-16x16.png
+++ b/public/favicon-16x16.png
--- a/public/favicon-32x32.png
+++ b/public/favicon-32x32.png
--- a/public/favicon.ico
+++ b/public/favicon.ico
--- a/public/images/Slogan_DIAP
+++ b/public/images/Slogan_DIAP
@@ -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>
--- a/public/images/Streekomroep
+++ b/public/images/Streekomroep
--- a/public/js/functions.js
+++ b/public/js/functions.js
@@ -193,7 +193,19 @@ $(function () {
    this.click(function (e) {
      e.preventDefault();
      var type = options.types[options.type];
-      if (type !== undefined) {
+      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();
--- a/public/js/functions.min.js
+++ b/public/js/functions.min.js
--- a/nieuwsvoorziening.pdf
+++ b/nieuwsvoorziening.pdf
--- a/resources/assets/js/functions/share.js
+++ b/resources/assets/js/functions/share.js
@@ -23,7 +23,19 @@
    this.click(function (e) {
      e.preventDefault();
      var type = options.types[options.type];
-      if (type !== undefined) {
+      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();
--- a/resources/assets/sass/base/_container.scss
+++ b/resources/assets/sass/base/_container.scss
@@ -20,10 +20,13 @@ body {
  @include container;
 }
@media (min-width: 768px) {
-  .grey_background {
-    background-color: #f9f9f9;
+  .grey_background:not(.site_container) {
+    background-color: $container-bg;
  }
 }
+.page {
+  padding-top: 20px;
+}
 .content_container {
  padding-right: 50px;
 }
--- a/resources/assets/sass/components/_footer.scss
+++ b/resources/assets/sass/components/_footer.scss
@@ -33,6 +33,11 @@
      width: 100%;
    }

+    .about a {
+      display: inline;
+      text-decoration: underline;
+    }
+
    .buttons a {
      text-transform: uppercase;
      margin-bottom: 10px;
--- a/resources/assets/sass/components/_header.scss
+++ b/resources/assets/sass/components/_header.scss
@@ -2,9 +2,9 @@
  height: 111px;
  .logo {
    float: left;
-    margin-top: 18px;
+    margin-top: 10px;
    img {
-      height: 75px;
+      height: 95px;
    }
  }
  .advertisement {
--- a/resources/assets/sass/components/_menu.scss
+++ b/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);
  }

@@ -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;
@@ -114,6 +117,12 @@
      margin: 8px;
      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;
@@ -133,6 +142,13 @@
        color: $text-inverted-color;
        text-decoration: none;
        text-transform: uppercase;
+        display: flex;
+
+        span {
+          overflow: hidden;
+          display: block;
+          height: 28px;
+        }

        &.with_svg_icon {
          position: relative;
@@ -166,7 +182,7 @@
          border: 1px solid #efefef;
          border-radius: 3px;
          background-color: $element-bg;
-          height: 29px;
+          height: 26px;
          font-family: Montserrat, serif;
          font-size: 16px;
          line-height: 1.25;
@@ -174,7 +190,7 @@
        }
        .search_submit {
          float: right;
-          margin: 6px;
+          margin: 4px;
        }
      }
      .search_button {
@@ -410,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;
+        }
+      }
+    }
+  }
+}
--- a/resources/views/calendarlist.blade.php
+++ b/resources/views/calendarlist.blade.php
@@ -7,7 +7,10 @@
@section('page_class')
    news_post post_container breadcrumb_no_border
@endsection
-@section('container_class')
+@section('page_container_class')
+    grey_background
+@endsection
+@section('site_container_class')
    grey_background
@endsection

--- a/resources/views/contact.blade.php
+++ b/resources/views/contact.blade.php
@@ -31,9 +31,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,14 +43,21 @@
                    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>
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -135,6 +135,7 @@
        {{-- 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 -
@@ -142,6 +143,7 @@
                    <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">
@@ -199,16 +201,9 @@
                <div class="col-12 col-md-auto sidebar">
                    @include('widgets/nhgooiradiotv', ['headerClass' => 'small'])

-                    @include('widgets/contact', [])
-
                    @include('widgets/add_sidebar', ['ad_sidebar' => 'nhgooi_homepage_side', 'ad_sidebarId' => 'nhgooi_sidebar1'])

-                    <div class="podcast_items">
-                        <h4 class="box_header small"><span>Fragment gemist</span></h4>
-                        <div class="box">
-                            @include('partial/podcastitems', ['showTime' => false, 'showImage' => false, 'podcasts' => $podcasts])
-                        </div>
-                    </div>
+                    @include('widgets/contact', [])

                    @include('widgets/add_sidebar', ['ad_sidebar' => 'nhgooi_homepage_side2', 'ad_sidebarId' => 'nhgooi_sidebar2'])
                </div>
--- a/resources/views/jobsitem.blade.php
+++ b/resources/views/jobsitem.blade.php
@@ -17,6 +17,9 @@
@section('page_container_class')
 	grey_background
@endsection
+@section('site_container_class')
+	grey_background
+@endsection
@section('container_class')
 	news_post post_container
@endsection
--- a/resources/views/jobslist.blade.php
+++ b/resources/views/jobslist.blade.php
@@ -15,6 +15,9 @@
@section('page_container_class')
    grey_background
@endsection
+@section('site_container_class')
+    grey_background
+@endsection
@section('container_class')
    news_post post_container
@endsection
--- a/resources/views/layouts/_analytics.blade.php
+++ b/resources/views/layouts/_analytics.blade.php
@@ -12,9 +12,11 @@ cookieconsent.run({"notice_banner_type":"simple","consent_type":"express","palet
 </script>
 <!-- End Google Tag Manager -->

+@if(!isset($disableBanners) || !$disableBanners)
 <script type="text/javascript" src="https://cdn.optoutadvertising.com/script/ootag.v2.js"></script><script>var ootag =
    ootag || {}; ootag.queue = ootag.queue || [];ootag.queue.push(function () { ootag.initializeOo({
    publisher: 4, onlyNoConsent: 1, consentTimeOutMS: 500 });});</script>
+@endif

 <noscript>ePrivacy and GPDR Cookie Consent by <a href="https://www.CookieConsent.com/" rel="nofollow noopener">Cookie Consent</a></noscript>
 <!-- End Cookie Consent by https://www.CookieConsent.com -->
--- a/resources/views/layouts/master.blade.php
+++ b/resources/views/layouts/master.blade.php
@@ -12,17 +12,19 @@
            style="display:none; visibility:hidden"></iframe>
 </noscript>
 <!-- End Google Tag Manager (noscript) -->
-<div class="site_container boxed">
+<div class="site_container boxed @yield('site_container_class')">
    <div class="header_top_bar_container style_11 clearfix">
    </div>
    <div class="header_container small">
        <div class="header clearfix">
            <div class="logo">
-                <a href="{{url('/')}}"><img src="/images/logo-NHGooi-slogan.svg"/></a>
+                <a href="{{url('/')}}"><img src="/images/Streekomroep NHGooi.png"/></a>
            </div>

+            @if(!isset($disableBanners) || !$disableBanners)
            <div id="nhgooi_header_top" class="advertisement" style="margin: 11px auto 0 auto;background-color: #efefef;"></div>
-            <script type="text/javascript">ootag.queue.push(function () {ootag.defineSlot({adSlot: "nhgooi_homepage_header",targetId: "nhgooi_header_top",filledCallback: (adslot) => { setTimeout(function(){$('#' + adslot.targetId).height($('#' + adslot.targetId).children(":first").height());}, 500);$('#' + adslot.targetId).css({backgroundColor: 'transparent'}); }});});</script>
+            <script type="text/javascript">ootag.queue.push(function () {ootag.defineSlot({adSlot: "nhgooi_homepage_header",targetId: "nhgooi_header_top",filledCallback: (adslot) => { calculateSize(adslot.targetId); }});});</script>
+            @endif

        </div>
    </div>
@@ -59,15 +61,16 @@
    </div>
    <div class="menu_container sticky clearfix">
        <div class="top_menu_container d-none d-md-block">
+            <img class="slogan" src="/images/Slogan_DIAP white.svg" />
            <ul class="right_menu">
                <li>
-                    <a class="player with_svg_icon" style="margin-top: 2px;" href="{{url('luister/live')}}">Luister live radio {!!file_get_contents(__DIR__ . '/../../../public/images/icons/radio.svg')!!}</a>
+                    <a class="player with_svg_icon" href="{{url('luister/live')}}"><span>Luister live radio </span>{!!file_get_contents(__DIR__ . '/../../../public/images/icons/radio.svg')!!}</a>
                </li>
                <li>
-                    <a class="with_svg_icon" style="margin-top: 1px;" href="{{url('kijk/studio')}}">Kijk live tv {!!file_get_contents(__DIR__ . '/../../../public/images/icons/television-2.svg')!!}</a>
+                    <a class="with_svg_icon" href="{{url('kijk/studio')}}"><span>Kijk live tv </span>{!!file_get_contents(__DIR__ . '/../../../public/images/icons/television-2.svg')!!}</a>
                </li>
                <li>
-                    <a href="https://wa.me/31888505651" target="_blank">Tip de streekredactie <i class="fa-solid fa-circle-plus"></i></a>
+                    <a href="https://wa.me/31888505651" style="{{!isset($searchURL) ? 'margin-top: 3px' : ''}}" target="_blank"><span>Tip de streekredactie </span><i style="margin-top: 2px" class="fa-solid fa-circle-plus"></i></a>
                </li>
                @if(isset($searchURL))
                    <li>
@@ -107,9 +110,17 @@
                <div class="col-12 col-md-3">
                    <h4 class="box_header"><span>NH Gooi</span></h4>
                    <p class="about">
-                        <b>NH Gooi</b> is de streekomroep voor het Gooi in samenwerking met NH Media.
-                        NH Gooi Radio hoor je in heel Gooi en Eemland op 92.0 FM.
-                        <a href="{{url('frequenties')}}">Alle frequenties / kanalen.</a>
+                        NH Gooi is de streekomroep voor Gooi & Vechtstreek. Wij bieden een gevarieerd programma op
+                        radio, podcasts, tv en online met muziek, achtergronden en actueel regionieuws.
+                    </p>
+                </div>
+                <div class="col-12 col-md-3">
+                    <h4 class="box_header"><span style="height: 30px;display: block;width: 0;"></span></h4>
+                    <p class="about">
+                        Altijd op de hoogte blijven van nieuws en achtergronden uit de regio? <a href="{{url('app')}}">Download onze app</a>.
+                    </p>
+                    <p class="about">
+                        <a href="{{url('frequenties')}}">Klik hier</a> waar je ons kunt zien en horen.
                    </p>
                </div>
                <div class="col-12 col-md-3">
@@ -129,13 +140,6 @@
                        <a href="{{url('kijk/live')}}">Kijk live</a>
                        <a href="{{url('gemist/fragment')}}">Gemist</a>
                        <a href="{{url('nieuws')}}">Nieuws</a>
-                    </p>
-                </div>
-                <div class="col-12 col-md-3">
-                    <h4 class="box_header"><span>Radio</span></h4>
-                    <p class="buttons">
-                        <a href="{{url('gids')}}">Programmagids</a>
-                        <a href="{{url('gemist/programma')}}">Programma’s</a>
                        <a href="{{url('podcast')}}">Podcasts</a>
                    </p>
                </div>
@@ -215,6 +219,8 @@
    $(".search_form").animate({width: 'toggle'}, 350);
    $(this).find('.fa-magnifying-glass').toggle();
    $(this).find('.fa-xmark').toggle();
+    $('.right_menu a span').animate({width: 'toggle'}, 350);
+    $('.right_menu li').toggleClass('collapsed');
  });
  $(".search_form").animate({width: 'toggle'}, 1);
 </script>
--- a/resources/views/news.blade.php
+++ b/resources/views/news.blade.php
@@ -13,13 +13,15 @@
        {{-- body --}}
        <div class="grey_background">
            <div class="body_container row">
+                @if(!isset($disableBanners) || !$disableBanners)
                <div class="col-12">
                    <div style="width: 100%; font-family: Nunito,serif;font-size: 12px;font-weight: 500;line-height: 3.17;text-align: center;color: #666;">
                        - Advertentie -
                    </div>
                    <div id="nhgooi_article_top" 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_article_top",targetId: "nhgooi_article_top",filledCallback: (adslot) => { $('#' + adslot.targetId).css({backgroundColor: 'transparent'}); }});});</script>
+                    <script type="text/javascript">ootag.queue.push(function () {ootag.defineSlot({adSlot: "nhgooi_article_top",targetId: "nhgooi_article_top",filledCallback: (adslot) => { calculateSize(adslot.targetId); }});});</script>
                </div>
+                @endif
                <div class="col-12 col-md content_container">
                    <div class="row">
                        <div class="col-md-12 col-12">
--- a/resources/views/newsitem.blade.php
+++ b/resources/views/newsitem.blade.php
@@ -155,9 +155,9 @@
 				</ul>
 				<div class="share_buttons row">
 					<div class="col-12 col-md-auto">
-						<a data-share="facebook" href="javascript:void(0)" class="btn btn_facebook_share">
-							<i class="fa-brands fa-facebook-f"></i>
-							Deel op Facebook
+						<a data-share="native" href="javascript:void(0)" class="btn">
+							<i class="fa-solid fa-share"></i>
+							Delen
 						</a>
 					</div>
 				</div>
--- a/resources/views/newslist.blade.php
+++ b/resources/views/newslist.blade.php
@@ -9,7 +9,10 @@
@section('page_class')
    news_post post_container
@endsection
-@section('container_class')
+@section('page_container_class')
+    grey_background
+@endsection
+@section('site_container_class')
    grey_background
@endsection

--- a/resources/views/partial/imageslist_small.blade.php
+++ b/resources/views/partial/imageslist_small.blade.php
@@ -1,6 +1,6 @@
 <div class="row blog post_container">
    @foreach($images as $item)
-        <div class="post col-12 col-md-4">
+        <div class="post auto_height col-12 col-md-4">
            <div class="box">
                <a href="{{$imgBase . $item->images[0]->url}}" class="post_image prettyPhoto" rel="prettyPhoto"
                   title="{{$item->images[0]->title}}">
--- a/resources/views/radioprogram.blade.php
+++ b/resources/views/radioprogram.blade.php
@@ -7,6 +7,9 @@
@section('page_class')
    grey_background page_container
@endsection
+@section('site_container_class')
+    grey_background
+@endsection

@section('breadcrumb')
    <ul class="bread_crumb">
--- a/resources/views/tvgids.blade.php
+++ b/resources/views/tvgids.blade.php
@@ -0,0 +1,18 @@
+
+@extends('layouts/full')
+
+@section('title')
+    Televisieprogrammering
+@endsection
+
+@section('content')
+
+    <div class="page_body">
+<p>NH Gooi TV zendt iedere dag de NH Gooi Nieuwscarrousel uit.
+De nieuwscarrousel start steeds op het hele uur en bestaat uit reportages uit Gooi en Vechtstreek, gericht op de kijkers van NH Gooi.
+</p>
+<p>
+De programmering van NH Gooi TV wordt af en toe  aangevuld met speciale programma’s, zoals bijvoorbeeld een talkshow of een registratie van een plaatselijk muziekfestijn. Deze programma’s worden aangekondigd op onze website.
+</p>
+    </div>
+@endsection
--- a/resources/views/tvprogrammering.blade.php
+++ b/resources/views/tvprogrammering.blade.php
@@ -0,0 +1,18 @@
+
+@extends('layouts/full')
+
+@section('title')
+    Televisieprogrammering
+@endsection
+
+@section('content')
+
+    <div class="page_body">
+<p>NH Gooi TV zendt iedere dag de NH Gooi Nieuwscarrousel uit.
+De nieuwscarrousel start steeds op het hele uur en bestaat uit reportages uit Gooi en Vechtstreek, gericht op de kijkers van NH Gooi.
+</p>
+<p>
+De programmering van NH Gooi TV wordt af en toe  aangevuld met speciale programma’s, zoals bijvoorbeeld een talkshow of een registratie van een plaatselijk muziekfestijn. Deze programma’s worden aangekondigd op onze website.
+</p>
+    </div>
+@endsection
--- a/resources/views/widgets/add_sidebar.blade.php
+++ b/resources/views/widgets/add_sidebar.blade.php
@@ -1,4 +1,4 @@
-@if ($ad_sidebar)
+@if ($ad_sidebar && (!isset($disableBanners) || !$disableBanners))
    <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>
--- a/resources/views/widgets/menu.blade.php
+++ b/resources/views/widgets/menu.blade.php
@@ -11,7 +11,8 @@
 //	    "Zondagsdienst" => "/kerkdienst"),
 		"TV" => array(
 				"" => "/kijk/live",
-				"Kijk live" => "/kijk/live"
+				"Kijk live" => "/kijk/live",
+				"TV-programmering" => "/kijk/gids",
 		),
 //     "NHGOOI TV @ YouTube" => "https://www.youtube.com/channel/UC0qLwqmXiLoL5PrLlgB6B4Q"),
 //     "Evenementen" => array(
@@ -19,22 +20,24 @@
 //         "24 uur Scherp de Zeis (4 december)" => "/programma/1030/scherp-zeis",
 //         "Winterse 50 (25 december)" => "/programma/1080/winterse-50",
 //         "Vroeger of Later Luisterlijst (2 januari)" => "/vol-luisterlijst"),
-		"App" => "/app",
 		"Podcasts" => array(
 				"" => "/podcast",
 				"NH Gooi Spreekuur" => "/podcast/1091/nh-gooi-spreekuur",
+				"Hilversum in de oorlog" => "/podcast/1097/hilversum-in-de-oorlog",
 				"Duurzaam Gooi" => "/podcast/1076/podcast-duurzaam-gooi"
 		),
+		"Gemist" => "/gemist/programma",
 		"Regioagenda" => "/agenda",
 		"Over NH Gooi" => array(
 				"" => "/contact",
 				"Contact" => "/contact",
                "Vacatures" => "/vacatures",
 				"Klachtenregeling" => "/klachten",
-				"Uitgangspunten streekredactie" => "/uploads/Eigen rol en ambities NH Gooi binnen de lokale nieuwsvoorziening.pdf",
+				"Rol en ambities lokale nieuwsvoorziening" => "/uploads/Eigen rol en ambities NH Gooi binnen de lokale nieuwsvoorziening.pdf",
 				"Frequenties" => "/frequenties",
-				"Adverteren?" => "/adverteren"
-		)
+				"App" => "/app"
+		),
+		"Adverteren" => "/adverteren"
 );
 ?>
 <?php
@@ -119,10 +122,10 @@ function buildMenu($menu, $ismobile)
 		<li class="{{isActive('/', false) ? "selected" : ""}}">
 			<a href="/" title="Home">Home</a>
 		</li>
-		@php($newsUrl = '/nieuws')
+		<?php /*@php($newsUrl = '/nieuws')
 		<li class="{{isActive($newsUrl, false) ? "selected" : ""}}">
 			<a href="{{$newsUrl}}" title="Nieuws">Nieuws</a>
-		</li>
+		</li>*/ ?>
 		{!! buildMenu($menu, false) !!}
 		<li></li>
 	</ul>
--- a/resources/views/widgets/nustraks.blade.php
+++ b/resources/views/widgets/nustraks.blade.php
@@ -6,6 +6,43 @@
@if($program->tagline)
 	<p>{{$program->tagline}}</p>
@endif
+<p class="now-playing-header-small">
+	<strong>Nu:</strong>
+	<span class="title"></span> -
+	<span class="artist"></span>
+</p>
+<script type="text/javascript" src="/js/jquery-3.7.1.min.js"></script>
+<script>
+	function updateOnAir() {
+		$.ajax({
+			url: '{{route('onair')}}',
+			success: function (data) {
+				$(document).trigger('onAirUpdated', data);
+			}
+		});
+	}
+
+	$(function () {
+		updateOnAir();
+		var onAirUpdater = setInterval(updateOnAir, 5000);
+		var $nowPlaying = {
+			container: $(".now-playing-header-small").hide(),
+			title: $(".now-playing-header-small .title"),
+			artist: $(".now-playing-header-small .artist"),
+		};
+		$(document).on('onAirUpdated', function (evt, data) {
+			var title = data.current ? data.current.title : '';
+			var artist = data.current ? data.current.artist : '';
+			if (data.inProgram) {
+				title = data.program.name;
+				artist = data.program.tagline;
+			}
+			$nowPlaying.title.text(title).attr('title', title);
+			$nowPlaying.artist.text(artist).attr('title', artist);
+			$nowPlaying.container.slideDown();
+		});
+	});
+</script>

 <h3 class="post_title">Daarna:</h3>
 <div class="podcast_items">
--- a/routes/web.php
+++ b/routes/web.php
@@ -109,6 +109,7 @@ Route::any('/luisterlijst/2021', 'Controller@view_luisterlijst_2021');
 Route::any('/luisterlijst', 'Controller@view_luisterlijst_2021');

 Route::any('/debat', 'Controller@view_debat');
+Route::any('/kijk/gids', 'Controller@view_tvgids');

 //Route::get('/special/stmaarten', function() { return file_get_contents('http://api-dev.6fm.nl/special/stmaarten'); });
 //Route::get('/kabelkrant', function() { return view('kabelkrant'); });
Author	SHA1	Message	Date
NH Gooi	dcd8abc032	Merge branch 'release/dev' into fresh-docker	2024-06-20 11:27:07 +02:00
NH Gooi	72da998965	TV Programmering toegevoegd	2024-06-20 11:25:43 +02:00
NH Gooi	e96198bc3d	Document aangepast voor Leon	2024-06-02 21:15:16 +02:00
NH Gooi	c5b9e88ad3	TV programmering toegevoegd aan TV menu	2024-05-28 15:32:25 +02:00
Jorit Tijsen	7c05b92703	Show only icons if search is opened	2024-05-17 15:25:40 +02:00
Jorit Tijsen	9ae62ab798	Fix: change background of selected menu item corner for grey background	2024-05-15 14:05:05 +02:00
Jorit Tijsen	d495cdde37	Move class grey_background to parent class	2024-05-14 15:05:39 +02:00
Jorit Tijsen	644d4f9b12	Remove "Deel op Facebook"	2024-05-14 13:47:18 +02:00
Jorit Tijsen	5948154ae1	Merge branch 'release/dev' of https://git.nhgooi.nl/NH_Gooi/nhgooi.nl into release/dev	2024-05-14 13:44:38 +02:00
Jorit Tijsen	d75ab273ff	Changed primary menu order Increase size logo and slogan Align menu item in bar better Fix: grey background in menu	2024-05-14 13:44:11 +02:00
NH Gooi	909126c05a	Link naar nieuwe podcast toegevoegd	2024-05-13 21:21:17 +02:00
Jorit Tijsen	077fb0236f	Change favicon	2024-05-08 15:36:53 +02:00
Jorit Tijsen	ecfbb47f1e	Disable banner by env file Favicon aanpassen Logo aanpassen + subtitel toevoegd Tab ‘Nieuws’ uit het menu gehaalt Menu item ‘Gemist’ in menu plaaten App uit menu balk Adverteren toevoegen aan blauwe balk Wat draait in sidebar NH Gooi Radio Live Footer tekst NAW toevoegen aan contact pagina Op contactpagina: Chef redactie Delen bericht	2024-05-06 15:08:19 +02:00
Jorit Tijsen	e06ecf297f	Fix: calendar image	2024-05-06 13:33:03 +02:00
Jorit Tijsen	684cba6085	Add docker dev	2024-05-06 13:32:23 +02:00