1 files changed, 118 insertions, 0 deletions
diff --git a/assets/js/pages/mstartpage-index.js b/assets/js/pages/mstartpage-index.js
new file mode 100644
index 0000000..db518ab
--- /dev/null
+++ b/assets/js/pages/mstartpage-index.js
@@ -0,0 +1,118 @@
+// Date and time functionality
+        function updateDateRealtime() {
+            const dateElement = document.getElementById("realtime-date");
+            const clockElement = document.getElementById("realtime-clock");
+
+            const days = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
+            const months = ["January", "February", "March", "April", "May", "June",
+                "July", "August", "September", "October", "November", "December"];
+
+            const now = new Date();
+
+            // Date parts
+            const dayName = days[now.getDay()];
+            const month = months[now.getMonth()];
+            const dayNumber = now.getDate();
+            const year = now.getFullYear();
+
+            const ordinal = (dayNumber > 3 && dayNumber < 21) ? 'th' :
+                            (dayNumber % 10 === 1) ? 'st' :
+                            (dayNumber % 10 === 2) ? 'nd' :
+                            (dayNumber % 10 === 3) ? 'rd' : 'th';
+
+            dateElement.textContent = `${dayName}, ${month} ${dayNumber}${ordinal}, ${year}.`;
+
+            // Clock parts (12-hour format)
+            let hours = now.getHours();
+            const minutes = now.getMinutes();
+            const seconds = now.getSeconds();
+
+            const period = hours >= 12 ? 'PM' : 'AM';
+            hours = hours % 12 || 12;
+
+            const formattedHours = hours.toString().padStart(2, "0");
+            const formattedMinutes = minutes.toString().padStart(2, "0");
+            const formattedSeconds = seconds.toString().padStart(2, "0");
+
+            clockElement.textContent = `${formattedHours}:${formattedMinutes}:${formattedSeconds} ${period}`;
+        }
+
+        updateDateRealtime();
+        setInterval(updateDateRealtime, 1000);
+
+        // Menu toggle functionality
+        document.getElementById('menu-toggle').addEventListener('click', function() {
+            const menu = document.getElementById('main-menu');
+            menu.classList.toggle('show');
+        });
+
+        // Collapsible sections
+        const collapsibles = document.getElementsByClassName("collapsible");
+        
+        for (let i = 0; i < collapsibles.length; i++) {
+            collapsibles[i].addEventListener("click", function() {
+                this.classList.toggle("active");
+                const content = this.nextElementSibling;
+                if (content.style.display === "block") {
+                    content.style.display = "none";
+                } else {
+                    content.style.display = "block";
+                }
+            });
+        }
+
+        // XXX Verification functionality
+        const xxxToggle = document.getElementById('xxx-toggle');
+        const xxxModal = document.getElementById('xxx-modal');
+        const xxxConfirm = document.getElementById('xxx-confirm');
+        const xxxDeny = document.getElementById('xxx-deny');
+        const xxxList = document.getElementById('xxx-list');
+
+        // Check if already verified
+        let isVerified = localStorage.getItem('xxx-verified') === 'true';
+        let isContentVisible = localStorage.getItem('xxx-visible') === 'true';
+
+        // Initialize based on stored state
+        if (isVerified && isContentVisible) {
+            xxxToggle.textContent = 'Hide XXX Content';
+            xxxList.style.display = 'block';
+        } else if (isVerified && !isContentVisible) {
+            xxxToggle.textContent = 'Show XXX Content';
+            xxxList.style.display = 'none';
+        }
+
+        xxxToggle.addEventListener('click', function() {
+            if (isVerified) {
+                // Toggle visibility if already verified
+                if (xxxList.style.display === 'block') {
+                    // Hide the content
+                    xxxList.style.display = 'none';
+                    xxxToggle.textContent = 'Show XXX Content';
+                    localStorage.setItem('xxx-visible', 'false');
+                } else {
+                    // Show the content
+                    xxxList.style.display = 'block';
+                    xxxToggle.textContent = 'Hide XXX Content';
+                    localStorage.setItem('xxx-visible', 'true');
+                }
+            } else {
+                // Show verification modal if not verified
+                xxxModal.style.display = 'flex';
+            }
+        });
+
+        xxxConfirm.addEventListener('click', function() {
+            // Set verification status
+            isVerified = true;
+            localStorage.setItem('xxx-verified', 'true');
+            localStorage.setItem('xxx-visible', 'true');
+            
+            // Hide modal and show content
+            xxxModal.style.display = 'none';
+            xxxList.style.display = 'block';
+            xxxToggle.textContent = 'Hide XXX Content';
+        });
+
+        xxxDeny.addEventListener('click', function() {
+            xxxModal.style.display = 'none';
+        });