Test version

app/Console/Kernel.php

@@ -27,39 +27,39 @@ class Kernel extends ConsoleKernel
      */
     protected function schedule(Schedule $schedule)
     {
-		$this->API_URL = env('API_URL', 'https://api.nhgooi.nl/');
-
-		// Update latest news (3 items)
-		$schedule->call(function() {
-			Storage::disk('local')->put('laatste_nieuws.json', file_get_contents($this->API_URL . 'nieuws/overzicht?pagina=1&aantal=3'));
-			Storage::disk('local')->put('populair_nieuws.json', file_get_contents($this->API_URL . 'nieuws/populair'));
-		})->everyMinute();
-
-		// Update now / later
-		$schedule->call(function() {
-			Storage::disk('local')->put('nu_straks.json', file_get_contents($this->API_URL . 'programma/schema/nustraks'));
-			Storage::disk('local')->put('zojuist.json', file_get_contents($this->API_URL . 'programma/schema/recent'));
-		})->everyMinute();
-
-		// Update latest podcasts (6 items)
-		$schedule->call(function() {
-			Storage::disk('local')->put('laatste_podcasts.json', file_get_contents($this->API_URL . 'podcast/overzicht?pagina=1&aantal=6'));
-		})->everyMinute();
-
-		// Update calendar items
-		$schedule->call(function() {
-			Storage::disk('local')->put('regioagenda.json', file_get_contents($this->API_URL . 'agenda/overzicht'));
-		})->everyMinute();
-
-		// Update blogs
-		$schedule->call(function() {
-			Storage::disk('local')->put('blogs.json', file_get_contents($this->API_URL . 'blog/overzicht'));
-		})->everyMinute();
-
-		// Update featured images
-		$schedule->call(function() {
-			Storage::disk('local')->put('beelden.json', file_get_contents($this->API_URL . 'beelden/overzicht'));
-		})->everyMinute();
+//		$this->API_URL = env('API_URL', 'https://api.nhgooi.nl/');
+//
+//		// Update latest news (3 items)
+//		$schedule->call(function() {
+//			Storage::disk('local')->put('laatste_nieuws.json', file_get_contents($this->API_URL . 'nieuws/overzicht?pagina=1&aantal=3'));
+//			Storage::disk('local')->put('populair_nieuws.json', file_get_contents($this->API_URL . 'nieuws/populair'));
+//		})->everyMinute();
+//
+//		// Update now / later
+//		$schedule->call(function() {
+//			Storage::disk('local')->put('nu_straks.json', file_get_contents($this->API_URL . 'programma/schema/nustraks'));
+//			Storage::disk('local')->put('zojuist.json', file_get_contents($this->API_URL . 'programma/schema/recent'));
+//		})->everyMinute();
+//
+//		// Update latest podcasts (6 items)
+//		$schedule->call(function() {
+//			Storage::disk('local')->put('laatste_podcasts.json', file_get_contents($this->API_URL . 'podcast/overzicht?pagina=1&aantal=6'));
+//		})->everyMinute();
+//
+//		// Update calendar items
+//		$schedule->call(function() {
+//			Storage::disk('local')->put('regioagenda.json', file_get_contents($this->API_URL . 'agenda/overzicht'));
+//		})->everyMinute();
+//
+//		// Update blogs
+//		$schedule->call(function() {
+//			Storage::disk('local')->put('blogs.json', file_get_contents($this->API_URL . 'blog/overzicht'));
+//		})->everyMinute();
+//
+//		// Update featured images
+//		$schedule->call(function() {
+//			Storage::disk('local')->put('beelden.json', file_get_contents($this->API_URL . 'beelden/overzicht'));
+//		})->everyMinute();
     }
 
     /**

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)

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

@@ -7,15 +7,17 @@
     "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"
+    "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"
   },
   "devDependencies": {
     "axios": "^0.16.2",
-    "bootstrap-sass": "^3.3.7",
+    "bootstrap": "^5.3.3",
     "cross-env": "^5.0.1",
     "jquery": "^3.1.1",
     "laravel-mix": "^1.0",
     "lodash": "^4.17.4",
+    "sass": "^1.71.1",
     "vue": "^2.1.10"
   }
 }

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>

resources/assets/sass/abstracts/_fonts.scss

@@ -0,0 +1 @@
+@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

resources/assets/sass/abstracts/_index.scss

@@ -0,0 +1 @@
+@forward 'variables';

resources/assets/sass/abstracts/_variables.scss

@@ -36,3 +36,8 @@ $input-color-placeholder: lighten($text-color, 30%);
 
 // Panels
 $panel-default-heading-bg: #fff;
+
+// Nav
+$nav-text-color: #1a1a1a;
+$nav-text-weight: bold;
+$nav-text-size: 14px;

resources/assets/sass/app.scss

@@ -3,7 +3,7 @@
 @import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600");
 
 // Variables
-@import "variables";
+@import "abstracts/variables";
 
 // Bootstrap
-@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";
+//@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";