From 4aa1fef3adc2d9cca4ed4b542ef3292f29e0958a Mon Sep 17 00:00:00 2001 From: Jorit Tijsen Date: Wed, 3 Apr 2024 16:38:10 +0200 Subject: [PATCH] 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 --- public/css/style.css | 80 +++++++++++++++---- public/css/style.css.map | 2 +- public/js/functions.js | 8 +- public/js/functions.min.js | 4 +- resources/assets/js/functions/loadMoreNews.js | 8 +- resources/assets/sass/base/_container.scss | 6 +- resources/assets/sass/components/_blog.scss | 4 +- resources/assets/sass/components/_box.scss | 25 ++++-- .../assets/sass/components/_bread_crumb.scss | 6 ++ resources/assets/sass/components/_button.scss | 4 + resources/assets/sass/components/_menu.scss | 17 ++-- .../assets/sass/components/_page_title.scss | 5 +- resources/assets/sass/components/_post.scss | 4 +- resources/assets/sass/layout/_index.scss | 2 +- resources/assets/sass/layout/_news.scss | 7 ++ resources/assets/sass/layout/_news_post.scss | 1 - resources/views/home.blade.php | 4 +- resources/views/jobsitem.blade.php | 4 +- resources/views/jobslist.blade.php | 4 +- resources/views/layouts/master.blade.php | 13 +-- resources/views/layouts/sidebar.blade.php | 2 +- resources/views/news.blade.php | 7 +- resources/views/newsitem.blade.php | 6 -- resources/views/newslist.blade.php | 2 +- resources/views/podcastitem.blade.php | 2 +- resources/views/widgets/menu.blade.php | 2 +- resources/views/widgets/nustraks.blade.php | 4 +- 27 files changed, 157 insertions(+), 76 deletions(-) create mode 100644 resources/assets/sass/layout/_news.scss delete mode 100644 resources/assets/sass/layout/_news_post.scss diff --git a/public/css/style.css b/public/css/style.css index 9129e07f..3f3c7fde 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -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); diff --git a/public/css/style.css.map b/public/css/style.css.map index 9adf93f1..7517bdab 100644 --- a/public/css/style.css.map +++ b/public/css/style.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../../resources/assets/sass/abstracts/_fonts.scss","../../resources/assets/sass/base/_clearfix.scss","../../resources/assets/sass/base/_container.scss","../../resources/assets/sass/abstracts/_mixin.scss","../../resources/assets/sass/abstracts/_variables.scss","../../resources/assets/sass/components/_button.scss","../../resources/assets/sass/components/_pretty_photo.scss","../../resources/assets/sass/components/_cookie.scss","../../resources/assets/sass/components/_list.scss","../../resources/assets/sass/components/_header.scss","../../resources/assets/sass/components/_menu.scss","../../resources/assets/sass/components/_now-playing.scss","../../resources/assets/sass/components/_main_news.scss","../../resources/assets/sass/components/_box.scss","../../resources/assets/sass/components/_blog.scss","../../resources/assets/sass/components/_sidebar.scss","../../resources/assets/sass/components/_radio_box.scss","../../resources/assets/sass/components/_contact_box.scss","../../resources/assets/sass/components/_featured.scss","../../resources/assets/sass/components/_podcast_items.scss","../../resources/assets/sass/components/_bread_crumb.scss","../../resources/assets/sass/components/_page_title.scss","../../resources/assets/sass/components/_post.scss","../../resources/assets/sass/components/_schedule.scss","../../resources/assets/sass/components/_page.scss","../../resources/assets/sass/components/_input.scss","../../resources/assets/sass/components/_podcast_item.scss","../../resources/assets/sass/components/_footer.scss","../../resources/assets/sass/base/_base.scss"],"names":[],"mappings":";AAAQ;AACA;AACA;ACFR;EACE;EACA;EACA;;;ACAF;EACE;EACA;;;AAKF;ECPE;EACA;EDQA;EAIA,kBEfa;;AFYb;EAHF;IAII;;;;AAIJ;ECfE;EACA;;;ADiBF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAEF;EACE;IACE;;EAEF;IACE;;;AGjCJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ODJoB;ECKpB;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAEF;EACE;EACA;;;AC3BJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASE;EACA;;;AAEF;EAEE;;;AAEF;EAEE;EACA;EACA;EACA;EACA,OFXuB;;;AEazB;EAEE;EACA;;;AAEF;EAEE;EACA;;;AChCF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA,OHPoB;;;AGStB;EACE;EACA;EACA;EACA,OHXgB;;;AGalB;EACE;EACA;EACA;EACA,OHjBgB;;;AIVlB;ELME;EACA;EACA;;;AMTF;EACE;;AACA;EACE;EACA;;AACA;EACE;;AAGJ;EACE;EACA;EACA;;;AAIJ;EACE;IACE;;;AAGJ;EACE;IACE;;EACA;IACE;;EAEF;IACE;;;AAIN;EACE;IACE;;;AC9BF;EADF;IAEI;IACA;IACA;;;AAGF;EACE;;AACA;EACE;EACA;EACA;EACA;;AAIJ;EPbA;EACA;EACA;EOaE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA,ONpCK;EMqCL,aNzCU;EM0CV,WNzCQ;EM0CR;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMV;EACE;EPnGA;EACA;;AOqGA;EACE;EPnGF;EACA;EACA;;AOoGE;EACE;EACA;EACA;EACA;EACA;AAOA;AAAA;AAAA;;AALA;EACE;EACA;;AAOF;EACE;EACA;EACA;EACA;EACA;EACA,ON1Hc;EM2Hd;EACA;;AAEA;EACE;EACA;;AAGF;EACE,MNpIY;EMqIZ;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,kBN1JG;EM2JH;EACA;EACA;EACA;EACA,ONnKG;;AMqKL;EACE;EACA;;AAGJ;EACE;;;AAKR;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAGJ;EACE;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AAEE;EACE;EACA;;AAEA;EACE;;AACA;EACE;EACA;;AAEF;EACE;;AAIJ;EACE;;;AAOV;EACE;;AAEA;EACE;EACA;;AAGF;EP9OA;EACA;EACA;;AO8OE;EACE;EACA;EACA;EACA;EACA,ONpPO;EMqPP;EACA;EACA;EACA;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA,kBN/PS;EMgQT;EACA;EACA;;AAGE;EACE;;AACA;EACE;;AAIN;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;;AAKR;EACE;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;;AAIN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;AAKJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AChZJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AC9CV;EADF;IAEI;IACA;AAKA;AAMA;;EAVA;IACE;;EAIF;IACE;IACA;;EAIF;IACE;IACA;;EAEF;IACE;;;AAGJ;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;;AAEA;ETtDJ;EACA;EACA;;ASuDM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OR/DY;EQgEZ;EACA;;AAIJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA,OR7Ec;EQ8Ed;;AAEF;EACE;EACA;;AAEF;EACE;IACE;IACA;IACA;;;AAGJ;ETxFJ;EACA;EACA;EACA;EACA;EAQA;EAIA,OClBqB;EDmBrB;EACA;EACA;EACA;EACA;ESqEM,OR7Fc;;;ASPtB;EAsBE;EACA;;AAtBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA,kBTrBW;ESsBX;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;;AAGJ;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIA;EACE;EACA;EACA;;;AAKR;EACE;EACA;;AACA;EACE;;;ACvFJ;EXIE;EACA;EACA;;AWHA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA,OVbO;;AUeP;EACE;EACA;EACA,OVlBK;;AUoBL;EACE;;AAKN;EACE;;AAGF;EX1BF;EACA;EACA;EACA;EACA;EAQA;EAIA,OClBqB;EDmBrB;EACA;EACA;EACA;EACA;;AWSE;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA,OVxCY;;;AWXlB;EACE;;;AAEF;EACE;IACE;;;ACFJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA,OZXS;;AYaT;EACE;EACA,OZfO;;AYmBX;EbfA;EACA;EACA;EACA;EACA;EAQA;EAIA,OClBqB;EDmBrB;EACA;EACA;EACA;EACA;;AaDA;EACE;EACA;EACA;EACA;EACA;EACA,OZ5BmB;;;AaPvB;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA,ObPc;EaQd;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA,OblBmB;;AaqBrB;EdMA;EACA;EACA;EACA;EACA;EACA;;;AcPF;EACE;IACE;;;ACjCF;EACE;EACA;EACA;;AAEF;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA,OdTO;EcUP;;AAIJ;EfkCA;EACA;;AACA;EA9CA;EACA;EACA;EACA;EACA;EAQA;EAuBA;EACA;EACA;EACA;EACA;EACA;;AASA;EAjDA;EACA;EACA;EACA;EACA;EAQA;EAIA,OClBqB;EDmBrB;EACA;EACA;EACA;EACA;;AePA;EACE;EACA;EACA;EACA;EACA;EACA,OdtBmB;EcuBnB;;;AC7BF;EhBGA;EACA;EACA;;AgBHE;EACE;EACA;EACA;;AAGF;EACE;;AACA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA,OffG;EegBH;;AAIJ;EhB4BJ;EACA;;AACA;EA9CA;EACA;EACA;EACA;EACA;EAQA;EAuBA;EACA;EACA;EACA;EACA;EACA;;AASA;EAjDA;EACA;EACA;EACA;EACA;EAQA;EAIA,OClBqB;EDmBrB;EACA;EACA;EACA;EACA;;;AiB9BF;EACE;EjBGA;EACA;EACA;;AiBFA;EACE;EjBIF;EACA;EACA;EACA;EACA;EAQA;EiBdE;EACA;;AAEA;EACE,OhBJiB;EgBKjB;;AAGF;EACE;;;ACjBN;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OjBEgB;;;AkBRlB;EnBAE;EACA;EmBCA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EnBVA;EACA;EACA;EmBUE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OlB1Bc;EkB2Bd;EACA;;AAIN;EACE;EAEA;EACA;EACA;EACA,OlBpCc;;AkBsCd;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA,OlB7CmB;EkB8CnB;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA,OlBrEiB;;AkByErB;EnB/EF;EACA;EACA;;AmBgFI;EACE;EACA;EnB/EN;EACA;EACA;EACA;EACA;EAQA;EmBqEM,OlBnFe;;AkBoFf;EACE,OlBrFa;EkBsFb;;AAEF;EACE;;AAKN;EACE;EACA;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;;;AC1HJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA,OnBJS;;AmBMX;EpBFA;EACA;EACA;EACA;EACA;EAQA;EAIA,OClBqB;EDmBrB;EACA;EACA;EACA;EACA;;AoBhBA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA,OnBnBS;EmBoBT;EACA;;AACA;EACE;;;AC5BN;ErBAE;EACA;EqBCA;EACA;;AACA;EAJF;IAKI;IACA;;;;AAGJ;EACE;EACA;EACA;EACA,OpBLgB;;AoBOhB;EACE;;;AAGJ;ErBVE;EACA;EACA;EACA;EACA;EAIA;EqBIA;EACA;EACA,OpBfgB;;AoBiBhB;EACE;;;AC3BJ;EACE;EACA;EACA,kBrBOW;EqBNX;EACA;EAEA;EACA;EACA;EACA,OrBJW;;AqBMX;EACE;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA,OrBlBS;;;AqBqBb;EACE;EAEA;EACA;EACA;EACA;EACA,OrB5BW;EqB6BX;EACA;EACA,kBrB3BW;;;AsBVb;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA,OtBDoB;EsBEpB;EACA;;;ACTF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AACA;EAHF;IAII;;;AAGF;ExBfF;EACA;;AwBkBE;EACE;EACA;EACA;;AAGF;EACE,OvBpBgB;EuBqBhB;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA,OvBpCc;EuBqCd;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OvBvDgB;EuBwDhB;EACA;EACA;;AAIJ;ExBhEA;EACA;EACA;EwBgEE;EACA;;AAEA;EACE;EACA;EACA;;AACA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAKN;EACE;ExB1FF;EACA;EACA;;AwB2FE;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;;AC3GV;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGA;EACE,oBAFS;;;AACX;EACE,oBAFS;;;AACX;EACE,oBAFS;;;AACX;EACE,oBAFS;;;AACX;EACE,oBAFS;;;AACX;EACE,oBAFS;;;AACX;EACE,oBAFS;;;AACX;EACE,oBAFS;;;AACX;EACE,oBAFS;;;AACX;EACE,oBAFS;;;AAMb;EACE","file":"style.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../../resources/assets/sass/abstracts/_fonts.scss","../../resources/assets/sass/base/_clearfix.scss","../../resources/assets/sass/base/_container.scss","../../resources/assets/sass/abstracts/_mixin.scss","../../resources/assets/sass/abstracts/_variables.scss","../../resources/assets/sass/components/_button.scss","../../resources/assets/sass/components/_pretty_photo.scss","../../resources/assets/sass/components/_cookie.scss","../../resources/assets/sass/components/_list.scss","../../resources/assets/sass/components/_header.scss","../../resources/assets/sass/components/_menu.scss","../../resources/assets/sass/components/_now-playing.scss","../../resources/assets/sass/components/_main_news.scss","../../resources/assets/sass/components/_box.scss","../../resources/assets/sass/components/_blog.scss","../../resources/assets/sass/components/_sidebar.scss","../../resources/assets/sass/components/_radio_box.scss","../../resources/assets/sass/components/_contact_box.scss","../../resources/assets/sass/components/_featured.scss","../../resources/assets/sass/components/_podcast_items.scss","../../resources/assets/sass/layout/_news.scss","../../resources/assets/sass/components/_bread_crumb.scss","../../resources/assets/sass/components/_page_title.scss","../../resources/assets/sass/components/_post.scss","../../resources/assets/sass/components/_schedule.scss","../../resources/assets/sass/components/_page.scss","../../resources/assets/sass/components/_input.scss","../../resources/assets/sass/components/_podcast_item.scss","../../resources/assets/sass/components/_footer.scss","../../resources/assets/sass/base/_base.scss"],"names":[],"mappings":";AAAQ;AACA;AACA;ACFR;EACE;EACA;EACA;;;ACAF;EACE;EACA;;;AAKF;ECPE;EACA;EDQA;EAIA,kBEfa;;AFYb;EAHF;IAII;;;;AAIJ;ECfE;EACA;;;ADiBF;EACE;IACE;;;AAGJ;EACE;;;AAEF;EACE;;;AAEF;EACE;IACE;;EAEF;IACE;;;AGnCJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ODJoB;ECKpB;EACA;EACA;;AAEA;EACE,ODVkB;;ACapB;EACE;EACA;;AAGF;EACE;EACA;;AAEF;EACE;EACA;;;AC/BJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASE;EACA;;;AAEF;EAEE;;;AAEF;EAEE;EACA;EACA;EACA;EACA,OFXuB;;;AEazB;EAEE;EACA;;;AAEF;EAEE;EACA;;;AChCF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA,OHPoB;;;AGStB;EACE;EACA;EACA;EACA,OHXgB;;;AGalB;EACE;EACA;EACA;EACA,OHjBgB;;;AIVlB;ELME;EACA;EACA;;;AMTF;EACE;;AACA;EACE;EACA;;AACA;EACE;;AAGJ;EACE;EACA;EACA;;;AAIJ;EACE;IACE;;;AAGJ;EACE;IACE;;EACA;IACE;;EAEF;IACE;;;AAIN;EACE;IACE;;;AC9BF;EADF;IAEI;IACA;IACA;;;AAGF;EACE;;AACA;EACE;EACA;EACA;EACA;;AAIJ;EPbA;EACA;EACA;EOaE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA,ONpCK;EMqCL,aNzCU;EM0CV,WNzCQ;EM0CR;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMV;EACE;EPnGA;EACA;;AOqGA;EACE;EPnGF;EACA;EACA;;AOoGE;EACE;EACA;EACA;EACA;EACA;AAOA;AAAA;AAAA;;AALA;EACE;EACA;;AAOF;EACE;EACA;EACA;EACA;EACA;EACA,ON1Hc;EM2Hd;EACA;;AAEA;EACE;EACA;;AAGF;EACE,MNpIY;EMqIZ;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,kBN1JG;EM2JH;EACA;EACA;EACA;EACA,ONnKG;;AMqKL;EACE;EACA;;AAGJ;EACE;;;AAKR;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAGJ;EACE;;AACA;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;;AAEE;EACE;EACA;;AAEA;EACE;;AAGA;EACE;;AAIJ;EACE;;AACA;EACE;EACA;;AAEF;EACE;;AAIJ;EACE;;;AAOV;EACE;;AAEA;EACE;EACA;;AAGF;EPrPA;EACA;EACA;;AOqPE;EACE;EACA;EACA;EACA;EACA,ON3PO;EM4PP;EACA;EACA;EACA;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA,kBNtQS;EMuQT;EACA;EACA;;AAGE;EACE;;AACA;EACE;;AAIN;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;;AAKR;EACE;EACA;EACA;;AACA;EACE;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE;;AAIN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;;AAKJ;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;ACvZJ;EACE;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AC9CV;EADF;IAEI;IACA;AAKA;AAMA;;EAVA;IACE;;EAIF;IACE;IACA;;EAIF;IACE;IACA;;EAEF;IACE;;;AAGJ;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AACA;EAJF;IAKI;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;;AAEA;ETtDJ;EACA;EACA;;ASuDM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OR/DY;EQgEZ;EACA;;AAIJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA,OR7Ec;EQ8Ed;;AAEF;EACE;EACA;;AAEF;EACE;IACE;IACA;IACA;;;AAGJ;ETxFJ;EACA;EACA;EACA;EACA;EAQA;EAIA,OClBqB;EDmBrB;EACA;EACA;EACA;EACA;ESqEM,OR7Fc;;;ASPtB;EAsBE;EACA;;AAtBA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAKJ;EACE;EACA;EACA,kBTlBW;ESmBX;;AAEA;EANF;IAOI;IACA;IACA;;;AAEF;EAXF;IAYI;;;AAIA;EADF;IAEI;;;AAEF;EAJF;IAKI;;;AAGJ;EACE;;AAEF;EACE;IACE;;;;AAIN;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIA;EACE;EACA;EACA;;;AAKR;EACE;EACA;;AACA;EACE;;;ACpGJ;EXIE;EACA;EACA;;AWHA;EACE;;AACA;EACE;;AAGF;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA,OVfO;;AUiBP;EACE;EACA;EACA,OVpBK;;AUsBL;EACE;;AAKN;EACE;;AAGF;EX5BF;EACA;EACA;EACA;EACA;EAQA;EAIA,OClBqB;EDmBrB;EACA;EACA;EACA;EACA;;AWWE;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA,OV1CY;;;AWXlB;EACE;;;AAEF;EACE;IACE;;;ACFJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA,OZXS;;AYaT;EACE;EACA,OZfO;;AYmBX;EbfA;EACA;EACA;EACA;EACA;EAQA;EAIA,OClBqB;EDmBrB;EACA;EACA;EACA;EACA;;AaDA;EACE;EACA;EACA;EACA;EACA;EACA,OZ5BmB;;;AaPvB;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA,ObPc;EaQd;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA,OblBmB;;AaqBrB;EdMA;EACA;EACA;EACA;EACA;EACA;;;AcPF;EACE;IACE;;;ACjCF;EACE;EACA;EACA;;AAEF;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA,OdTO;EcUP;;AAIJ;EfkCA;EACA;;AACA;EA9CA;EACA;EACA;EACA;EACA;EAQA;EAuBA;EACA;EACA;EACA;EACA;EACA;;AASA;EAjDA;EACA;EACA;EACA;EACA;EAQA;EAIA,OClBqB;EDmBrB;EACA;EACA;EACA;EACA;;AePA;EACE;EACA;EACA;EACA;EACA;EACA,OdtBmB;EcuBnB;;;AC7BF;EhBGA;EACA;EACA;;AgBHE;EACE;EACA;EACA;;AAGF;EACE;;AACA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA,OffG;EegBH;;AAIJ;EhB4BJ;EACA;;AACA;EA9CA;EACA;EACA;EACA;EACA;EAQA;EAuBA;EACA;EACA;EACA;EACA;EACA;;AASA;EAjDA;EACA;EACA;EACA;EACA;EAQA;EAIA,OClBqB;EDmBrB;EACA;EACA;EACA;EACA;;;AiB9BA;EACE;;;ACDJ;EACE;ElBGA;EACA;EACA;;AkBFA;EACE;ElBIF;EACA;EACA;EACA;EACA;EAQA;EkBdE;EACA;;AAEA;EACE,OjBJiB;EiBKjB;;AAGF;EACE;;AAGF;EACE;IACE;;;;ACtBR;EACE;EACA;EACA;EAIA;EACA;EACA;EACA,OlBDgB;;AkBLhB;EAJF;IAKI;;;;ACJJ;EpBAE;EACA;;AoBCA;EAFF;IAGI;;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EpBZA;EACA;EACA;EoBYE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OnB5Bc;EmB6Bd;EACA;;AAIN;EACE;EAEA;EACA;EACA;EACA,OnBtCc;;AmBwCd;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA,OnB/CmB;EmBgDnB;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA,OnBvEiB;;AmB2ErB;EpBjFF;EACA;EACA;;AoBkFI;EACE;EACA;EpBjFN;EACA;EACA;EACA;EACA;EAQA;EoBuEM,OnBrFe;;AmBsFf;EACE,OnBvFa;EmBwFb;;AAEF;EACE;;AAKN;EACE;EACA;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;;;AC5HJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA,OpBJS;;AoBMX;ErBFA;EACA;EACA;EACA;EACA;EAQA;EAIA,OClBqB;EDmBrB;EACA;EACA;EACA;EACA;;AqBhBA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA,OpBnBS;EoBoBT;EACA;;AACA;EACE;;;AC5BN;EtBAE;EACA;EsBCA;EACA;;AACA;EAJF;IAKI;IACA;;;;AAGJ;EACE;EACA;EACA;EACA,OrBLgB;;AqBOhB;EACE;;;AAGJ;EtBVE;EACA;EACA;EACA;EACA;EAIA;EsBIA;EACA;EACA,OrBfgB;;AqBiBhB;EACE;;;AC3BJ;EACE;EACA;EACA,kBtBOW;EsBNX;EACA;EAEA;EACA;EACA;EACA,OtBJW;;AsBMX;EACE;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;EACA,OtBlBS;;;AsBqBb;EACE;EAEA;EACA;EACA;EACA;EACA,OtB5BW;EsB6BX;EACA;EACA,kBtB3BW;;;AuBVb;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA,OvBDoB;EuBEpB;EACA;;;ACTF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AACA;EAHF;IAII;;;AAGF;EzBfF;EACA;;AyBkBE;EACE;EACA;EACA;;AAGF;EACE,OxBpBgB;EwBqBhB;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA,OxBpCc;EwBqCd;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OxBvDgB;EwBwDhB;EACA;EACA;;AAIJ;EzBhEA;EACA;EACA;EyBgEE;EACA;;AAEA;EACE;EACA;EACA;;AACA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAKN;EACE;EzB1FF;EACA;EACA;;AyB2FE;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE;;;AC3GV;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGA;EACE,oBAFS;;;AACX;EACE,oBAFS;;;AACX;EACE,oBAFS;;;AACX;EACE,oBAFS;;;AACX;EACE,oBAFS;;;AACX;EACE,oBAFS;;;AACX;EACE,oBAFS;;;AACX;EACE,oBAFS;;;AACX;EACE,oBAFS;;;AACX;EACE,oBAFS;;;AAMb;EACE","file":"style.css"} \ No newline at end of file diff --git a/public/js/functions.js b/public/js/functions.js index 47c90622..3164f1b5 100644 --- a/public/js/functions.js +++ b/public/js/functions.js @@ -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($('
'+data+'
').find(id).length ? $('
'+data+'
').find(id).children() : $(data)); }); - ++nextPage; + ++options.nextPage; }); } }); diff --git a/public/js/functions.min.js b/public/js/functions.min.js index 4fd53ee7..5de0a4e2 100644 --- a/public/js/functions.min.js +++ b/public/js/functions.min.js @@ -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("
"+n+"
").find(e).length?l("
"+n+"
").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('
').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"+n+"").find(e).length?a("
"+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= 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($('
'+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 @@
- - + Klik hier voor meer nieuws
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 @@
- +
diff --git a/resources/views/layouts/sidebar.blade.php b/resources/views/layouts/sidebar.blade.php index 072b16a3..657272e5 100644 --- a/resources/views/layouts/sidebar.blade.php +++ b/resources/views/layouts/sidebar.blade.php @@ -4,7 +4,7 @@
-
+
@yield('breadcrumb') @yield('tags')

@yield('title')

diff --git a/resources/views/news.blade.php b/resources/views/news.blade.php index 50453a6c..17865794 100644 --- a/resources/views/news.blade.php +++ b/resources/views/news.blade.php @@ -4,6 +4,9 @@ NH Gooi - Nieuws @endsection +@section('page_class') + news +@endsection @section('content')
@@ -21,14 +24,14 @@

Meer nieuws

- @include('partial/newslist_small', ['id' => 'items-more-news', 'news' => array_slice($news, 5, 5)]) + @include('partial/newslist_small', ['id' => 'items-more-news', 'news' => $news])
+ data-loadmorenews='{"container":["#items-more-news"], "nextPage":3}'> Klik hier voor meer nieuws diff --git a/resources/views/newsitem.blade.php b/resources/views/newsitem.blade.php index 4b84b1c9..dd4cdb8c 100644 --- a/resources/views/newsitem.blade.php +++ b/resources/views/newsitem.blade.php @@ -160,12 +160,6 @@ Deel op Facebook
-
- - - Deel op Twitter - -
diff --git a/resources/views/newslist.blade.php b/resources/views/newslist.blade.php index 4c69863a..efeb7846 100644 --- a/resources/views/newslist.blade.php +++ b/resources/views/newslist.blade.php @@ -34,7 +34,7 @@ @endif