Merge branch 'release/dev' of https://git.nhgooi.nl/NH_Gooi/nhgooi.nl into release/dev

Gruntfile.js

@@ -0,0 +1,37 @@
+module.exports = function(grunt) {
+
+  // Project configuration.
+  grunt.initConfig({
+    pkg: grunt.file.readJSON('package.json'),
+    uglify: {
+      options: {
+        banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
+      },
+      build: {
+        src: 'public/js/functions.js',
+        dest: 'public/js/functions.min.js'
+      }
+    },
+    concat: {
+      js: {
+        src: ['resources/assets/js/functions/*.js'],
+        dest: 'public/js/functions.js'
+      }
+    },
+    watch: {
+      scripts: {
+        files: 'resources/assets/js/functions/*.js',
+        tasks: ['concat', 'uglify'],
+        options: {
+          interrupt: true,
+        },
+      },
+    },
+  });
+
+  // Load the plugin that provides the "uglify" task.
+  grunt.loadNpmTasks('grunt-contrib-uglify');
+  grunt.loadNpmTasks('grunt-contrib-concat');
+  grunt.loadNpmTasks('grunt-contrib-watch');
+
+};

app/Http/Controllers/Controller.php

@@ -108,7 +108,19 @@ class Controller extends BaseController
 
     protected function API($url)
     {
-        return json_decode(file_get_contents($this->API_URL . $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,
+            ],
+        ];
+
+        return json_decode(file_get_contents($this->API_URL . $url, false, stream_context_create($arrContextOptions)));
     }
 
     protected static function JsonToDateTime($obj)

app/Http/Controllers/NewsController.php

@@ -7,7 +7,8 @@ use \Model\NewsItem;
 
 class NewsController extends Controller
 {
-    private static function TimestampToDateTime($timestamp) {
+    private static function TimestampToDateTime($timestamp)
+    {
         $result = new \DateTime;
         $result->setTimestamp($timestamp);
         return $result;
@@ -33,13 +34,52 @@ if(!$newsItem->content) return redirect('//nhnieuws.nl/gooi');
                 $newsItem->images = null; // Images will be embedded
                 $newsItem->video = null; // Videos will be embedded
                 $newsItem->content = $source->blocks;
-			return view('newsitem', ['news' => $newsItem, 'metadata' => $newsItem->metadata]);
+
+                $populair = [];
+                $apiResult = $this->API('nieuws/populair?aantal=5');
+                foreach ($apiResult as $_newsItem) {
+                    $populair[] = new \Model\NewsItem($_newsItem);
+                }
+
+                $newsItems = [];
+                $apiResult = $this->API('nieuws/overzicht?aantal=5');
+                foreach ($apiResult->news as $_newsItem) {
+                    $newsItems[] = new \Model\NewsItem($_newsItem);
+                }
+
+                return view('newsitem', ['newsItems' => $newsItems, 'populair' => $populair, 'news' => $newsItem, 'metadata' => $newsItem->metadata]);
         }
     }
 
     public function overview(Request $request)
     {
-        return $this->listNews($request, 'overzicht');
+        return $this->listNews($request, 'overzicht', null, 'items-more-news', 10);
+    }
+
+    public function more(Request $request)
+    {
+        $page = (int)$request->get('pagina', 1);
+        $id = $request->get('id', '');
+        $apiResult = $this->API('nieuws/overzicht?pagina=' . (int)max(1, $page) . '&aantal=5');
+        $news = [];
+        foreach ($apiResult->news as $newsItem) {
+            $news[] = new \Model\NewsItem($newsItem);
+        }
+
+        return view('partial/newslist_small', ['id' => $id, 'news' => $news]);
+    }
+
+    public function populair(Request $request)
+    {
+        $page = (int)$request->get('pagina', 1);
+        $id = $request->get('id', '');
+        $populair = [];
+        $apiResult = $this->API('nieuws/populair?pagina=' . (int)max(1, $page) . '&aantal=5');
+        foreach ($apiResult as $_newsItem) {
+            $populair[] = new \Model\NewsItem($_newsItem);
+        }
+
+        return view('partial/newslist_small', ['id' => $id, 'news' => $populair]);
     }
 
     public function regionlist(Request $request, $region)
@@ -82,13 +122,11 @@ if(!$newsItem->content) return redirect('//nhnieuws.nl/gooi');
 
             $blog = new \Model\Blog($apiResult->blog);
             $items = [];
-          foreach($apiResult->items as $blogItem)
-          {
+            foreach ($apiResult->items as $blogItem) {
                 $items[] = new \Model\NewsItem($blogItem);
             }
 
-          if(count($items) || ($page == 1)) 
-          {
+            if (count($items) || ($page == 1)) {
                 return view('blog', ['blog' => $blog, 'pagina' => $page, 'items' => $items, 'hasNext' => $hasNext && count($items) == 15]);
             }
 
@@ -99,25 +137,45 @@ if(!$newsItem->content) return redirect('//nhnieuws.nl/gooi');
         return abort(404);
     }
 
-    private function listNews(Request $request, $url, $title = null)
+    private function listNews(Request $request, $url, $title = null, $id = 'items', $total = null)
     {
         $page = (int)$request->get('pagina', 1);
-        $apiResult = $this->API('nieuws/' . $url . '?pagina=' . (int)max(1, $page));
+        $apiResult = $this->API('nieuws/' . $url . '?pagina=' . (int)max(1, $page) . ($total ? '&aantal=' . $total : ''));
         $news = [];
-        foreach($apiResult->news as $newsItem)
-        {
+        foreach ($apiResult->news as $newsItem) {
             $news[] = new \Model\NewsItem($newsItem);
         }
 
-        return view($request->ajax() ? 'partial/newslist_small' : ($title == null ? 'home' : 'newslist'), ['title' => $title, 'news' => $news, 'searchURL' => 'nieuws/zoeken']);
+        $populair = [];
+        if ($url == 'overzicht') {
+            if ($title == null) {
+                $total = 5;
+            }
+            $apiResult = $this->API('nieuws/populair?pagina=' . (int)max(1,
+                    $page) . ($total ? '&aantal=' . $total : ''));
+            foreach ($apiResult as $newsItem) {
+                $populair[] = new \Model\NewsItem($newsItem);
+            }
+        }
+
+        $podcast = null;
+        $podcasts = [];
+        if ($title == null) {
+            $apiResult = $this->API('podcast/overzicht?aantal=3');
+            $podcast = new \Model\Podcast($apiResult->podcasts[0]);
+            foreach ($apiResult->podcasts as $_podcast) {
+                $podcasts[] = new \Model\Podcast($_podcast);
+            }
+        }
+
+        return view($request->ajax() ? ($title == null ? 'partial/home_newslist_small' : 'partial/newslist_small') : ($title == null ? 'home' : 'newslist'), ['populair' => $populair, 'podcasts' => $podcasts, 'podcast' => $podcast, 'id' => $id, 'title' => $title, 'news' => $news, 'searchURL' => 'nieuws/zoeken']);
     }
 
     public function popular()
     {
         $apiResult = $this->API('nieuws/populair');
         $news = [];
-        foreach($apiResult as $newsItem)
-        {
+        foreach ($apiResult as $newsItem) {
             $news[] = new \Model\NewsItem($newsItem);
         }
 

database/migrations/2024_02_27_000000_create_pagestats_table.php

@@ -0,0 +1,34 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class CreatePagestatsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('pagestats', function (Blueprint $table) {
+            $table->string('type');
+            $table->integer('item_id');
+            $table->string('visitor_ip');
+            $table->string('session');
+            $table->text('referer')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('pagestats');
+    }
+}

docker-compose.yml

@@ -8,3 +8,15 @@ services:
       - 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

package.json

@@ -1,21 +1,14 @@
 {
   "private": true,
   "scripts": {
-    "dev": "npm run development",
-    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
-    "watch-poll": "npm run watch -- --watch-poll",
-    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
-    "prod": "npm run production",
-    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
+    "sass-watch": "sass --watch resources/assets/sass:public/css",
+    "js-watch": "grunt watch"
   },
   "devDependencies": {
-    "axios": "^0.16.2",
-    "bootstrap-sass": "^3.3.7",
-    "cross-env": "^5.0.1",
-    "jquery": "^3.1.1",
-    "laravel-mix": "^1.0",
-    "lodash": "^4.17.4",
-    "vue": "^2.1.10"
+    "grunt": "^1.6.1",
+    "grunt-contrib-concat": "^2.1.0",
+    "grunt-contrib-uglify": "^5.2.2",
+    "grunt-contrib-watch": "^1.1.0",
+    "sass": "^1.71.1"
   }
 }

public/css/app.css

@@ -0,0 +1,3 @@
+@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600");
+
+/*# sourceMappingURL=app.css.map */

public/css/app.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../resources/assets/sass/app.scss"],"names":[],"mappings":"AAEQ","file":"app.css"}

public/css/old/dark_skin.css

@@ -237,456 +237,456 @@ textarea.hint,
 }
 .divider.subheader_arrow
 {
-	background-image: url("../images/icons/other/dark_bg/subheader_arrow.png");
+	background-image: url("../../images/icons/other/dark_bg/subheader_arrow.png");
 }
 .pagination li.left a
 {
-	background-image: url("../images/icons/navigation/dark_bg/pagination_arrow_left.png");
+	background-image: url("../../images/icons/navigation/dark_bg/pagination_arrow_left.png");
 }
 .pagination li.right a
 {
-	background-image: url("../images/icons/navigation/dark_bg/pagination_arrow_right.png");
+	background-image: url("../../images/icons/navigation/dark_bg/pagination_arrow_right.png");
 }
 blockquote
 {
-	background-image: url("../images/icons/other/dark_bg/quote_content.png");
+	background-image: url("../../images/icons/other/dark_bg/quote_content.png");
 }
 #comments_list .children .comment .parent_arrow
 {
-	background-image: url("../images/icons/other/dark_bg/comment_reply.png");
+	background-image: url("../../images/icons/other/dark_bg/comment_reply.png");
 }
 .bullet.style_1
 {
-	background-image: url("../images/icons/other/dark_bg/bullet_style_1.png");
+	background-image: url("../../images/icons/other/dark_bg/bullet_style_1.png");
 	padding-left: 15px;
 }
 .bullet.style_2
 {
-	background-image: url("../images/icons/other/dark_bg/bullet_style_2.png");
+	background-image: url("../../images/icons/other/dark_bg/bullet_style_2.png");
 }
 .bullet.style_3
 {
-	background-image: url("../images/icons/other/dark_bg/bullet_style_3.png");
+	background-image: url("../../images/icons/other/dark_bg/bullet_style_3.png");
 }
 .bullet.style_4
 {
-	background-image: url("../images/icons/other/dark_bg/bullet_style_4.png");
+	background-image: url("../../images/icons/other/dark_bg/bullet_style_4.png");
 }
 .item_content .not_found
 {
-	background-image: url("../images/icons/other/dark_bg/404.png");
+	background-image: url("../../images/icons/other/dark_bg/404.png");
 }
 .app
 {
-	background-image: url("../images/icons/features/dark_bg/app.png");
+	background-image: url("../../images/icons/features/dark_bg/app.png");
 }
 .calendar
 {
-	background-image: url("../images/icons/features/dark_bg/calendar.png");
+	background-image: url("../../images/icons/features/dark_bg/calendar.png");
 }
 .chart
 {
-	background-image: url("../images/icons/features/dark_bg/chart.png");
+	background-image: url("../../images/icons/features/dark_bg/chart.png");
 }
 .chat
 {
-	background-image: url("../images/icons/features/dark_bg/chat.png");
+	background-image: url("../../images/icons/features/dark_bg/chat.png");
 }
 .clock
 {
-	background-image: url("../images/icons/features/dark_bg/clock.png");
+	background-image: url("../../images/icons/features/dark_bg/clock.png");
 }
 .database
 {
-	background-image: url("../images/icons/features/dark_bg/database.png");
+	background-image: url("../../images/icons/features/dark_bg/database.png");
 }
 .document
 {
-	background-image: url("../images/icons/features/dark_bg/document.png");
+	background-image: url("../../images/icons/features/dark_bg/document.png");
 }
 .envelope
 {
-	background-image: url("../images/icons/features/dark_bg/envelope.png");
+	background-image: url("../../images/icons/features/dark_bg/envelope.png");
 }
 .faq
 {
-	background-image: url("../images/icons/features/dark_bg/faq.png");
+	background-image: url("../../images/icons/features/dark_bg/faq.png");
 }
 .graph
 {
-	background-image: url("../images/icons/features/dark_bg/graph.png");
+	background-image: url("../../images/icons/features/dark_bg/graph.png");
 }
 .image
 {
-	background-image: url("../images/icons/features/dark_bg/image.png");
+	background-image: url("../../images/icons/features/dark_bg/image.png");
 }
 .laptop
 {
-	background-image: url("../images/icons/features/dark_bg/laptop.png");
+	background-image: url("../../images/icons/features/dark_bg/laptop.png");
 }
 .magnifier
 {
-	background-image: url("../images/icons/features/dark_bg/magnifier.png");
+	background-image: url("../../images/icons/features/dark_bg/magnifier.png");
 }
 .features_icon.mobile
 {
-	background-image: url("../images/icons/features/dark_bg/mobile.png");
+	background-image: url("../../images/icons/features/dark_bg/mobile.png");
 }
 .pin
 {
-	background-image: url("../images/icons/features/dark_bg/pin.png");
+	background-image: url("../../images/icons/features/dark_bg/pin.png");
 }
 .printer
 {
-	background-image: url("../images/icons/features/dark_bg/printer.png");
+	background-image: url("../../images/icons/features/dark_bg/printer.png");
 }
 .quote
 {
-	background-image: url("../images/icons/features/dark_bg/quote.png");
+	background-image: url("../../images/icons/features/dark_bg/quote.png");
 }
 .screen
 {
-	background-image: url("../images/icons/features/dark_bg/screen.png");
+	background-image: url("../../images/icons/features/dark_bg/screen.png");
 }
 .speaker
 {
-	background-image: url("../images/icons/features/dark_bg/speaker.png");
+	background-image: url("../../images/icons/features/dark_bg/speaker.png");
 }
 .video
 {
-	background-image: url("../images/icons/features/dark_bg/video.png");
+	background-image: url("../../images/icons/features/dark_bg/video.png");
 }
 li.detail.category
 {
-	background-image: url("../images/icons/other/dark_bg/post_category.png");
+	background-image: url("../../images/icons/other/dark_bg/post_category.png");
 }
 .detail.date
 {
-	background-image: url("../images/icons/other/dark_bg/post_date.png");
+	background-image: url("../../images/icons/other/dark_bg/post_date.png");
 }
 .detail.author
 {
-	background-image: url("../images/icons/other/dark_bg/post_author.png");
+	background-image: url("../../images/icons/other/dark_bg/post_author.png");
 }
 .detail.views
 {
-	background-image: url("../images/icons/other/dark_bg/post_views.png");
+	background-image: url("../../images/icons/other/dark_bg/post_views.png");
 }
 .detail.comments
 {
-	background-image: url("../images/icons/other/dark_bg/post_comments.png");
+	background-image: url("../../images/icons/other/dark_bg/post_comments.png");
 }
 .taxonomies.tags
 {
-	background-image: url("../images/icons/other/dark_bg/post_footer_tags.png");
+	background-image: url("../../images/icons/other/dark_bg/post_footer_tags.png");
 }
 .taxonomies.categories
 {
-	background-image: url("../images/icons/other/dark_bg/post_footer_category.png");
+	background-image: url("../../images/icons/other/dark_bg/post_footer_category.png");
 }
 .behance
 {
-	background-image: url("../images/icons/social/dark_bg/behance.png");
+	background-image: url("../../images/icons/social/dark_bg/behance.png");
 }
 .bing
 {
-	background-image: url("../images/icons/social/dark_bg/bing.png");
+	background-image: url("../../images/icons/social/dark_bg/bing.png");
 }
 .blogger
 {
-	background-image: url("../images/icons/social/dark_bg/blogger.png");
+	background-image: url("../../images/icons/social/dark_bg/blogger.png");
 }
 .deezer
 {
-	background-image: url("../images/icons/social/dark_bg/deezer.png");
+	background-image: url("../../images/icons/social/dark_bg/deezer.png");
 }
 .designfloat
 {
-	background-image: url("../images/icons/social/dark_bg/designfloat.png");
+	background-image: url("../../images/icons/social/dark_bg/designfloat.png");
 }
 .deviantart
 {
-	background-image: url("../images/icons/social/dark_bg/deviantart.png");
+	background-image: url("../../images/icons/social/dark_bg/deviantart.png");
 }
 .digg
 {
-	background-image: url("../images/icons/social/dark_bg/digg.png");
+	background-image: url("../../images/icons/social/dark_bg/digg.png");
 }
 .digg
 {
-	background-image: url("../images/icons/social/dark_bg/digg.png");
+	background-image: url("../../images/icons/social/dark_bg/digg.png");
 }
 .dribbble
 {
-	background-image: url("../images/icons/social/dark_bg/dribbble.png");
+	background-image: url("../../images/icons/social/dark_bg/dribbble.png");
 }
 .envato
 {
-	background-image: url("../images/icons/social/dark_bg/envato.png");
+	background-image: url("../../images/icons/social/dark_bg/envato.png");
 }
 .facebook
 {
-	background-image: url("../images/icons/social/dark_bg/facebook.png");
+	background-image: url("../../images/icons/social/dark_bg/facebook.png");
 }
 .flickr
 {
-	background-image: url("../images/icons/social/dark_bg/flickr.png");
+	background-image: url("../../images/icons/social/dark_bg/flickr.png");
 }
 .form
 {
-	background-image: url("../images/icons/social/dark_bg/form.png");
+	background-image: url("../../images/icons/social/dark_bg/form.png");
 }
 .forrst
 {
-	background-image: url("../images/icons/social/dark_bg/forrst.png");
+	background-image: url("../../images/icons/social/dark_bg/forrst.png");
 }
 .foursquare
 {
-	background-image: url("../images/icons/social/dark_bg/foursquare.png");
+	background-image: url("../../images/icons/social/dark_bg/foursquare.png");
 }
 .friendfeed
 {
-	background-image: url("../images/icons/social/dark_bg/friendfeed.png");
+	background-image: url("../../images/icons/social/dark_bg/friendfeed.png");
 }
 .googleplus
 {
-	background-image: url("../images/icons/social/dark_bg/googleplus.png");
+	background-image: url("../../images/icons/social/dark_bg/googleplus.png");
 }
 .instagram
 {
-	background-image: url("../images/icons/social/dark_bg/instagram.png");
+	background-image: url("../../images/icons/social/dark_bg/instagram.png");
 }
 .linkedin
 {
-	background-image: url("../images/icons/social/dark_bg/linkedin.png");
+	background-image: url("../../images/icons/social/dark_bg/linkedin.png");
 }
 .mail
 {
-	background-image: url("../images/icons/social/dark_bg/mail.png");
+	background-image: url("../../images/icons/social/dark_bg/mail.png");
 }
 .mobile
 {
-	background-image: url("../images/icons/social/dark_bg/mobile.png");
+	background-image: url("../../images/icons/social/dark_bg/mobile.png");
 }
 .myspace
 {
-	background-image: url("../images/icons/social/dark_bg/myspace.png");
+	background-image: url("../../images/icons/social/dark_bg/myspace.png");
 }
 .picasa
 {
-	background-image: url("../images/icons/social/dark_bg/picasa.png");
+	background-image: url("../../images/icons/social/dark_bg/picasa.png");
 }
 .pinterest
 {
-	background-image: url("../images/icons/social/dark_bg/pinterest.png");
+	background-image: url("../../images/icons/social/dark_bg/pinterest.png");
 }
 .reddit
 {
-	background-image: url("../images/icons/social/dark_bg/reddit.png");
+	background-image: url("../../images/icons/social/dark_bg/reddit.png");
 }
 .rss
 {
-	background-image: url("../images/icons/social/dark_bg/rss.png");
+	background-image: url("../../images/icons/social/dark_bg/rss.png");
 }
 .skype
 {
-	background-image: url("../images/icons/social/dark_bg/skype.png");
+	background-image: url("../../images/icons/social/dark_bg/skype.png");
 }
 .soundcloud
 {
-	background-image: url("../images/icons/social/dark_bg/soundcloud.png");
+	background-image: url("../../images/icons/social/dark_bg/soundcloud.png");
 }
 .spotify
 {
-	background-image: url("../images/icons/social/dark_bg/spotify.png");
+	background-image: url("../../images/icons/social/dark_bg/spotify.png");
 }
 .stumbleupon
 {
-	background-image: url("../images/icons/social/dark_bg/stumbleupon.png");
+	background-image: url("../../images/icons/social/dark_bg/stumbleupon.png");
 }
 .technorati
 {
-	background-image: url("../images/icons/social/dark_bg/technorati.png");
+	background-image: url("../../images/icons/social/dark_bg/technorati.png");
 }
 .tumblr
 {
-	background-image: url("../images/icons/social/dark_bg/tumblr.png");
+	background-image: url("../../images/icons/social/dark_bg/tumblr.png");
 }
 .twitter
 {
-	background-image: url("../images/icons/social/dark_bg/twitter.png");
+	background-image: url("../../images/icons/social/dark_bg/twitter.png");
 }
 .vimeo
 {
-	background-image: url("../images/icons/social/dark_bg/vimeo.png");
+	background-image: url("../../images/icons/social/dark_bg/vimeo.png");
 }
 .wykop
 {
-	background-image: url("../images/icons/social/dark_bg/wykop.png");
+	background-image: url("../../images/icons/social/dark_bg/wykop.png");
 }
 .xing
 {
-	background-image: url("../images/icons/social/dark_bg/xing.png");
+	background-image: url("../../images/icons/social/dark_bg/xing.png");
 }
 .youtube
 {
-	background-image: url("../images/icons/social/dark_bg/youtube.png");
+	background-image: url("../../images/icons/social/dark_bg/youtube.png");
 }
 .light .behance
 {
-	background-image: url("../images/icons/social/behance.png");
+	background-image: url("../../images/icons/social/behance.png");
 }
 .light .bing
 {
-	background-image: url("../images/icons/social/bing.png");
+	background-image: url("../../images/icons/social/bing.png");
 }
 .light .blogger
 {
-	background-image: url("../images/icons/social/blogger.png");
+	background-image: url("../../images/icons/social/blogger.png");
 }
 .light .deezer
 {
-	background-image: url("../images/icons/social/deezer.png");
+	background-image: url("../../images/icons/social/deezer.png");
 }
 .light .designfloat
 {
-	background-image: url("../images/icons/social/designfloat.png");
+	background-image: url("../../images/icons/social/designfloat.png");
 }
 .light .deviantart
 {
-	background-image: url("../images/icons/social/deviantart.png");
+	background-image: url("../../images/icons/social/deviantart.png");
 }
 .light .digg
 {
-	background-image: url("../images/icons/social/digg.png");
+	background-image: url("../../images/icons/social/digg.png");
 }
 .light .digg
 {
-	background-image: url("../images/icons/social/digg.png");
+	background-image: url("../../images/icons/social/digg.png");
 }
 .light .dribbble
 {
-	background-image: url("../images/icons/social/dribbble.png");
+	background-image: url("../../images/icons/social/dribbble.png");
 }
 .light .envato
 {
-	background-image: url("../images/icons/social/envato.png");
+	background-image: url("../../images/icons/social/envato.png");
 }
 .light .facebook
 {
-	background-image: url("../images/icons/social/facebook.png");
+	background-image: url("../../images/icons/social/facebook.png");
 }
 .light .flickr
 {
-	background-image: url("../images/icons/social/flickr.png");
+	background-image: url("../../images/icons/social/flickr.png");
 }
 .light .form
 {
-	background-image: url("../images/icons/social/form.png");
+	background-image: url("../../images/icons/social/form.png");
 }
 .light .forrst
 {
-	background-image: url("../images/icons/social/forrst.png");
+	background-image: url("../../images/icons/social/forrst.png");
 }
 .light .foursquare
 {
-	background-image: url("../images/icons/social/foursquare.png");
+	background-image: url("../../images/icons/social/foursquare.png");
 }
 .light .friendfeed
 {
-	background-image: url("../images/icons/social/friendfeed.png");
+	background-image: url("../../images/icons/social/friendfeed.png");
 }
 .light .googleplus
 {
-	background-image: url("../images/icons/social/googleplus.png");
+	background-image: url("../../images/icons/social/googleplus.png");
 }
 .light .instagram
 {
-	background-image: url("../images/icons/social/instagram.png");
+	background-image: url("../../images/icons/social/instagram.png");
 }
 .light .linkedin
 {
-	background-image: url("../images/icons/social/linkedin.png");
+	background-image: url("../../images/icons/social/linkedin.png");
 }
 .light .mail
 {
-	background-image: url("../images/icons/social/mail.png");
+	background-image: url("../../images/icons/social/mail.png");
 }
 .light .mobile
 {
-	background-image: url("../images/icons/social/mobile.png");
+	background-image: url("../../images/icons/social/mobile.png");
 }
 .light .myspace
 {
-	background-image: url("../images/icons/social/myspace.png");
+	background-image: url("../../images/icons/social/myspace.png");
 }
 .light .picasa
 {
-	background-image: url("../images/icons/social/picasa.png");
+	background-image: url("../../images/icons/social/picasa.png");
 }
 .light .pinterest
 {
-	background-image: url("../images/icons/social/pinterest.png");
+	background-image: url("../../images/icons/social/pinterest.png");
 }
 .light .reddit
 {
-	background-image: url("../images/icons/social/reddit.png");
+	background-image: url("../../images/icons/social/reddit.png");
 }
 .light .rss
 {
-	background-image: url("../images/icons/social/rss.png");
+	background-image: url("../../images/icons/social/rss.png");
 }
 .light .skype
 {
-	background-image: url("../images/icons/social/skype.png");
+	background-image: url("../../images/icons/social/skype.png");
 }
 .light .soundcloud
 {
-	background-image: url("../images/icons/social/soundcloud.png");
+	background-image: url("../../images/icons/social/soundcloud.png");
 }
 .light .spotify
 {
-	background-image: url("../images/icons/social/spotify.png");
+	background-image: url("../../images/icons/social/spotify.png");
 }
 .light .stumbleupon
 {
-	background-image: url("../images/icons/social/stumbleupon.png");
+	background-image: url("../../images/icons/social/stumbleupon.png");
 }
 .light .technorati
 {
-	background-image: url("../images/icons/social/technorati.png");
+	background-image: url("../../images/icons/social/technorati.png");
 }
 .light .tumblr
 {
-	background-image: url("../images/icons/social/tumblr.png");
+	background-image: url("../../images/icons/social/tumblr.png");
 }
 .light .twitter
 {
-	background-image: url("../images/icons/social/twitter.png");
+	background-image: url("../../images/icons/social/twitter.png");
 }
 .light .vimeo
 {
-	background-image: url("../images/icons/social/vimeo.png");
+	background-image: url("../../images/icons/social/vimeo.png");
 }
 .light .wykop
 {
-	background-image: url("../images/icons/social/wykop.png");
+	background-image: url("../../images/icons/social/wykop.png");
 }
 .light .xing
 {
-	background-image: url("../images/icons/social/xing.png");
+	background-image: url("../../images/icons/social/xing.png");
 }
 .light .youtube
 {
-	background-image: url("../images/icons/social/youtube.png");
+	background-image: url("../../images/icons/social/youtube.png");
 }
 .bread_crumb .separator
 {
-	background-image: url("../images/icons/navigation/dark_bg/breadcrumb_arrow.png");
+	background-image: url("../../images/icons/navigation/dark_bg/breadcrumb_arrow.png");
 }
 .accordion  .ui-accordion-header .ui-accordion-header-icon
 {
-	background-image: url("../images/icons/navigation/dark_bg/accordion_arrow_down.png");
+	background-image: url("../../images/icons/navigation/dark_bg/accordion_arrow_down.png");
 }
 /* --- menu --- */
 .menu_container
@@ -721,7 +721,7 @@ li.detail.category
 .menu_container .sf-menu li.selected.submenu a,
 .menu_container .sf-menu li.submenu:hover a
 {
-	background-image: url("../images/icons/navigation/dark_bg/menu_arrow.png");
+	background-image: url("../../images/icons/navigation/dark_bg/menu_arrow.png");
 }
 .sf-menu a:hover,
 .sf-menu a:hover

public/css/old/font.css

@@ -1,3 +1,3 @@
-@font-face{font-family:"Oswald"; font-style:normal; font-weight:400; src:local("Oswald Regular"),local("Oswald-Regular"),url("../fonts/Oswald-Regular-400.woff") format("woff")}
-@font-face{font-family:"Varela"; font-style:normal; font-weight:400; src:local("Varela"),url("../fonts/Varela-400.woff") format("woff")}
-@font-face{font-family:"Open Sans"; font-style:normal; font-weight:400; src:local("Open Sans"),local("OpenSans"),url("../fonts/OpenSans-400.woff") format("woff")}
+@font-face{font-family:"Oswald"; font-style:normal; font-weight:400; src:local("Oswald Regular"),local("Oswald-Regular"),url("../../fonts/Oswald-Regular-400.woff") format("woff")}
+@font-face{font-family:"Varela"; font-style:normal; font-weight:400; src:local("Varela"),url("../../fonts/Varela-400.woff") format("woff")}
+@font-face{font-family:"Open Sans"; font-style:normal; font-weight:400; src:local("Open Sans"),local("OpenSans"),url("../../fonts/OpenSans-400.woff") format("woff")}

public/css/old/high_contrast_skin.css

@@ -152,138 +152,138 @@ textarea.hint,
 }
 .divider.subheader_arrow
 {
-	background-image: url("../images/icons/other/high_contrast/subheader_arrow.png");
+	background-image: url("../../images/icons/other/high_contrast/subheader_arrow.png");
 }
 blockquote
 {
-	background-image: url("../images/icons/other/dark_bg/quote_content.png");
+	background-image: url("../../images/icons/other/dark_bg/quote_content.png");
 }
 .read_more .arrow
 {
-	background-image: url("../images/icons/navigation/high_contrast/call_to_action_arrow.png");
+	background-image: url("../../images/icons/navigation/high_contrast/call_to_action_arrow.png");
 }
 .slider_navigation .slider_control a,
 a.slider_control
 {
-	background-image: url("../images/icons/navigation/high_contrast/navigation_arrow_right.png");
+	background-image: url("../../images/icons/navigation/high_contrast/navigation_arrow_right.png");
 	background-color: #FFDD00;
 }
 .slider_navigation .slider_control:first-child a,
 a.slider_control.left
 {
-	background-image: url("../images/icons/navigation/high_contrast/navigation_arrow_left.png");
+	background-image: url("../../images/icons/navigation/high_contrast/navigation_arrow_left.png");
 }
 .pagination li.left a
 {
-	background-image: url("../images/icons/navigation/high_contrast/pagination_arrow_left.png");
+	background-image: url("../../images/icons/navigation/high_contrast/pagination_arrow_left.png");
 }
 .pagination li.right a
 {
-	background-image: url("../images/icons/navigation/high_contrast/pagination_arrow_right.png");
+	background-image: url("../../images/icons/navigation/high_contrast/pagination_arrow_right.png");
 }
 a.slider_control.up
 {
-	background-image: url("../images/icons/navigation/high_contrast/navigation_arrow_up.png");
+	background-image: url("../../images/icons/navigation/high_contrast/navigation_arrow_up.png");
 }
 a.slider_control.down
 {
-	background-image: url("../images/icons/navigation/high_contrast/navigation_arrow_down.png");
+	background-image: url("../../images/icons/navigation/high_contrast/navigation_arrow_down.png");
 }
 #comments_list .children .comment .parent_arrow
 {
-	background-image: url("../images/icons/other/dark_bg/comment_reply.png");
+	background-image: url("../../images/icons/other/dark_bg/comment_reply.png");
 }
 .accordion .ui-accordion-header:hover .ui-accordion-header-icon
 {
-	background-image: url("../images/icons/navigation/high_contrast/accordion_arrow_down_hover.png");
+	background-image: url("../../images/icons/navigation/high_contrast/accordion_arrow_down_hover.png");
 }
 .accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon
 {
-	background-image: url("../images/icons/navigation/high_contrast/accordion_arrow_up.png");
+	background-image: url("../../images/icons/navigation/high_contrast/accordion_arrow_up.png");
 }
 .item_content .not_found
 {
-	background-image: url("../images/icons/other/high_contrast/404.png");
+	background-image: url("../../images/icons/other/high_contrast/404.png");
 }
 .app
 {
-	background-image: url("../images/icons/features/high_contrast/app.png");
+	background-image: url("../../images/icons/features/high_contrast/app.png");
 }
 .calendar
 {
-	background-image: url("../images/icons/features/high_contrast/calendar.png");
+	background-image: url("../../images/icons/features/high_contrast/calendar.png");
 }
 .chart
 {
-	background-image: url("../images/icons/features/high_contrast/chart.png");
+	background-image: url("../../images/icons/features/high_contrast/chart.png");
 }
 .chat
 {
-	background-image: url("../images/icons/features/high_contrast/chat.png");
+	background-image: url("../../images/icons/features/high_contrast/chat.png");
 }
 .clock
 {
-	background-image: url("../images/icons/features/high_contrast/clock.png");
+	background-image: url("../../images/icons/features/high_contrast/clock.png");
 }
 .database
 {
-	background-image: url("../images/icons/features/high_contrast/database.png");
+	background-image: url("../../images/icons/features/high_contrast/database.png");
 }
 .document
 {
-	background-image: url("../images/icons/features/high_contrast/document.png");
+	background-image: url("../../images/icons/features/high_contrast/document.png");
 }
 .envelope
 {
-	background-image: url("../images/icons/features/high_contrast/envelope.png");
+	background-image: url("../../images/icons/features/high_contrast/envelope.png");
 }
 .faq
 {
-	background-image: url("../images/icons/features/high_contrast/faq.png");
+	background-image: url("../../images/icons/features/high_contrast/faq.png");
 }
 .graph
 {
-	background-image: url("../images/icons/features/high_contrast/graph.png");
+	background-image: url("../../images/icons/features/high_contrast/graph.png");
 }
 .image
 {
-	background-image: url("../images/icons/features/high_contrast/image.png");
+	background-image: url("../../images/icons/features/high_contrast/image.png");
 }
 .laptop
 {
-	background-image: url("../images/icons/features/high_contrast/laptop.png");
+	background-image: url("../../images/icons/features/high_contrast/laptop.png");
 }
 .magnifier
 {
-	background-image: url("../images/icons/features/high_contrast/magnifier.png");
+	background-image: url("../../images/icons/features/high_contrast/magnifier.png");
 }
 .features_icon.mobile
 {
-	background-image: url("../images/icons/features/high_contrast/mobile.png");
+	background-image: url("../../images/icons/features/high_contrast/mobile.png");
 }
 .pin
 {
-	background-image: url("../images/icons/features/high_contrast/pin.png");
+	background-image: url("../../images/icons/features/high_contrast/pin.png");
 }
 .printer
 {
-	background-image: url("../images/icons/features/high_contrast/printer.png");
+	background-image: url("../../images/icons/features/high_contrast/printer.png");
 }
 .quote
 {
-	background-image: url("../images/icons/features/high_contrast/quote.png");
+	background-image: url("../../images/icons/features/high_contrast/quote.png");
 }
 .screen
 {
-	background-image: url("../images/icons/features/high_contrast/screen.png");
+	background-image: url("../../images/icons/features/high_contrast/screen.png");
 }
 .speaker
 {
-	background-image: url("../images/icons/features/high_contrast/speaker.png");
+	background-image: url("../../images/icons/features/high_contrast/speaker.png");
 }
 .video
 {
-	background-image: url("../images/icons/features/high_contrast/video.png");
+	background-image: url("../../images/icons/features/high_contrast/video.png");
 }
 /* --- menu --- */
 .menu_container.sticky.move,
@@ -332,11 +332,11 @@ a.slider_control.down
 }
 .font_selector .increase
 {
-	background-image: url("../images/icons/other/high_contrast/font_increase.png");
+	background-image: url("../../images/icons/other/high_contrast/font_increase.png");
 }
 .font_selector .decrease
 {
-	background-image: url("../images/icons/other/high_contrast/font_decrease.png");
+	background-image: url("../../images/icons/other/high_contrast/font_decrease.png");
 }
 /* --- aminations --- */
 .slideRightBack, .slideLeftBack, .slideDownBack, .slideUpBack

public/css/old/menu_styles.css

@@ -22,7 +22,7 @@
 .style_7 .sf-menu li.selected.submenu a,
 .style_7 .sf-menu li.submenu:hover a
 {
-	background-image: url("../images/icons/navigation/menu_arrow.png");
+	background-image: url("../../images/icons/navigation/menu_arrow.png");
 }
 .style_2 .sf-menu a:hover,
 .style_3 .sf-menu a:hover
@@ -64,7 +64,7 @@
 .style_10 .sf-menu li.selected.submenu a,
 .style_10 .sf-menu li.submenu:hover a
 {
-	background-image: url("../images/icons/navigation/dark_bg/menu_arrow.png");
+	background-image: url("../../images/icons/navigation/dark_bg/menu_arrow.png");
 }
 .style_2 .sf-menu li.selected a,
 .style_2 .sf-menu li:hover a,

public/css/old/nhgooi.css

@@ -67,7 +67,7 @@ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
 }
 
 .header_container {
-	background-image: url('../images/nh-banner.png');
+	background-image: url('../../images/nh-banner.png');
 	background-size: 100% ;
 }
 

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/images/menu-corner-1.svg

@@ -0,0 +1,64 @@
+<?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="34"
+   height="26"
+   viewBox="0 0 8.9958332 6.8791669"
+   version="1.1"
+   id="svg8"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="menu-corner-1.svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="31.678384"
+     inkscape:cx="9.4317006"
+     inkscape:cy="12.355444"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer2"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="2560"
+     inkscape:window-height="1361"
+     inkscape:window-x="2551"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5">
+    <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:groupmode="layer"
+     id="layer2"
+     inkscape:label="Laag 2"
+     style="display:inline">
+    <path
+       style="fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0.26458332;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       d="M 0,9.0917965e-6 C 2.8799113,0.27686232 3.5863216,2.3699288 4.9695427,3.897441 6.4170886,5.942146 7.6749074,6.5222346 8.9958332,6.8791756 H 0 Z"
+       id="path5672"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+  </g>
+</svg>

public/images/menu-corner-2.svg

@@ -0,0 +1,63 @@
+<?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="10"
+   height="12"
+   viewBox="0 0 2.6458333 3.1750001"
+   version="1.1"
+   id="svg5680"
+   inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"
+   sodipodi:docname="menu-corner-2.svg">
+  <defs
+     id="defs5674" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="89.6"
+     inkscape:cx="6.9181539"
+     inkscape:cy="6.1002975"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer5"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="2560"
+     inkscape:window-height="1361"
+     inkscape:window-x="2551"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata5677">
+    <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:groupmode="layer"
+     id="layer5"
+     inkscape:label="Laag 3">
+    <path
+       style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.26458332px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 2.6458332,4.7683716e-8 2.4893276,0.00354351 C 2.4502737,0.9722502 2.061771,2.350913 -0.00295294,2.9417179 L 0,3.1749894 2.6458332,3.175 Z"
+       id="path6274"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="cccccc" />
+  </g>
+</svg>

public/js/functions.js

@@ -0,0 +1,134 @@
+(function ($) {
+   /**
+   * @param {object} _options
+   */
+  $.fn.loadMoreNews = function (_options) {
+    var nextPage = 2;
+    var isLoading = false;
+    var page = 1;
+    var options = {
+      loadingElementId: '#loading',
+      container: '',
+      url: document.location.pathname
+    };
+
+    $.extend(options, _options);
+    var $isLoading = $(options.loadingElementId, this);
+    $isLoading.hide();
+
+    this.click(function (e) {
+      e.preventDefault();
+      if (!isLoading) {
+        // Set flag and update UI
+        isLoading = 1;
+        $isLoading.show();
+        var $button = $(this).attr("disabled", "disabled");
+        var $container = $(options.container)
+
+        // Fire request for the next page
+        $.ajax({url: options.url + (options.url.indexOf('?') >= 0 ? '&' : '?') + 'pagina=' + nextPage})
+          .always(function () {
+            // Whether success or failure, update the UI again
+            isLoading = 0;
+            $isLoading.hide();
+            $button.removeAttr("disabled");
+          })
+          .done(function (data) {
+            if (!data) {
+              // When no data was returned, disable the button permanently
+              page = -1;
+              $button.attr("disabled", "disabled").text("Geen nieuws meer.");
+              return;
+            }
+
+            $container.each(function () {
+              var id = this.toString();
+              $(id).append($('<div>'+data+'</div>').find(id).length ? $('<div>'+data+'</div>').find(id).children() : $(data));
+            });
+            ++nextPage;
+          });
+      }
+    });
+  };
+
+}(jQuery));
+
+$(function () {
+  $('[data-loadmorenews]').each(function () {
+    $(this).loadMoreNews($(this).data('loadmorenews'));
+  });
+});
+
+(function ($) {
+
+  /**
+   * @param {object} _options
+   */
+  $.fn.menu = function (_options) {
+    var options = {
+      menuSubmenuClass: 'has_submenu'
+    };
+    $.extend(options, _options);
+    var $menus = $(this).children('.' + options.menuSubmenuClass);
+    var $container = $(this);
+
+    $menus.on( "mouseenter", function () {
+      var $menuItem = $(this);
+      $('.menu-submenu > ul.submenu').slideUp(400, function(){$(this).closest('.menu-submenu').remove()});
+      $('.hover', $container).removeClass('hover');
+      $menuItem.addClass('hover');
+      var submenu = $('<div style="width: ' + $menuItem.outerWidth() + 'px"><a href="' + $menuItem.find('a').attr('href') + '" style="width: ' + $menuItem.outerWidth() + 'px"></a></div>').append($menuItem.children('ul.submenu').clone());
+      var pos = $menuItem.offset();
+      submenu.addClass('menu-submenu').css({top: pos.top, left: pos.left});
+      submenu.on( "mouseleave", function(){
+        $('.menu-submenu > ul.submenu').slideUp(400, function(){$(this).closest('.menu-submenu').remove()});
+        $menuItem.removeClass('hover');
+      } );
+      $('body').append(submenu);
+      submenu.children('ul.submenu').slideDown();
+
+      submenu.find('ul.submenu li.has_submenu').click(function(){
+        $(this).find('ul.submenu').slideToggle();
+        $(this).toggleClass('opened');
+      });
+      openPlayerInNewScreen();
+    });
+  };
+
+}(jQuery));
+
+$(function () {
+  $('.menu, .mobile-menu').menu({});
+});
+
+(function ($) {
+
+  /**
+   * @param {object} _options
+   */
+  $.fn.tabs = function (_options) {
+    var options = {
+      tabClass: 'box_header',
+      activeClass: 'active',
+      contentClass: 'tab_content'
+    };
+    $.extend(options, _options);
+    var $tabs = $(this).find('.' + options.tabClass);
+    var $container = $(this);
+
+    $tabs.click(function (e) {
+      e.preventDefault();
+      $tabs.removeClass(options.activeClass);
+      $container.find('.' + options.contentClass).removeClass(options.activeClass);
+      $container.find('#' + $(this).data('tab-content-id')).addClass(options.activeClass);
+      $(this).addClass(options.activeClass);
+    });
+  };
+
+}(jQuery));
+
+$(function () {
+  $('[data-tabs]').each(function () {
+    $(this).tabs($(this).data('tabs') ?? {});
+  });
+});

public/js/functions.min.js

@@ -0,0 +1,2 @@
+/*!  2024-03-13 */
+!function(o){o.fn.loadMoreNews=function(e){var a=2,n=!1,i={loadingElementId:"#loading",container:"",url:document.location.pathname},u=(o.extend(i,e),o(i.loadingElementId,this));u.hide(),this.click(function(e){var t,s;e.preventDefault(),n||(n=1,u.show(),t=o(this).attr("disabled","disabled"),s=o(i.container),o.ajax({url:i.url+(0<=i.url.indexOf("?")?"&":"?")+"pagina="+a}).always(function(){n=0,u.hide(),t.removeAttr("disabled")}).done(function(n){n?(s.each(function(){var e=this.toString();o(e).append(o("<div>"+n+"</div>").find(e).length?o("<div>"+n+"</div>").find(e).children():o(n))}),++a):t.attr("disabled","disabled").text("Geen nieuws meer.")}))})}}(jQuery),$(function(){$("[data-loadmorenews]").each(function(){$(this).loadMoreNews($(this).data("loadmorenews"))})}),function(a){a.fn.menu=function(e){var n={menuSubmenuClass:"has_submenu"},e=(a.extend(n,e),a(this).children("."+n.menuSubmenuClass)),s=a(this);e.on("mouseenter",function(){var e=a(this),n=(a(".menu-submenu > ul.submenu").slideUp(400,function(){a(this).closest(".menu-submenu").remove()}),a(".hover",s).removeClass("hover"),e.addClass("hover"),a('<div style="width: '+e.outerWidth()+'px"><a href="'+e.find("a").attr("href")+'" style="width: '+e.outerWidth()+'px"></a></div>').append(e.children("ul.submenu").clone())),t=e.offset();n.addClass("menu-submenu").css({top:t.top,left:t.left}),n.on("mouseleave",function(){a(".menu-submenu > ul.submenu").slideUp(400,function(){a(this).closest(".menu-submenu").remove()}),e.removeClass("hover")}),a("body").append(n),n.children("ul.submenu").slideDown(),n.find("ul.submenu li.has_submenu").click(function(){a(this).find("ul.submenu").slideToggle(),a(this).toggleClass("opened")}),openPlayerInNewScreen()})}}(jQuery),$(function(){$(".menu, .mobile-menu").menu({})}),function(a){a.fn.tabs=function(e){var n={tabClass:"box_header",activeClass:"active",contentClass:"tab_content"},t=(a.extend(n,e),a(this).find("."+n.tabClass)),s=a(this);t.click(function(e){e.preventDefault(),t.removeClass(n.activeClass),s.find("."+n.contentClass).removeClass(n.activeClass),s.find("#"+a(this).data("tab-content-id")).addClass(n.activeClass),a(this).addClass(n.activeClass)})}}(jQuery),$(function(){$("[data-tabs]").each(function(){$(this).tabs($(this).data("tabs")??{})})});