Home page and news page are finished

2024-03-13 12:37:09 +01:00
parent 55aa88c0f6
commit 2895ba283b
58 changed files with 3713 additions and 31764 deletions
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1,5 +1,7 @@
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
 .clearfix::after {
  display: block;
  clear: both;
@@ -11,12 +13,40 @@
  margin: 0 auto;
 }

+.body_container {
+  padding: 67px 135px;
+  background-color: #f9f9f9;
+  margin: 0;
+}
+
+.btn {
+  display: block;
+  width: calc(100% - 78px);
+  padding: 10px 39px 10px 39px;
+  border-radius: 3px;
+  background-image: linear-gradient(to right, #0f259d, #5ba8f4);
+  font-family: Nunito, serif;
+  font-size: 14px;
+  font-weight: bold;
+  line-height: 0.93;
+  text-align: center;
+  color: #fff;
+  margin-bottom: 10px;
+  text-decoration: none;
+  text-transform: uppercase;
+}
+.btn.auto_width {
+  width: fit-content;
+  margin: 0 auto;
+}
+
 .header {
  height: 110px;
 }

 .header .logo {
  margin-left: 135px;
+  float: left;
 }

 .header .logo img {
@@ -29,20 +59,25 @@
  background-image: linear-gradient(to right, #0102b0, #4090e3);
 }
 .menu_container .menu {
-  list-style-type: none;
-  padding: 0;
  margin: 0;
+  padding: 0;
+  list-style: none;
  overflow: hidden;
  position: relative;
  z-index: 0;
+  margin: 0px -1px;
 }
-.menu_container .menu li {
+.menu_container .menu > li {
  float: left;
+  margin: 0px -1px;
 }
-.menu_container .menu li ul {
+.menu_container .menu > li.has_submenu {
+  position: relative;
+}
+.menu_container .menu > li ul {
  display: none;
 }
-.menu_container .menu li a {
+.menu_container .menu > li a {
  display: block;
  font-family: Nunito, serif;
  color: #1a1a1a;
@@ -53,12 +88,12 @@
  text-decoration: none;
  background: white;
 }
-.menu_container .menu li.selected a, .menu_container .menu li:hover a {
+.menu_container .menu > li.selected a, .menu_container .menu > li:hover 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 {
+.menu_container .menu > li.selected a:before, .menu_container .menu > li:hover a:before, .menu_container .menu > li.hover a:before {
  content: "";
  display: block;
  width: 33px;
@@ -69,27 +104,27 @@
  left: 0;
  z-index: 1;
 }
-.menu_container .menu li.selected a:after, .menu_container .menu li:hover a:after {
+.menu_container .menu > li.selected a:after, .menu_container .menu > li:hover a:after, .menu_container .menu > li.hover a:after {
  content: "";
  display: block;
-  width: 10px;
-  height: 12px;
+  width: 12px;
+  height: 15px;
  background-image: URL("/images/menu-corner-2.svg");
  position: absolute;
  bottom: 0;
  right: -1px;
  z-index: 1;
 }
-.menu_container .menu li:first-child {
+.menu_container .menu > li:first-child {
  width: 135px;
  display: block;
  background: white;
-  height: 25px;
+  height: 29px;
 }
-.menu_container .menu li:last-child {
+.menu_container .menu > li:last-child {
  margin-left: 10px;
 }
-.menu_container .menu li:last-child:after {
+.menu_container .menu > li:last-child:after {
  content: " ";
  z-index: -1;
  background: white;
@@ -103,6 +138,104 @@
 .top_menu_container {
  height: 50px;
 }
+.top_menu_container ul {
+  float: right;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.top_menu_container ul li {
+  float: left;
+  padding: 6px 19px;
+  margin: 8px;
+  border-right: 1px solid #fff;
+}
+.top_menu_container ul li:last-child {
+  border: none;
+}
+.top_menu_container ul li a {
+  float: left;
+  font-family: Nunito, serif;
+  font-size: 14px;
+  font-weight: bold;
+  text-align: right;
+  color: #fff;
+  text-decoration: none;
+  text-transform: uppercase;
+}
+.top_menu_container ul li a i {
+  font-size: 18px;
+  position: relative;
+  top: 2px;
+  margin-left: 5px;
+}
+.top_menu_container ul li .search_form {
+  float: left;
+  overflow: hidden;
+  height: 21px;
+  margin-right: 10px;
+}
+
+.menu-submenu {
+  position: absolute;
+}
+.menu-submenu > a {
+  display: block;
+  height: 30px;
+}
+.menu-submenu ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.menu-submenu ul a {
+  display: block;
+  font-family: Nunito, serif;
+  font-size: 14px;
+  font-weight: bold;
+  color: #1a1a1a;
+  text-decoration: none;
+  padding: 15px 0;
+  border-bottom: 1px solid #f8f8f8;
+}
+.menu-submenu > ul {
+  padding: 20px;
+  border-radius: 3px;
+  box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
+  background-color: #fff;
+  margin-left: 20px;
+  width: max-content;
+  display: none;
+}
+.menu-submenu > ul li ul {
+  display: none;
+}
+.menu-submenu > ul li ul li {
+  padding-left: 10px;
+}
+.menu-submenu > ul li.has_submenu {
+  position: relative;
+}
+.menu-submenu > ul li.has_submenu:after {
+  -webkit-font-smoothing: antialiased;
+  display: var(--fa-display, inline-block);
+  font-style: normal;
+  font-variant: normal;
+  line-height: 1;
+  text-rendering: auto;
+  font-family: "Font Awesome 6 Free";
+  font-weight: 900;
+  content: "\f0d7";
+  position: absolute;
+  right: 0;
+  top: 15px;
+  -webkit-transform: rotate(270deg);
+  transform: rotate(270deg);
+}
+.menu-submenu > ul li.has_submenu.opened:after {
+  -webkit-transform: rotate(0deg);
+  transform: rotate(0deg);
+}

 .header .now-playing-header {
  float: right;
@@ -138,10 +271,13 @@
  padding: 3px;
  width: 100%;
 }
-.now-playing-header .controls li {
+.now-playing-header .controls ul {
+  margin: 0;
+}
+.now-playing-header .controls ul li {
  display: inline-block;
 }
-.now-playing-header .controls li a {
+.now-playing-header .controls ul li a {
  line-height: 120%;
  font-size: 80%;
  color: #ABABAB;
@@ -150,13 +286,603 @@
  margin-left: 5px;
  margin-right: 5px;
 }
-
-.blog_grid img {
-  max-width: 100%;
+.now-playing-header .controls ul li a label {
+  cursor: pointer;
 }
+
 .blog_grid .row, .blog_grid .row > * {
  padding: 0;
  margin: 0;
 }
+.blog_grid .row {
+  height: 100%;
+}
+.blog_grid .post {
+  position: relative;
+  height: 100%;
+}
+.blog_grid .post img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  filter: brightness(50%);
+}
+.blog_grid .post.small {
+  height: 50%;
+}
+.blog_grid .post .slider_content_box {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 15px;
+}
+.blog_grid .post .slider_content_box .post_details {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.blog_grid .post .slider_content_box .post_details .category a {
+  padding: 6px 11px 7px;
+  border-radius: 3px;
+  background-image: linear-gradient(to right, #0d1ca3, #45aaf8);
+  font-family: Nunito, serif;
+  font-size: 10px;
+  font-weight: bold;
+  text-align: center;
+  color: #fff;
+  text-decoration: none;
+  text-transform: uppercase;
+}
+.blog_grid .post .slider_content_box h2, .blog_grid .post .slider_content_box h5 {
+  margin: 15px 0 0 0;
+}
+.blog_grid .post .slider_content_box h2 a, .blog_grid .post .slider_content_box h5 a {
+  font-family: Montserrat, serif;
+  font-size: 30px;
+  font-weight: 600;
+  line-height: 1;
+  color: #fff;
+  text-decoration: none;
+}
+.blog_grid .post .slider_content_box h5 a {
+  font-size: 16px;
+  line-height: 1.17;
+}
+.blog_grid .post .slider_content_box .post_date {
+  display: block;
+  height: 30px;
+  font-family: Nunito, serif;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 3.17;
+  letter-spacing: normal;
+  text-align: left;
+  color: #666;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  color: #fff;
+}
+
+.box_header {
+  border-bottom: 1px solid #efefef;
+}
+.box_header span {
+  font-family: Nunito, serif;
+  font-size: 20px;
+  font-weight: bold;
+  color: #0f259d;
+  border-bottom: 3px solid #0f259d;
+  display: inline-block;
+  text-transform: uppercase;
+  height: 30px;
+}
+
+.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);
+}
+
+.tabs {
+  display: flex;
+  justify-content: space-between;
+}
+.tabs .box_header span {
+  color: #999;
+  border-bottom: none;
+  cursor: pointer;
+}
+.tabs .box_header.small span {
+  font-size: 13px;
+}
+.tabs .box_header.medium span {
+  font-size: 18px;
+}
+.tabs .box_header.active span, .tabs .box_header:hover span {
+  color: #0f259d;
+  border-bottom: 3px solid #0f259d;
+}
+
+.tab_content {
+  display: none;
+}
+.tab_content.active {
+  display: block;
+}
+
+.blog {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.blog .post {
+  margin-bottom: 27px;
+}
+.blog .post img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.blog .post h2 {
+  margin: 0;
+}
+.blog .post h2 a {
+  font-family: Montserrat, serif;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.43;
+  color: #1a1a1a;
+  text-decoration: none;
+  display: inline-block;
+}
+.blog .post .col-8 {
+  padding: 0;
+}
+.blog .post .post_date {
+  display: block;
+  height: 30px;
+  font-family: Nunito, serif;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 3.17;
+  letter-spacing: normal;
+  text-align: left;
+  color: #666;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.sidebar .box {
+  width: calc(100% - 38px);
+}
+
+.radio_box {
+  padding: 15px 23px 15px 15px;
+  width: calc(100% - 38px);
+}
+.radio_box h2 {
+  font-family: Montserrat, serif;
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 1.35;
+  color: #1a1a1a;
+}
+.radio_box .post_date {
+  display: block;
+  height: 30px;
+  font-family: Nunito, serif;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 3.17;
+  letter-spacing: normal;
+  text-align: left;
+  color: #666;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.radio_box p {
+  font-family: Nunito, serif;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.57;
+  text-align: left;
+  color: #666;
+}
+
+.contact_box {
+  position: relative;
+}
+.contact_box .logo-whatsapp {
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.contact_box h2 {
+  font-family: Montserrat, serif;
+  font-size: 24px;
+  font-weight: 600;
+  line-height: 1.17;
+  color: #282828;
+  margin-top: 0;
+  padding-right: 60px;
+}
+.contact_box p {
+  font-family: Nunito, serif;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.57;
+  color: #666;
+}
+.contact_box .read_more {
+  font-family: Nunito, serif;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.57;
+  color: #0f259d;
+  text-transform: uppercase;
+}
+
+.featured img {
+  width: 100%;
+}
+.featured h2 {
+  margin: 0;
+}
+.featured h2 a {
+  font-family: Montserrat, serif;
+  font-size: 20px;
+  font-weight: 600;
+  line-height: 1.35;
+  text-align: left;
+  color: #1a1a1a;
+  text-decoration: none;
+}
+.featured .sub_title {
+  width: 100%;
+  display: flex;
+}
+.featured .sub_title .program_name {
+  font-family: Nunito, serif;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 3.17;
+  text-align: left;
+  color: #000;
+  margin-right: 10px;
+  text-decoration: none;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.featured .sub_title .post_date {
+  display: block;
+  height: 30px;
+  font-family: Nunito, serif;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 3.17;
+  letter-spacing: normal;
+  text-align: left;
+  color: #666;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.featured p {
+  font-family: Nunito, serif;
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.57;
+  text-align: left;
+  color: #666;
+  margin: 10px 0;
+}
+
+.podcast_items ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.podcast_items ul li {
+  margin-bottom: 25px;
+}
+.podcast_items ul li h2 {
+  margin: 0;
+}
+.podcast_items ul li h2 a {
+  font-family: Montserrat, serif;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.43;
+  text-align: left;
+  color: #1a1a1a;
+  text-decoration: none;
+}
+.podcast_items ul li .sub_title {
+  width: 100%;
+  display: flex;
+}
+.podcast_items ul li .sub_title .program_name {
+  font-family: Nunito, serif;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 3.17;
+  text-align: left;
+  color: #000;
+  margin-right: 10px;
+  text-decoration: none;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.podcast_items ul li .sub_title .post_date {
+  display: block;
+  height: 30px;
+  font-family: Nunito, serif;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 3.17;
+  letter-spacing: normal;
+  text-align: left;
+  color: #666;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.post_container {
+  padding: 40px 135px;
+  background-color: #f9f9f9;
+  margin: 0;
+}
+.post_container > .col-8 {
+  width: calc(66.66666667% - 50px);
+  margin-right: 50px;
+}
+.post_container .bread_crumb {
+  height: 38px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  border-bottom: 1px solid #efefef;
+  padding-bottom: 18px;
+}
+.post_container .bread_crumb li {
+  float: left;
+  font-family: Nunito, serif;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 3.17;
+  text-align: left;
+  color: #666;
+  margin-right: 5px;
+}
+.post_container .bread_crumb li a {
+  color: #666;
+  text-decoration: none;
+}
+.post_container .bread_crumb li i {
+  font-size: 8px;
+}
+.post_container .post_tags {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  height: 31px;
+  margin-top: 20px;
+}
+.post_container .post_tags li {
+  float: left;
+  margin-right: 10px;
+}
+.post_container .post_tags li a {
+  display: block;
+  padding: 6px 15px 7px;
+  border-radius: 3px;
+  background-image: linear-gradient(to left, #0d1ca3, #45aaf8);
+  font-family: Nunito, serif;
+  font-size: 10px;
+  font-weight: bold;
+  text-align: center;
+  color: #fff;
+  text-decoration: none;
+  text-transform: uppercase;
+}
+.post_container h1 {
+  margin: 17px 0;
+  font-family: Montserrat, serif;
+  font-size: 40px;
+  font-weight: 600;
+  line-height: 1.15;
+  text-align: left;
+  color: #282828;
+}
+.post_container .post_body {
+  width: 100%;
+  font-family: Nunito, serif;
+  font-size: 15px;
+  line-height: 1.6;
+  color: #282828;
+}
+.post_container .post_body h3 {
+  font-size: 15px;
+}
+.post_container .post_body .sentence {
+  font-size: 12px;
+  font-style: italic;
+  line-height: 3.17;
+  text-align: right;
+  color: #585858;
+  display: block;
+  width: 100%;
+}
+.post_container .post_body .sentence span {
+  padding: 0 5px;
+}
+.post_container .post_body blockquote {
+  border-left: 3px solid #5ba8f4;
+  margin-left: 0;
+  padding-left: 20px;
+  font-family: Lato, serif;
+  font-size: 30px;
+  font-style: italic;
+  line-height: 1.27;
+  color: #5ba8f4;
+}
+.post_container .post_body blockquote .author {
+  font-family: Nunito, serif;
+  font-size: 12px;
+  font-style: normal;
+  line-height: 3.17;
+  color: #585858;
+}
+.post_container .post_body .post_details {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.post_container .post_body .post_details li {
+  float: left;
+  margin-right: 10px;
+  font-family: Nunito, serif;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 3.17;
+  color: #666;
+}
+.post_container .post_body .post_details li a {
+  color: #666;
+  text-decoration: none;
+}
+.post_container .post_body .post_details li i {
+  margin-right: 4px;
+}
+.post_container .post_body .post_image img, .post_container .post_body video, .post_container .post_body .mejs__video {
+  width: calc(100% + 53px);
+  margin: 0 -23px 0 -30px;
+}
+.post_container .post_body .mejs__video, .post_container .post_body video {
+  width: calc(100% + 53px) !important;
+}
+.post_container .info {
+  padding: 1em;
+  color: #3E3E3E;
+  line-height: 150%;
+  border-radius: 10px;
+  margin: 1em;
+}
+.post_container .info h2 {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  margin-top: 3px;
+  clear: both;
+}
+.post_container .info a {
+  color: #ED1C24;
+}
+
+.footer_container {
+  font-family: Montserrat, serif;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 1.71;
+  text-align: left;
+  color: #fff;
+}
+.footer_container .footer_menu {
+  padding: 61px 135px 38px 134px;
+  background-image: linear-gradient(to right, #0102b0, #4090e3);
+}
+.footer_container .footer_menu .row:first-child {
+  padding-bottom: 70px;
+  margin-bottom: 34px;
+  border-bottom: 1px solid #fff;
+}
+.footer_container .footer_menu a {
+  color: #fff;
+  text-decoration: none;
+  display: block;
+  width: 100%;
+}
+.footer_container .footer_menu .buttons a {
+  text-transform: uppercase;
+  margin-bottom: 10px;
+}
+.footer_container .footer_menu .box_header {
+  border-bottom: 1px solid #fff;
+}
+.footer_container .footer_menu .box_header span {
+  border-bottom: 3px solid #fff;
+  color: #fff;
+  font-size: 14px;
+}
+.footer_container .copyright {
+  padding: 20px;
+  background-color: #0f259d;
+  text-align: center;
+  position: relative;
+}
+.footer_container .copyright .scroll_top {
+  position: absolute;
+  right: 30px;
+  top: -19px;
+  width: 38px;
+  height: 38px;
+  background-color: #5ba8f4;
+  color: #fff;
+  text-decoration: none;
+  line-height: 40px;
+  border-radius: 5px;
+}
+.footer_container .footer_menu2 {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.footer_container .footer_menu2 li {
+  float: left;
+  margin-right: 40px;
+}
+.footer_container .footer_menu2 li a {
+  text-decoration: underline;
+}
+.footer_container .footer_social_media {
+  float: right;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.footer_container .footer_social_media li {
+  float: left;
+  margin: 4px;
+}
+.footer_container .footer_social_media li a {
+  display: block;
+  width: 34px;
+  height: 34px;
+  border-radius: 5px;
+  text-align: center;
+  line-height: 37px;
+}
+.footer_container .footer_social_media li a.facebook {
+  background-color: #0f259d;
+}
+.footer_container .footer_social_media li a.twitter-x {
+  background-color: #5ba8f4;
+}
+.footer_container .footer_social_media li a.youtube {
+  background-color: #e73323;
+}

 /*# sourceMappingURL=style.css.map */
--- 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/components/_header.scss","../../resources/assets/sass/components/_menu.scss","../../resources/assets/sass/abstracts/_variables.scss","../../resources/assets/sass/components/_now-playing.scss","../../resources/assets/sass/components/_main_news.scss"],"names":[],"mappings":";AAAQ;ACAR;EACE;EACA;EACA;;;ACHF;EACE;EACA;;;ACFF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;ACLF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;EACA,OCeS;EDdT,aCeU;EDdV,WCeQ;EDdR;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;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMV;EACE;;;AEzFF;EACE;;;AAEF;EACE;EACA;EACA;AACA;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;EACA;EACA;EACA;EACA;EACA;EACA;;;AC5CN;EACE;;AAEF;EACE;EACA","file":"style.css"}
+{"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/components/_button.scss","../../resources/assets/sass/components/_header.scss","../../resources/assets/sass/components/_menu.scss","../../resources/assets/sass/abstracts/_mixin.scss","../../resources/assets/sass/abstracts/_variables.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/_post.scss","../../resources/assets/sass/components/_footer.scss"],"names":[],"mappings":";AAAQ;AACA;AACA;ACFR;EACE;EACA;EACA;;;ACHF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;ACPF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AClBJ;EACE;;;AAEF;EACE;EACA;;;AAEF;EACE;;;ACLF;EACE;EACA;EACA;;AAEA;ECLA;EACA;EACA;EDKE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;EACA,OEUS;EFTT,aEUU;EFTV,WEUQ;EFTR;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;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMV;EACE;;AAEA;EACE;EC9FF;EACA;EACA;;AD+FE;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;;;AAMR;EACE;;AAEA;EACE;EACA;;AAGF;EC/IA;EACA;EACA;;AD+IE;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGE;EACE;;AACA;EACE;;AAIN;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;;AGrMR;EACE;;;AAEF;EACE;EACA;EACA;AACA;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;;;AC/CV;EACE;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EAEA;;AAEA;EH/BJ;EACA;EACA;;AGgCM;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAEF;EACE;EACA;EACA;EACA;EACA,OFdiB;EEejB;;AAEF;EACE;EACA;;AAEF;EH1DJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EGiDM,OFvBiB;;;AG7CzB;EAWE;;AAVA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAGJ;EACE;EACA;;AAEE;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAIA;EACE;EACA;;;AAKR;EACE;;AACA;EACE;;;ACrDJ;ELCE;EACA;EACA;;AKAA;EACE;;AAEA;EACE;EACA;EACA;;AAEF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;;AAGF;ELvBF;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AMnBF;EACE;;;ACCF;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EPNA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AOAA;EACE;EACA;EACA;EACA;EACA;EACA;;;ACvBJ;EACE;;AACA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;ERLA;EACA;EACA;EACA;EACA;EACA;;;ASzBA;EACE;;AAEF;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;ET2BA;EACA;;AACA;EAhBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AASA;EA3CA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ASIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AC3BF;EVAA;EACA;EACA;;AUCE;EACE;;AACA;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EVwBJ;EACA;;AACA;EAhBA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AASA;EA3CA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AWlBF;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EXTF;EACA;EACA;EWSE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAIN;EXlCA;EACA;EACA;EWkCE;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EAEA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EXhHF;EACA;EACA;;AWiHI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;;AAKN;EACE;EACA;;AAEF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;;;AC5JN;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EZ5DA;EACA;EACA;;AY6DE;EACE;EACA;;AAEA;EACE;;AAKN;EACE;EZ1EF;EACA;EACA;;AY2EE;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEF;EACE;;AAEF;EACE","file":"style.css"}
--- a/public/images/logo-radio.png
+++ b/public/images/logo-radio.png
--- a/public/images/logo-whatsapp.png
+++ b/public/images/logo-whatsapp.png
--- a/public/js/functions.js
+++ b/public/js/functions.js
@@ -0,0 +1,134 @@
+(function ($) {
+   /**
+   * @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
+    };
+
+    $.extend(options, _options);
+    var $isLoading = $(options.loadingElementId, this);
+    $isLoading.hide();
+
+    this.click(function (e) {
+      e.preventDefault();
+      if (!isLoading) {
+        // Set flag and update UI
+        isLoading = 1;
+        $isLoading.show();
+        var $button = $(this).attr("disabled", "disabled");
+        var $container = $(options.container)
+
+        // Fire request for the next page
+        $.ajax({url: options.url + (options.url.indexOf('?') >= 0 ? '&' : '?') + 'pagina=' + nextPage})
+          .always(function () {
+            // Whether success or failure, update the UI again
+            isLoading = 0;
+            $isLoading.hide();
+            $button.removeAttr("disabled");
+          })
+          .done(function (data) {
+            if (!data) {
+              // When no data was returned, disable the button permanently
+              page = -1;
+              $button.attr("disabled", "disabled").text("Geen nieuws meer.");
+              return;
+            }
+
+            $container.each(function () {
+              var id = this.toString();
+              $(id).append($('<div>'+data+'</div>').find(id).length ? $('<div>'+data+'</div>').find(id).children() : $(data));
+            });
+            ++nextPage;
+          });
+      }
+    });
+  };
+
+}(jQuery));
+
+$(function () {
+  $('[data-loadmorenews]').each(function () {
+    $(this).loadMoreNews($(this).data('loadmorenews'));
+  });
+});
+
+(function ($) {
+
+  /**
+   * @param {object} _options
+   */
+  $.fn.menu = function (_options) {
+    var options = {
+      menuSubmenuClass: 'has_submenu'
+    };
+    $.extend(options, _options);
+    var $menus = $(this).children('.' + options.menuSubmenuClass);
+    var $container = $(this);
+
+    $menus.on( "mouseenter", function () {
+      var $menuItem = $(this);
+      $('.menu-submenu > ul.submenu').slideUp(400, function(){$(this).closest('.menu-submenu').remove()});
+      $('.hover', $container).removeClass('hover');
+      $menuItem.addClass('hover');
+      var submenu = $('<div style="width: ' + $menuItem.outerWidth() + 'px"><a href="' + $menuItem.find('a').attr('href') + '" style="width: ' + $menuItem.outerWidth() + 'px"></a></div>').append($menuItem.children('ul.submenu').clone());
+      var pos = $menuItem.offset();
+      submenu.addClass('menu-submenu').css({top: pos.top, left: pos.left});
+      submenu.on( "mouseleave", function(){
+        $('.menu-submenu > ul.submenu').slideUp(400, function(){$(this).closest('.menu-submenu').remove()});
+        $menuItem.removeClass('hover');
+      } );
+      $('body').append(submenu);
+      submenu.children('ul.submenu').slideDown();
+
+      submenu.find('ul.submenu li.has_submenu').click(function(){
+        $(this).find('ul.submenu').slideToggle();
+        $(this).toggleClass('opened');
+      });
+      openPlayerInNewScreen();
+    });
+  };
+
+}(jQuery));
+
+$(function () {
+  $('.menu, .mobile-menu').menu({});
+});
+
+(function ($) {
+
+  /**
+   * @param {object} _options
+   */
+  $.fn.tabs = function (_options) {
+    var options = {
+      tabClass: 'box_header',
+      activeClass: 'active',
+      contentClass: 'tab_content'
+    };
+    $.extend(options, _options);
+    var $tabs = $(this).find('.' + options.tabClass);
+    var $container = $(this);
+
+    $tabs.click(function (e) {
+      e.preventDefault();
+      $tabs.removeClass(options.activeClass);
+      $container.find('.' + options.contentClass).removeClass(options.activeClass);
+      $container.find('#' + $(this).data('tab-content-id')).addClass(options.activeClass);
+      $(this).addClass(options.activeClass);
+    });
+  };
+
+}(jQuery));
+
+$(function () {
+  $('[data-tabs]').each(function () {
+    $(this).tabs($(this).data('tabs') ?? {});
+  });
+});
--- a/public/js/functions.min.js
+++ b/public/js/functions.min.js
@@ -0,0 +1,2 @@
+/*!  2024-03-13 */
+!function(o){o.fn.loadMoreNews=function(e){var a=2,n=!1,i={loadingElementId:"#loading",container:"",url:document.location.pathname},u=(o.extend(i,e),o(i.loadingElementId,this));u.hide(),this.click(function(e){var t,s;e.preventDefault(),n||(n=1,u.show(),t=o(this).attr("disabled","disabled"),s=o(i.container),o.ajax({url:i.url+(0<=i.url.indexOf("?")?"&":"?")+"pagina="+a}).always(function(){n=0,u.hide(),t.removeAttr("disabled")}).done(function(n){n?(s.each(function(){var e=this.toString();o(e).append(o("<div>"+n+"</div>").find(e).length?o("<div>"+n+"</div>").find(e).children():o(n))}),++a):t.attr("disabled","disabled").text("Geen nieuws meer.")}))})}}(jQuery),$(function(){$("[data-loadmorenews]").each(function(){$(this).loadMoreNews($(this).data("loadmorenews"))})}),function(a){a.fn.menu=function(e){var n={menuSubmenuClass:"has_submenu"},e=(a.extend(n,e),a(this).children("."+n.menuSubmenuClass)),s=a(this);e.on("mouseenter",function(){var e=a(this),n=(a(".menu-submenu > ul.submenu").slideUp(400,function(){a(this).closest(".menu-submenu").remove()}),a(".hover",s).removeClass("hover"),e.addClass("hover"),a('<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(){a(".menu-submenu > ul.submenu").slideUp(400,function(){a(this).closest(".menu-submenu").remove()}),e.removeClass("hover")}),a("body").append(n),n.children("ul.submenu").slideDown(),n.find("ul.submenu li.has_submenu").click(function(){a(this).find("ul.submenu").slideToggle(),a(this).toggleClass("opened")}),openPlayerInNewScreen()})}}(jQuery),$(function(){$(".menu, .mobile-menu").menu({})}),function(a){a.fn.tabs=function(e){var n={tabClass:"box_header",activeClass:"active",contentClass:"tab_content"},t=(a.extend(n,e),a(this).find("."+n.tabClass)),s=a(this);t.click(function(e){e.preventDefault(),t.removeClass(n.activeClass),s.find("."+n.contentClass).removeClass(n.activeClass),s.find("#"+a(this).data("tab-content-id")).addClass(n.activeClass),a(this).addClass(n.activeClass)})}}(jQuery),$(function(){$("[data-tabs]").each(function(){$(this).tabs($(this).data("tabs")??{})})});
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -0,0 +1,41 @@
+function loadMoreNews(e, _options) {
+  var options = $.extend( {
+    loadingElementId: '#loading'
+  }, _options );
+  window.loadMoreNews = window.loadMoreNewsSettings ?? {}
+  var nextPage = window.loadMoreNewsSettings.nextPage ?? 2;
+  var isLoading = window.loadMoreNewsSettings.isLoading ?? false;
+  var $isLoading = $(options.loadingElementId).hide();
+
+  e.preventDefault();
+
+  if (!isLoading) {
+    // Set flag and update UI
+    isLoading = 1;
+    $isLoading.show();
+    var $button = $(this).attr("disabled", "disabled");
+
+    // Fire request for the next page
+    $.ajax({url: document.location.pathname + '?pagina=' + nextPage})
+      .always(function () {
+        // Whether success or failure, update the UI again
+        isLoading = 0;
+        $isLoading.hide();
+        $button.removeAttr("disabled");
+      })
+      .done(function (data) {
+        if (!data) {
+          // When no data was returned, disable the button permanently
+          page = -1;
+          $button.attr("disabled", "disabled").text("Geen nieuws meer.");
+          return;
+        }
+        console.log($(data));
+        console.log($(data).find('#items-more-news'));
+
+        $('#items-more-news').append($(data).find('#items-more-news'));
+        $('#items-most-read').append($(data).find('#items-most-read'));
+        ++nextPage;
+      });
+  }
+}
--- a/public/js/mediaplayer_plugins.min.js
+++ b/public/js/mediaplayer_plugins.min.js
--- a/public/js/mediaplayer_with_plugins.min.js
+++ b/public/js/mediaplayer_with_plugins.min.js