theme fix

kernel/themes/default/views/main/about.php

@@ -10,7 +10,7 @@ $view->setMeta([
 ]);
 ?>
 <!-- Page Header-->
-<header class="masthead" style="background-image: url('<?= $resources ?>/assets/img/about-bg.jpg')">
+<header class="masthead" style="background-image: url('<?= $resources ?>/assets/img/about-bg.jpeg')">
     <div class="container position-relative px-4 px-lg-5">
         <div class="row gx-4 gx-lg-5 justify-content-center">
             <div class="col-md-10 col-lg-8 col-xl-7">

kernel/themes/default/views/main/index.php

@@ -10,7 +10,7 @@ $view->setMeta([
 ]);
 ?>
 <!-- Page Header-->
-<header class="masthead" style="background-image: url('<?= $resources ?>/assets/img/home-bg.jpg')">
+<header class="masthead" style="background-image: url('<?= $resources ?>/assets/img/home-bg.jpeg')">
     <div class="container position-relative px-4 px-lg-5">
         <div class="row gx-4 gx-lg-5 justify-content-center">
             <div class="col-md-10 col-lg-8 col-xl-7">

resources/themes/default/js/main.js

@@ -0,0 +1,30 @@
+(function ($) {
+
+    "use strict";
+
+    var fullHeight = function () {
+
+        $('.js-fullheight').css('height', $(window).height());
+        $(window).resize(function () {
+            $('.js-fullheight').css('height', $(window).height());
+        });
+
+    };
+    fullHeight();
+
+    $('#sidebarCollapse').on('click', function () {
+        $('#sidebar').toggleClass('active');
+    });
+
+})(jQuery);
+
+window.addEventListener("load", function () {
+    let closeBtn = document.querySelectorAll(".closeAlertBtn");
+    closeBtn.forEach((item) => {
+        item.addEventListener("click", closeAlert);
+    });
+});
+
+function closeAlert() {
+    this.parentNode.setAttribute("style", "display: none;")
+}