"+n+"
").find(e).children():a(n))}),++o.nextPage):t.attr("disabled","disabled").text("Geen nieuws meer.")}))})}}(jQuery),$(function(){$("[data-loadmorenews]").each(function(){$(this).loadMoreNews($(this).data("loadmorenews"))})}),function(o){o.fn.menu=function(e){var n={menuSubmenuClass:"has_submenu"},e=(o.extend(n,e),o(this).children("."+n.menuSubmenuClass)),i=o(this);e.on("mouseenter",function(){var e=o(this),n=(o(".menu-submenu > ul.submenu").slideUp(400,function(){o(this).closest(".menu-submenu").remove()}),o(".hover",i).removeClass("hover"),e.addClass("hover"),o('').append(e.children("ul.submenu").clone())),t=e.offset();n.addClass("menu-submenu").css({top:t.top,left:t.left}),n.on("mouseleave",function(){o(".menu-submenu > ul.submenu").slideUp(400,function(){o(this).closest(".menu-submenu").remove()}),e.removeClass("hover")}),o("body").append(n),n.children("ul.submenu").slideDown(),n.find("ul.submenu").subMenu({}),openPlayerInNewScreen()})},o.fn.subMenu=function(e){var n={menuSubmenuClass:"has_submenu"};o.extend(n,e),o(this).find("li."+n.menuSubmenuClass+" > a").click(function(e){e.preventDefault();e=o(this).closest("li");e.children("ul.submenu").slideToggle(),e.toggleClass("opened")})}}(jQuery),$(function(){$(".menu").menu({}),$(".mobile-menu").subMenu({}),$(".mobile_menu_button a").click(function(){$(".mobile_menu_container").show()}),$(".mobile_close_menu_button a").click(function(){$(".mobile_menu_container").hide()}),$(".mobile_menu_container").click(function(e){!$(e.target).closest("#mobile_menu_nav").length&&$(".mobile_menu_container").is(":visible")&&$(".mobile_menu_container").hide()})}),$(function(){$(".prettyPhoto[rel^='prettyPhoto']").prettyPhoto({show_title:!1,slideshow:3e3,overlay_gallery:!0,social_tools:""})}),$(function(){$(".scroll_top").click(function(e){e.preventDefault(),$("html, body").stop().animate({scrollTop:0},500,"swing")})}),function(o){o.fn.share=function(e){var i={type:"",types:{facebook:{url:"https://www.facebook.com/sharer/sharer.php?u=",textOption:!1},twitter_x:{url:"https://twitter.com/share?url=",textOption:"text="}},excerptClass:"excerpt"};o.extend(i,e),this.click(function(e){e.preventDefault();var n,t,e=i.types[i.type];void 0!==e?(n="",e.textOption&&(278<(t=o("."+i.excerptClass).text()).length+location.href.length&&(t=t.substring(0,278-(location.href.length+3))+"..."),n="&"+e.textOption+encodeURI(t)),window.open(e.url+encodeURI(location.href)+n,"pop","width=600, height=400, scrollbars=no")):console.error(i.type+" is unknown")})}}(jQuery),$(function(){$("[data-share]").each(function(){$(this).share({type:$(this).data("share")})})}),function(u){u.fn.snapTo=function(e){var n={elementClass:"post"},t=(u.extend(n,e),u(this)),i=t.find("."+n.elementClass+":visible"),o=!1,s=null,a=function(){var n;o||(o=!0,n=t.scrollLeft(),i.each(function(){var e=u(this).offset();if(e.left>-window.screen.width/2&&e.left'+data+'
').find(id).length ? $(''+data+'
').find(id).children() : $(data));
});
- ++nextPage;
+ ++options.nextPage;
});
}
});
diff --git a/resources/assets/sass/base/_container.scss b/resources/assets/sass/base/_container.scss
index 012ca10c..ee4c7359 100644
--- a/resources/assets/sass/base/_container.scss
+++ b/resources/assets/sass/base/_container.scss
@@ -19,8 +19,10 @@ body {
.header_container {
@include container;
}
-.grey_background {
- background-color: #f9f9f9;
+@media (min-width: 768px) {
+ .grey_background {
+ background-color: #f9f9f9;
+ }
}
.content_container {
padding-right: 50px;
diff --git a/resources/assets/sass/components/_blog.scss b/resources/assets/sass/components/_blog.scss
index b4e1a4cc..9cb8a093 100644
--- a/resources/assets/sass/components/_blog.scss
+++ b/resources/assets/sass/components/_blog.scss
@@ -6,7 +6,9 @@
.post {
margin-bottom: 27px;
- height: 90px;
+ &:not(.auto_height) {
+ height: 90px;
+ }
img {
width: 100%;
diff --git a/resources/assets/sass/components/_box.scss b/resources/assets/sass/components/_box.scss
index 12021f30..17c84567 100644
--- a/resources/assets/sass/components/_box.scss
+++ b/resources/assets/sass/components/_box.scss
@@ -28,20 +28,33 @@
.box {
display: inline-block;
width: auto;
- padding: 30px 23px 30px 30px;
- border-radius: 3px;
- box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
background-color: $element-bg;
margin-bottom: 50px;
+ @media (min-width: 768px) {
+ border-radius: 3px;
+ box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
+ padding: 30px 23px 30px 30px;
+ }
+ @media (max-width: 768px) {
+ padding: 10px 10px 10px 10px;
+ }
+
&.full-width {
- width: CALC(100% - 60px);
+ @media (min-width: 768px) {
+ width: CALC(100% - 60px);
+ }
+ @media (max-width: 768px) {
+ width: CALC(100% - 20px);
+ }
}
&.full-height {
height: CALC(100% - 103px);
}
- &.margin_top {
- margin-top: 80px;
+ @media (min-width: 768px) {
+ &.md_margin_top {
+ margin-top: 77px;
+ }
}
}
.tabs {
diff --git a/resources/assets/sass/components/_bread_crumb.scss b/resources/assets/sass/components/_bread_crumb.scss
index 65cb4383..2c70e679 100644
--- a/resources/assets/sass/components/_bread_crumb.scss
+++ b/resources/assets/sass/components/_bread_crumb.scss
@@ -19,5 +19,11 @@
i {
font-size: 8px;
}
+
+ @media (max-width: 768px) {
+ &:nth-last-child(-n+2) {
+ display: none;
+ }
+ }
}
}
diff --git a/resources/assets/sass/components/_button.scss b/resources/assets/sass/components/_button.scss
index 00571a23..84893284 100644
--- a/resources/assets/sass/components/_button.scss
+++ b/resources/assets/sass/components/_button.scss
@@ -16,6 +16,10 @@
text-decoration: none;
text-transform: uppercase;
+ &:hover, &:active {
+ color: $text-inverted-color;
+ }
+
&.auto_width {
width: fit-content;
margin: 0 auto;
diff --git a/resources/assets/sass/components/_menu.scss b/resources/assets/sass/components/_menu.scss
index e070767b..e427d288 100644
--- a/resources/assets/sass/components/_menu.scss
+++ b/resources/assets/sass/components/_menu.scss
@@ -183,16 +183,14 @@
}
}
.menu_mobile_container {
- height: 30px;
+ height: 46px;
padding: 12px 0;
+ background-color: #10229c;
.mobile_menu_button a {
display: block;
width: 20px;
height: 21px;
padding: 4px 10px 4px 11px;
- border-top-right-radius: 3px;
- border-bottom-right-radius: 3px;
- background-color: #10229c;
margin-right: 12px;
i {
color: white;
@@ -213,9 +211,18 @@
flex-grow: 1;
ul.right_menu {
li {
- padding: 5px 19px;
+ padding: 0 10px;
margin: 0;
+ a.with_svg_icon {
+ margin-right: 10px;
+ }
+ a {
+ svg {
+ position: static;
+ }
+ }
+
.search_form {
height: 25px;
.search_input {
diff --git a/resources/assets/sass/components/_page_title.scss b/resources/assets/sass/components/_page_title.scss
index a5160194..3f9fca4e 100644
--- a/resources/assets/sass/components/_page_title.scss
+++ b/resources/assets/sass/components/_page_title.scss
@@ -3,7 +3,10 @@
.page_title {
margin: 17px 0;
font-family: Montserrat, serif;
- font-size: 40px;
+ font-size: 30px;
+ @media (min-width: 768px) {
+ font-size: 40px;
+ }
font-weight: 600;
line-height: 1.15;
text-align: left;
diff --git a/resources/assets/sass/components/_post.scss b/resources/assets/sass/components/_post.scss
index b2e62ab8..32d988dc 100644
--- a/resources/assets/sass/components/_post.scss
+++ b/resources/assets/sass/components/_post.scss
@@ -3,7 +3,9 @@
.post_container {
@include container;
- padding: 32px 0;
+ @media (min-width: 768px) {
+ padding: 32px 0;
+ }
> .col-8 {
width: CALC(66.66666667% - 20px);
diff --git a/resources/assets/sass/layout/_index.scss b/resources/assets/sass/layout/_index.scss
index 195e3eb4..e7321bc8 100644
--- a/resources/assets/sass/layout/_index.scss
+++ b/resources/assets/sass/layout/_index.scss
@@ -1,6 +1,6 @@
@forward 'header';
@forward 'home';
-@forward 'news_post';
+@forward 'news';
@forward 'post';
@forward 'gids';
@forward 'program';
diff --git a/resources/assets/sass/layout/_news.scss b/resources/assets/sass/layout/_news.scss
new file mode 100644
index 00000000..966331e8
--- /dev/null
+++ b/resources/assets/sass/layout/_news.scss
@@ -0,0 +1,7 @@
+@use "../components/news_post";
+
+.news {
+ .blog .post {
+ height: 115px;
+ }
+}
diff --git a/resources/assets/sass/layout/_news_post.scss b/resources/assets/sass/layout/_news_post.scss
deleted file mode 100644
index 90300385..00000000
--- a/resources/assets/sass/layout/_news_post.scss
+++ /dev/null
@@ -1 +0,0 @@
-@use "../components/news_post";
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index f4336bcb..70fc622b 100644
--- a/resources/views/home.blade.php
+++ b/resources/views/home.blade.php
@@ -160,9 +160,7 @@
diff --git a/resources/views/jobsitem.blade.php b/resources/views/jobsitem.blade.php
index 27e6420e..bd245b51 100644
--- a/resources/views/jobsitem.blade.php
+++ b/resources/views/jobsitem.blade.php
@@ -15,10 +15,10 @@
@endsection
@section('page_class')
- news_post post_container
+ grey_background
@endsection
@section('container_class')
- grey_background
+ news_post post_container
@endsection
diff --git a/resources/views/jobslist.blade.php b/resources/views/jobslist.blade.php
index a4272382..dcab812e 100644
--- a/resources/views/jobslist.blade.php
+++ b/resources/views/jobslist.blade.php
@@ -13,10 +13,10 @@
@endsection
@section('page_class')
- news_post post_container
+ grey_background
@endsection
@section('container_class')
- grey_background
+ news_post post_container
@endsection
@section('content')
diff --git a/resources/views/layouts/master.blade.php b/resources/views/layouts/master.blade.php
index 7457dfec..c941bb35 100644
--- a/resources/views/layouts/master.blade.php
+++ b/resources/views/layouts/master.blade.php
@@ -29,18 +29,16 @@
- 
+ 
+