New mobile header
Add job pages More news button on home page links to news page Small mobile fixes for new page and other pages
This commit is contained in:
80
public/css/style.css
vendored
80
public/css/style.css
vendored
@@ -30,10 +30,11 @@ body {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.grey_background {
|
||||
background-color: #f9f9f9;
|
||||
@media (min-width: 768px) {
|
||||
.grey_background {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
}
|
||||
|
||||
.content_container {
|
||||
padding-right: 50px;
|
||||
}
|
||||
@@ -66,6 +67,9 @@ body {
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.btn:hover, .btn:active {
|
||||
color: #fff;
|
||||
}
|
||||
.btn.auto_width {
|
||||
width: fit-content;
|
||||
margin: 0 auto;
|
||||
@@ -356,17 +360,15 @@ div.pp_default .pp_close:hover {
|
||||
}
|
||||
|
||||
.menu_mobile_container {
|
||||
height: 30px;
|
||||
height: 46px;
|
||||
padding: 12px 0;
|
||||
background-color: #10229c;
|
||||
}
|
||||
.menu_mobile_container .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;
|
||||
}
|
||||
.menu_mobile_container .mobile_menu_button a i {
|
||||
@@ -387,9 +389,15 @@ div.pp_default .pp_close:hover {
|
||||
flex-grow: 1;
|
||||
}
|
||||
.menu_mobile_container .right_menu_container ul.right_menu li {
|
||||
padding: 5px 19px;
|
||||
padding: 0 10px;
|
||||
margin: 0;
|
||||
}
|
||||
.menu_mobile_container .right_menu_container ul.right_menu li a.with_svg_icon {
|
||||
margin-right: 10px;
|
||||
}
|
||||
.menu_mobile_container .right_menu_container ul.right_menu li a svg {
|
||||
position: static;
|
||||
}
|
||||
.menu_mobile_container .right_menu_container ul.right_menu li .search_form {
|
||||
height: 25px;
|
||||
}
|
||||
@@ -753,20 +761,38 @@ div.pp_default .pp_close:hover {
|
||||
.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: #fff;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
.box.full-width {
|
||||
width: calc(100% - 60px);
|
||||
@media (min-width: 768px) {
|
||||
.box {
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
|
||||
padding: 30px 23px 30px 30px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.box {
|
||||
padding: 10px 10px 10px 10px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.box.full-width {
|
||||
width: calc(100% - 60px);
|
||||
}
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.box.full-width {
|
||||
width: calc(100% - 20px);
|
||||
}
|
||||
}
|
||||
.box.full-height {
|
||||
height: calc(100% - 103px);
|
||||
}
|
||||
.box.margin_top {
|
||||
margin-top: 80px;
|
||||
@media (min-width: 768px) {
|
||||
.box.md_margin_top {
|
||||
margin-top: 77px;
|
||||
}
|
||||
}
|
||||
|
||||
.tabs {
|
||||
@@ -819,6 +845,8 @@ div.pp_default .pp_close:hover {
|
||||
}
|
||||
.blog .post {
|
||||
margin-bottom: 27px;
|
||||
}
|
||||
.blog .post:not(.auto_height) {
|
||||
height: 90px;
|
||||
}
|
||||
.blog .post img {
|
||||
@@ -1078,6 +1106,10 @@ div.pp_default .pp_close:hover {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.news .blog .post {
|
||||
height: 115px;
|
||||
}
|
||||
|
||||
.bread_crumb {
|
||||
height: 38px;
|
||||
margin: 0;
|
||||
@@ -1102,21 +1134,35 @@ div.pp_default .pp_close:hover {
|
||||
.bread_crumb li i {
|
||||
font-size: 8px;
|
||||
}
|
||||
@media (max-width: 768px) {
|
||||
.bread_crumb li:nth-last-child(-n+2) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.page_title {
|
||||
margin: 17px 0;
|
||||
font-family: Montserrat, serif;
|
||||
font-size: 40px;
|
||||
font-size: 30px;
|
||||
font-weight: 600;
|
||||
line-height: 1.15;
|
||||
text-align: left;
|
||||
color: #282828;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.page_title {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.post_container {
|
||||
max-width: 1170px;
|
||||
margin: 0 auto;
|
||||
padding: 32px 0;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.post_container {
|
||||
padding: 32px 0;
|
||||
}
|
||||
}
|
||||
.post_container > .col-8 {
|
||||
width: calc(66.66666667% - 20px);
|
||||
|
||||
File diff suppressed because one or more lines are too long
8
public/js/functions.js
vendored
8
public/js/functions.js
vendored
@@ -3,13 +3,13 @@
|
||||
* @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
|
||||
url: document.location.pathname,
|
||||
nextPage: 2
|
||||
};
|
||||
|
||||
$.extend(options, _options);
|
||||
@@ -26,7 +26,7 @@
|
||||
var $container = $(options.container)
|
||||
|
||||
// Fire request for the next page
|
||||
$.ajax({url: options.url + (options.url.indexOf('?') >= 0 ? '&' : '?') + 'pagina=' + nextPage})
|
||||
$.ajax({url: options.url + (options.url.indexOf('?') >= 0 ? '&' : '?') + 'pagina=' + options.nextPage})
|
||||
.always(function () {
|
||||
// Whether success or failure, update the UI again
|
||||
isLoading = 0;
|
||||
@@ -45,7 +45,7 @@
|
||||
var id = this.toString();
|
||||
$(id).append($('<div>'+data+'</div>').find(id).length ? $('<div>'+data+'</div>').find(id).children() : $(data));
|
||||
});
|
||||
++nextPage;
|
||||
++options.nextPage;
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
4
public/js/functions.min.js
vendored
4
public/js/functions.min.js
vendored
@@ -1,2 +1,2 @@
|
||||
/*! 2024-03-20 */
|
||||
!function(l){l.fn.loadMoreNews=function(e){var o=2,n=!1,s={loadingElementId:"#loading",container:"",url:document.location.pathname},a=(l.extend(s,e),l(s.loadingElementId,this));a.hide(),this.click(function(e){var t,i;e.preventDefault(),n||(n=1,a.show(),t=l(this).attr("disabled","disabled"),i=l(s.container),l.ajax({url:s.url+(0<=s.url.indexOf("?")?"&":"?")+"pagina="+o}).always(function(){n=0,a.hide(),t.removeAttr("disabled")}).done(function(n){n?(i.each(function(){var e=this.toString();l(e).append(l("<div>"+n+"</div>").find(e).length?l("<div>"+n+"</div>").find(e).children():l(n))}),++o):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('<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(){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<window.screen.width/2)return t.animate({scrollLeft:Math.round(n+e.left)+"px"},300),!1}),s&&clearTimeout(s),s=setTimeout(function(){o=!1},500))},l=null;t.on("scroll",function(){l&&clearTimeout(l),l=setTimeout(a,300)})}}(jQuery),$(function(){$("[data-snapto]").each(function(){$(this).snapTo($(this).data("snapto"))})}),function(o){o.fn.tabs=function(e){var n={tabClass:"box_header",activeClass:"active",contentClass:"tab_content"},t=(o.extend(n,e),o(this).find("."+n.tabClass)),i=o(this);t.click(function(e){e.preventDefault(),t.removeClass(n.activeClass),i.find("."+n.contentClass).removeClass(n.activeClass),i.find("#"+o(this).data("tab-content-id")).addClass(n.activeClass),o(this).addClass(n.activeClass)})}}(jQuery),$(function(){$("[data-tabs]").each(function(){$(this).tabs($(this).data("tabs")??{})})});
|
||||
/*! 2024-04-03 */
|
||||
!function(a){a.fn.loadMoreNews=function(e){var n=!1,o={loadingElementId:"#loading",container:"",url:document.location.pathname,nextPage:2},s=(a.extend(o,e),a(o.loadingElementId,this));s.hide(),this.click(function(e){var t,i;e.preventDefault(),n||(n=1,s.show(),t=a(this).attr("disabled","disabled"),i=a(o.container),a.ajax({url:o.url+(0<=o.url.indexOf("?")?"&":"?")+"pagina="+o.nextPage}).always(function(){n=0,s.hide(),t.removeAttr("disabled")}).done(function(n){n?(i.each(function(){var e=this.toString();a(e).append(a("<div>"+n+"</div>").find(e).length?a("<div>"+n+"</div>").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('<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(){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<window.screen.width/2)return t.animate({scrollLeft:Math.round(n+e.left)+"px"},300),!1}),s&&clearTimeout(s),s=setTimeout(function(){o=!1},500))},l=null;t.on("scroll",function(){l&&clearTimeout(l),l=setTimeout(a,300)})}}(jQuery),$(function(){$("[data-snapto]").each(function(){$(this).snapTo($(this).data("snapto"))})}),function(o){o.fn.tabs=function(e){var n={tabClass:"box_header",activeClass:"active",contentClass:"tab_content"},t=(o.extend(n,e),o(this).find("."+n.tabClass)),i=o(this);t.click(function(e){e.preventDefault(),t.removeClass(n.activeClass),i.find("."+n.contentClass).removeClass(n.activeClass),i.find("#"+o(this).data("tab-content-id")).addClass(n.activeClass),o(this).addClass(n.activeClass)})}}(jQuery),$(function(){$("[data-tabs]").each(function(){$(this).tabs($(this).data("tabs")??{})})});
|
||||
@@ -3,13 +3,13 @@
|
||||
* @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
|
||||
url: document.location.pathname,
|
||||
nextPage: 2
|
||||
};
|
||||
|
||||
$.extend(options, _options);
|
||||
@@ -26,7 +26,7 @@
|
||||
var $container = $(options.container)
|
||||
|
||||
// Fire request for the next page
|
||||
$.ajax({url: options.url + (options.url.indexOf('?') >= 0 ? '&' : '?') + 'pagina=' + nextPage})
|
||||
$.ajax({url: options.url + (options.url.indexOf('?') >= 0 ? '&' : '?') + 'pagina=' + options.nextPage})
|
||||
.always(function () {
|
||||
// Whether success or failure, update the UI again
|
||||
isLoading = 0;
|
||||
@@ -45,7 +45,7 @@
|
||||
var id = this.toString();
|
||||
$(id).append($('<div>'+data+'</div>').find(id).length ? $('<div>'+data+'</div>').find(id).children() : $(data));
|
||||
});
|
||||
++nextPage;
|
||||
++options.nextPage;
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
6
resources/assets/sass/base/_container.scss
vendored
6
resources/assets/sass/base/_container.scss
vendored
@@ -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;
|
||||
|
||||
4
resources/assets/sass/components/_blog.scss
vendored
4
resources/assets/sass/components/_blog.scss
vendored
@@ -6,7 +6,9 @@
|
||||
|
||||
.post {
|
||||
margin-bottom: 27px;
|
||||
height: 90px;
|
||||
&:not(.auto_height) {
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
|
||||
25
resources/assets/sass/components/_box.scss
vendored
25
resources/assets/sass/components/_box.scss
vendored
@@ -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 {
|
||||
|
||||
@@ -19,5 +19,11 @@
|
||||
i {
|
||||
font-size: 8px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
&:nth-last-child(-n+2) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -16,6 +16,10 @@
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
|
||||
&:hover, &:active {
|
||||
color: $text-inverted-color;
|
||||
}
|
||||
|
||||
&.auto_width {
|
||||
width: fit-content;
|
||||
margin: 0 auto;
|
||||
|
||||
17
resources/assets/sass/components/_menu.scss
vendored
17
resources/assets/sass/components/_menu.scss
vendored
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
|
||||
4
resources/assets/sass/components/_post.scss
vendored
4
resources/assets/sass/components/_post.scss
vendored
@@ -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);
|
||||
|
||||
2
resources/assets/sass/layout/_index.scss
vendored
2
resources/assets/sass/layout/_index.scss
vendored
@@ -1,6 +1,6 @@
|
||||
@forward 'header';
|
||||
@forward 'home';
|
||||
@forward 'news_post';
|
||||
@forward 'news';
|
||||
@forward 'post';
|
||||
@forward 'gids';
|
||||
@forward 'program';
|
||||
|
||||
7
resources/assets/sass/layout/_news.scss
vendored
Normal file
7
resources/assets/sass/layout/_news.scss
vendored
Normal file
@@ -0,0 +1,7 @@
|
||||
@use "../components/news_post";
|
||||
|
||||
.news {
|
||||
.blog .post {
|
||||
height: 115px;
|
||||
}
|
||||
}
|
||||
1
resources/assets/sass/layout/_news_post.scss
vendored
1
resources/assets/sass/layout/_news_post.scss
vendored
@@ -1 +0,0 @@
|
||||
@use "../components/news_post";
|
||||
@@ -160,9 +160,7 @@
|
||||
</div>
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<a class="btn auto_width" id="meer-nieuws" href="#"
|
||||
data-loadmorenews='{"container":["#items-more-news", "#items-most-read"], "url": "/nieuws"}'>
|
||||
<span class="fas fa-spinner fa-spin" id="loading"></span>
|
||||
<a class="btn auto_width" id="meer-nieuws" href="{{route('nieuws')}}">
|
||||
Klik hier voor meer nieuws
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@@ -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
|
||||
|
||||
|
||||
|
||||
@@ -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')
|
||||
|
||||
@@ -29,18 +29,16 @@
|
||||
<a href="javascript:void(0)"><i class="fa-solid fa-bars"></i></a>
|
||||
</div>
|
||||
<div class="logo_mobile">
|
||||
<a href="{{url('/')}}"><img src="/images/logo-NHGooi-slogan.svg"/></a>
|
||||
<a href="{{url('/')}}"><img src="/images/logo-NHGooi-slogan-diap.svg"/></a>
|
||||
</div>
|
||||
<div class="right_menu_container">
|
||||
<ul class="right_menu">
|
||||
<li>
|
||||
<a class="player with_svg_icon" href="{{url('luister/live')}}">{!!file_get_contents(__DIR__ . '/../../../public/images/icons/radio.svg')!!}</a>
|
||||
<a class="player" href="{{url('kijk/studio')}}">{!!file_get_contents(__DIR__ . '/../../../public/images/icons/television-2.svg')!!}</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="player with_svg_icon" href="{{url('kijk/studio')}}">{!!file_get_contents(__DIR__ . '/../../../public/images/icons/television-2.svg')!!}</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://wa.me/088-8505651">Tip <i class="fa-solid fa-circle-plus"></i></a>
|
||||
<a href="https://wa.me/31888505651" target="_blank">Tip <i class="fa-solid fa-circle-plus"></i></a>
|
||||
</li>
|
||||
@if(isset($searchURL))
|
||||
<li>
|
||||
@@ -88,7 +86,7 @@
|
||||
|
||||
<!-- Content -->
|
||||
|
||||
<div class="page">
|
||||
<div class="page @yield('page_class')">
|
||||
<a name="top"></a>
|
||||
@if($activeBlog != null)
|
||||
<p style="float: left; border: solid 1px #1f3977; border-radius: 10px; padding: 0 10px 0.4em 10px; margin: 10px 0 10px 0; width: 100%;">
|
||||
@@ -156,9 +154,6 @@
|
||||
<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" target="_blank"
|
||||
href="https://www.youtube.com/channel/UC0qLwqmXiLoL5PrLlgB6B4Q"><i
|
||||
class="fa-brands fa-youtube"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<div class="@yield('container_class')">
|
||||
<div class="row @yield('page_class')">
|
||||
<div class="col-12 col-md content_container">
|
||||
<div class="box full-width margin_top">
|
||||
<div class="box full-width md_margin_top">
|
||||
@yield('breadcrumb')
|
||||
@yield('tags')
|
||||
<h1 class="page_title">@yield('title')</h1>
|
||||
|
||||
@@ -4,6 +4,9 @@
|
||||
NH Gooi - Nieuws
|
||||
@endsection
|
||||
|
||||
@section('page_class')
|
||||
news
|
||||
@endsection
|
||||
|
||||
@section('content')
|
||||
<div class="clearfix">
|
||||
@@ -21,14 +24,14 @@
|
||||
<div class="col-md-12 col-12">
|
||||
<h4 class="box_header"><span>Meer nieuws</span></h4>
|
||||
<div class="box">
|
||||
@include('partial/newslist_small', ['id' => 'items-more-news', 'news' => array_slice($news, 5, 5)])
|
||||
@include('partial/newslist_small', ['id' => 'items-more-news', 'news' => $news])
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-4">
|
||||
<div class="col-12">
|
||||
<a class="btn auto_width" id="meer-nieuws" href="#"
|
||||
data-loadmorenews='{"container":["#items-more-news"]}'>
|
||||
data-loadmorenews='{"container":["#items-more-news"], "nextPage":3}'>
|
||||
<span class="fas fa-spinner fa-spin" id="loading"></span>
|
||||
Klik hier voor meer nieuws
|
||||
</a>
|
||||
|
||||
@@ -160,12 +160,6 @@
|
||||
Deel op Facebook
|
||||
</a>
|
||||
</div>
|
||||
<div class="col-12 col-md-auto">
|
||||
<a data-share="twitter_x" href="javascript:void(0)" class="btn btn_twitter_x_share">
|
||||
<i class="fa-brands fa-twitter"></i>
|
||||
Deel op Twitter
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -34,7 +34,7 @@
|
||||
@endif
|
||||
<div class="column column_1_2">
|
||||
<ul class="blog">
|
||||
<li class="post">
|
||||
<li class="post auto_height">
|
||||
<a href="{{url($item->url)}}" title="{{$item->title}}">
|
||||
@if($item->video)
|
||||
<span class="icon video"></span>
|
||||
|
||||
@@ -90,7 +90,7 @@
|
||||
<div class="">
|
||||
<div class="row news_post">
|
||||
<div class="col-12 col-md content_container">
|
||||
<div class="box full-width post single small_image margin_top">
|
||||
<div class="box full-width post single small_image md_margin_top">
|
||||
<h1 class="page_title">{{$podcast->title}}</h1>
|
||||
<div class="post_body">
|
||||
<ul class="post_details clearfix">
|
||||
|
||||
@@ -29,7 +29,7 @@
|
||||
"Over NH Gooi" => array(
|
||||
"" => "/contact",
|
||||
"Contact" => "/contact",
|
||||
// "Vacatures" => "/vacatures",
|
||||
"Vacatures" => "/vacatures",
|
||||
"Klachtenregeling" => "/klachten",
|
||||
"Uitgangspunten streekredactie" => "/uploads/Eigen rol en ambities NH Gooi binnen de lokale nieuwsvoorziening.pdf",
|
||||
"Frequenties" => "/frequenties",
|
||||
|
||||
@@ -39,8 +39,8 @@
|
||||
<div class="sub_title">
|
||||
<a class="program_name" href="{{route('programma') . $recent->url}}" title="{{$recent->name}}"><strong>{{$recent->name}}</strong></a>
|
||||
<span class="post_date" title="{{Formatter::relativeDate($recent->start)}} om {{$recent->start->format('H:i')}}.">
|
||||
<i class="fa-regular fa-clock"></i> {{Formatter::relativeDate($recent->start)}} om {{$recent->start->format('H:i')}}.
|
||||
</span>
|
||||
<i class="fa-regular fa-clock"></i> {{Formatter::relativeDate($recent->start)}} om {{$recent->start->format('H:i')}}.
|
||||
</span>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
Reference in New Issue
Block a user