we got newsticker!!1

v0.2.3a
RubixYouTube · Sep 22, 2024 · c84ef0b · c84ef0b
1 parent fd13032
commit c84ef0b
Showing 1 changed file with 40 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -64,6 +64,22 @@
         .tab-border {
             border: 2px solid;
         }
+        .news-ticker {
+            background-color: black;
+            color: gold;
+            padding: 10px;
+            overflow: hidden;
+            white-space: nowrap;
+        }
+        .news-ticker span {
+            display: inline-block;
+            padding-right: 100%;
+            animation: ticker 20s linear infinite;
+        }
+        @keyframes ticker {
+            0% { transform: translateX(100%); }
+            100% { transform: translateX(-100%); }
+        }
     </style>
     <script>
         document.addEventListener('DOMContentLoaded', function() {
@@ -175,8 +191,14 @@
             });
 
             document.getElementById('yes-button').addEventListener('click', function() {
-                localStorage.removeItem('saveData');
-                location.reload();
+                hz = 0;
+                gain = 1;
+                cost = 7;
+                hzDisplay.textContent = `${Math.floor(hz)} Hz`;
+                gainDisplay.textContent = `Gain: ${gain}Hz/s`;
+                costDisplay.textContent = `${cost}Hz`;
+                saveGame();
+                popup3.classList.remove('visible');
             });
 
             // Added functionality for copy button
@@ -237,6 +259,20 @@
     </script>
 </head>
 <body class="bg-gray-900 text-gray-300 font-sans h-screen">
+    <div class="news-ticker">
+        <span>
+            <span class="text-gray-300">Welcome to the Hz game! </span>
+            <span class="text-gray-300">"Double your Hz, double your fun!" </span>
+            <span class="text-gray-300">New update available! </span>
+            <span class="text-gray-300">"Keep clicking, keep winning!" </span>
+            <span class="text-gray-300">Check out the new features! </span>
+            <span class="text-gray-300">"Achieve greatness, one Hz at a time." </span>
+            <span class="text-gray-300">Upgrade your Hz now! </span>
+            <span class="text-gray-300">"More Hz, more power!" </span>
+            <span class="text-gray-300">Save your progress! </span>
+            <span class="text-gray-300">"The Hz game is addictive!" </span>
+        </span>
+    </div>
     <div class="flex h-full">
         <div class="w-1/4 bg-gray-800 p-8 flex flex-col justify-center">
             <div id="tab-hz" class="tab text-6xl font-bold text-black bg-white p-4 cursor-pointer tab-border border-white">
@@ -294,7 +330,7 @@
                 <div class="border border-gray-500 p-4">
                     <div class="text-2xl font-bold">Changelog</div>
                     <hr class="border-gray-500 my-4">
-                    <div class="text-lg">v0.2.2.1a - Added new features and improvements.</div>
+                    <div class="text-lg">v0.2.3a - User requested changes and improvements.</div>
                 </div>
             </div>
         </div>
@@ -317,6 +353,6 @@
             <button id="cancel-button3" class="px-4 py-2 border border-gray-300 text-white">Cancel</button>
         </div>
     </div>
-    <div class="version">v0.2.2.1a</div>
+    <div class="version">v0.2.3a</div>
 </body>
 </html>