Style cookie popover

Add 3 new pages
Link the links in the footer

public/css/style.css

@@ -92,6 +92,38 @@ div.pp_default .pp_close:hover {
   background-position: 0 -30px;
 }
 
+.light.cc_dialog button.cc_b_ok, .light.cc_dialog button.cc_b_cp {
+  padding: 10px 39px;
+  border-radius: 3px;
+  font-family: Nunito, serif;
+  font-size: 14px;
+  font-weight: bold;
+  line-height: 0.93;
+  text-align: center;
+  margin-bottom: 10px;
+  text-decoration: none;
+  text-transform: uppercase;
+}
+
+.light.cc_dialog button.cc_b_ok {
+  background-image: linear-gradient(to right, #0f259d, #5ba8f4);
+  color: #fff;
+}
+
+.light.cc_dialog .cc_dialog_headline {
+  font-family: Montserrat, serif;
+  font-weight: 600;
+  line-height: 1.15;
+  color: #282828;
+}
+
+.light.cc_dialog .cc_dialog_text {
+  font-family: Nunito, serif;
+  font-size: 15px;
+  line-height: 1.6;
+  color: #282828;
+}
+
 .header {
   height: 110px;
 }

resources/assets/sass/base/_base.scss

@@ -3,6 +3,7 @@
 @use "container";
 @use "../components/button";
 @use "../components/pretty_photo";
+@use "../components/cookie";
 
 @use "../layout";
 

resources/assets/sass/components/_cookie.scss

@@ -0,0 +1,28 @@
+.light.cc_dialog button.cc_b_ok, .light.cc_dialog button.cc_b_cp {
+  padding: 10px 39px;
+  border-radius: 3px;
+  font-family: Nunito, serif;
+  font-size: 14px;
+  font-weight: bold;
+  line-height: 0.93;
+  text-align: center;
+  margin-bottom: 10px;
+  text-decoration: none;
+  text-transform: uppercase;
+}
+.light.cc_dialog button.cc_b_ok {
+  background-image: linear-gradient(to right, #0f259d, #5ba8f4);
+  color: #fff;
+}
+.light.cc_dialog .cc_dialog_headline {
+  font-family: Montserrat, serif;
+  font-weight: 600;
+  line-height: 1.15;
+  color: #282828;
+}
+.light.cc_dialog .cc_dialog_text {
+  font-family: Nunito, serif;
+  font-size: 15px;
+  line-height: 1.6;
+  color: #282828;
+}

resources/views/cookie_statement.blade.php

@@ -0,0 +1,19 @@
+@extends('layouts/full')
+
+@section('title')
+    Cookie statement
+@endsection
+
+@section('breadcrumb')
+    <ul class="bread_crumb">
+        <li><a title="Home" href="/">Home</a></li>
+        <li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
+        <li>Cookie statement</li>
+    </ul>
+@endsection
+
+@section('content')
+    <div class="page_body">
+
+    </div>
+@endsection

resources/views/disclaimer.blade.php

@@ -0,0 +1,19 @@
+@extends('layouts/full')
+
+@section('title')
+    Disclaimer
+@endsection
+
+@section('breadcrumb')
+    <ul class="bread_crumb">
+        <li><a title="Home" href="/">Home</a></li>
+        <li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
+        <li>Disclaimer</li>
+    </ul>
+@endsection
+
+@section('content')
+    <div class="page_body">
+
+    </div>
+@endsection

resources/views/layouts/master.blade.php

@@ -29,7 +29,7 @@
         <div class="top_menu_container">
             <ul>
                 <li>
-                    <a href="/contact">Tip de redactie <i class="fa-solid fa-circle-plus"></i></a>
+                    <a href="{{url('contact')}}">Tip de redactie <i class="fa-solid fa-circle-plus"></i></a>
                 </li>
                 @if(isset($searchURL))
                     <li>
@@ -78,29 +78,29 @@
                 <div class="col-3">
                     <h4 class="box_header"><span>Contact</span></h4>
                     <p class="buttons">
-                        <a href="/">Contactgegevens</a>
+                        <a href="{{url('contact')}}">Contactgegevens</a>
-                        <a href="/">Klachtenregeling</a>
+                        <a href="{{url('klachten')}}">Klachtenregeling</a>
-                        <a href="/">Frequenties</a>
+                        <a href="{{url('frequenties')}}">Frequenties</a>
-                        <a href="/">Adverteren</a>
+                        <a href="{{url('adverteren')}}">Adverteren</a>
-                        <a href="/">NH Nieuws</a>
+                        <a href="https://nhnieuws.nl/" target="_blank">NH Nieuws</a>
                     </p>
                 </div>
                 <div class="col-3">
                     <h4 class="box_header"><span>Kijk & luister</span></h4>
                     <p class="buttons">
-                        <a href="/">Luister live</a>
+                        <a class="player" href="{{url('luister/live')}}">Luister live</a>
-                        <a href="/">Kijk live</a>
+                        <a href="{{url('kijk/live')}}">Kijk live</a>
                         <a href="/">Uitgelichte video’s</a>
-                        <a href="/">Gemist</a>
+                        <a href="{{url('gemist/fragment')}}">Gemist</a>
-                        <a href="/">Nieuws</a>
+                        <a href="{{url('nieuws')}}">Nieuws</a>
                     </p>
                 </div>
                 <div class="col-3">
                     <h4 class="box_header"><span>Radio</span></h4>
                     <p class="buttons">
-                        <a href="/">Programmagids</a>
+                        <a href="{{url('gids')}}">Programmagids</a>
-                        <a href="/">Programma’s</a>
+                        <a href="{{url('gemist/programma')}}">Programma’s</a>
-                        <a href="/">Podcasts</a>
+                        <a href="{{url('podcast')}}">Podcasts</a>
                     </p>
                 </div>
             </div>
@@ -108,16 +108,16 @@
                 <div class="col-12">
                     <ul class="footer_menu2">
                         <li>Logo</li>
-                        <li><a href="/">Disclaimer</a></li>
+                        <li><a href="{{url('disclaimer')}}">Disclaimer</a></li>
-                        <li><a href="/">Privacy verklaring</a></li>
+                        <li><a href="{{url('privacy-verklaring')}}">Privacy verklaring</a></li>
-                        <li><a href="/">Cookie statement</a></li>
+                        <li><a href="{{url('cookie-statement')}}">Cookie statement</a></li>
                     </ul>
                     <ul class="footer_social_media">
-                        <li><a class="facebook" title="Facebook" href="/"><i class="fa-brands fa-facebook-f"></i></a>
+                        <li><a class="facebook" title="Facebook" target="_blank" href="https://www.facebook.com/WijZijnNHGooi"><i class="fa-brands fa-facebook-f"></i></a>
                         </li>
-                        <li><a class="twitter-x" title="Twitter/X" href="/"><i class="fa-brands fa-twitter"></i></a>
+                        <li><a class="twitter-x" title="Twitter/X" target="_blank" href="https://twitter.com/nhgooi"><i class="fa-brands fa-twitter"></i></a>
                         </li>
-                        <li><a class="youtube" title="Youtube" href="/"><i class="fa-brands fa-youtube"></i></a></li>
+                        <li><a class="youtube" title="Youtube" target="_blank" href="https://www.youtube.com/channel/UC0qLwqmXiLoL5PrLlgB6B4Q"><i class="fa-brands fa-youtube"></i></a></li>
                     </ul>
                 </div>
             </div>

resources/views/privacy_verklaring.blade.php

@@ -0,0 +1,19 @@
+@extends('layouts/full')
+
+@section('title')
+    Privacy verklaring
+@endsection
+
+@section('breadcrumb')
+    <ul class="bread_crumb">
+        <li><a title="Home" href="/">Home</a></li>
+        <li class="separator"><i class="fa-solid fa-chevron-right"></i></li>
+        <li>Privacy verklaring</li>
+    </ul>
+@endsection
+
+@section('content')
+    <div class="page_body">
+
+    </div>
+@endsection

resources/views/widgets/contact.blade.php

@@ -4,5 +4,5 @@
     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vestibulum tincidunt ante id
         tincidunt. Cras tempus imperdiet enim ut eleifend. Donec mi nunc, molestie efficitur volutpat
         eu, pretium in enim. Vivamus suscipit massa at urna mollis.</p>
-    <a class="read_more" href="#">Lees meer <i class="fa-solid fa-angle-right"></i></a>
+    <a class="read_more" href="{{url('contact')}}">Lees meer <i class="fa-solid fa-angle-right"></i></a>
 </div>

resources/views/widgets/menu.blade.php

@@ -21,7 +21,7 @@
 //         "Vroeger of Later Luisterlijst (2 januari)" => "/vol-luisterlijst"),
 		"App" => "/app",
 		"Podcast" => array(
-				"" => "/podcast/fragment/1356528/podcast-waterschapsverkiezingen-2023.mp3",
+				"" => "/podcast",
 				"Waterschapsverkiezing 2023" => "/podcast/fragment/1356528/podcast-waterschapsverkiezingen-2023.mp3",
 				"NH Gooi Spreekuur" => "/podcast/1091/nh-gooi-spreekuur",
 				"Duurzaam Gooi" => "/podcast/1076/podcast-duurzaam-gooi"

routes/web.php

@@ -91,6 +91,10 @@ Route::get('/adverteren', 'Controller@view_adverteren')->name('adverteren');
 Route::get('/klachten', 'Controller@view_klachten')->name('klachten');
 Route::get('/app', 'Controller@view_app')->name('app');
 
+Route::get('/disclaimer', 'Controller@view_disclaimer')->name('disclaimer');
+Route::get('/privacy-verklaring', 'Controller@view_privacy_verklaring')->name('privacy_verklaring');
+Route::get('/cookie-statement', 'Controller@view_cookie_statement')->name('cookie_statement');
+
 Route::get('/vacatures/ontmoet-ons', 'JobsController@bijeenkomst');
 Route::post('/vacatures/ontmoet-ons', 'JobsController@aanmelden');
 Route::get('/vacatures', 'JobsController@overview')->name('vacatures');