diff --git a/public_html/static/all.css b/public_html/static/all.css
index 0e3b105..a601831 100644
--- a/public_html/static/all.css
+++ b/public_html/static/all.css
@@ -134,3 +134,9 @@
.sidebar-content {
width: 250px;
}
+
+.main-content {
+ transition: width: 0.5s ease;
+}
+.main-content.expanded {
+}
diff --git a/public_html/static/sidebar.js b/public_html/static/sidebar.js
new file mode 100644
index 0000000..7882eaf
--- /dev/null
+++ b/public_html/static/sidebar.js
@@ -0,0 +1,36 @@
+
+document.addEventListener('DOMContentLoaded', function () {
+ var sidebar = document.getElementById('sidebar');
+ var mainContent = document.getElementById('mainContent');
+ var toggleButton = document.getElementById('toggleSidebarButton');
+
+ // update localStorage based on the current state
+ function updateStorage() {
+ var isSidebarCollapsed = sidebar.classList.contains('collapsed');
+ localStorage.setItem('sidebarState', isSidebarCollapsed ? 'collapsed' : 'expanded');
+ }
+
+ // apply saved state
+ function applySavedState() {
+ var savedState = localStorage.getItem('sidebarState');
+ if (savedState === 'collapsed') {
+ sidebar.classList.add('collapsed');
+ mainContent.classList.add('expanded');
+ } else {
+ sidebar.classList.remove('collapsed');
+ mainContent.classList.remove('expanded');
+ }
+ }
+
+ // Initialize
+ applySavedState();
+
+ toggleButton.addEventListener('click', function () {
+ // toggle sidebar and main content
+ sidebar.classList.toggle('collapsed');
+ mainContent.classList.toggle('expanded');
+
+ // Update with the new state
+ updateStorage();
+ });
+});
diff --git a/public_html/templates/page-footer.php b/public_html/templates/page-footer.php
index 227eda7..81939b7 100644
--- a/public_html/templates/page-footer.php
+++ b/public_html/templates/page-footer.php
@@ -8,14 +8,7 @@
-
-
+