update

Scripts/masages/style_msg.js

@@ -2,13 +2,33 @@ document.addEventListener('DOMContentLoaded', (event) => {
             if (localStorage.getItem('theme-zwitch-msg-dismissed') === 'true') {
                 document.getElementById('theme-zwitch-tip').style.display = 'none';
             }
+
+            if (localStorage.getItem('theme-revamp-dismissed') === 'true') {
+                document.getElementById('theme-revamp').style.display = 'none';
+            }
 
             // Add event listener to the button
             document.getElementById('theme-zwitch-msg').addEventListener('click', dismissMessage);
+
+            document.getElementById('theme-revamp-msg').addEventListener('click', dismissMessage2);
         });
 
         function dismissMessage() {
             const messageElement = document.getElementById('theme-zwitch-tip');
+
+
             messageElement.style.display = 'none';
             localStorage.setItem('theme-zwitch-msg-dismissed', 'true');
+
+
+        }
+
+        function dismissMessage2() {
+
+
+            const messageElement2 = document.getElementById('theme-revamp');
+
+
+            messageElement2.style.display = 'none';
+            localStorage.setItem('theme-revamp-dismissed', 'true');
         }

index.html

@@ -98,7 +98,15 @@ <h4>play our games and be happy</h4>
     </section>
 
     <section class="masages">
-
+       <div class="masages-stuff">
+        <div class="tip" id="theme-revamp">
+          <div class="title"><h1>our themes get a revamp + new navbar </h1></div>
+          <div class="dissmiss" id="theme-revamp-msg"><i class="ri-close-circle-fill"></i></div>
+          <div class="content-masages">
+          <p>hi there im bussy with revamp all themes modern light will be the defould and there come a dark mode the modern theme will look more modern and you see things change with this changes i also revamp the topbar you will see changes on some pages <br><br> <h1>the following pages are getting updated</h1><br> <a href="https://unviere.github.io/Unviere/games">games </a></p>
+          </div>
+        </div>
+      </div>
        <div class="masages-stuff">
         <div class="tip" id="theme-zwitch-tip">
           <div class="title"><h1>did you know </h1></div>