v01.5

Author: hellenicdev

index.html

@@ -14,50 +14,67 @@ <h4>Hello! My name is Panos, aka HellenicDev. I'm passionate about programming a
 
   <h2>My Projects:</h2>
 
-<div class="game-list">
+  <div class="game-list">
     <div class="game-card">
-    <a href="./codriver/index.html">
-      <h3>Codriver</h3>
-      <p>An AI-powered assistant. It has games, jokes, riddles, and more.</p>
-    </a>
-  </div>
-  <div class="game-card">
-    <a href="clicker-game/index.html">
-      <h3>Clicker Game</h3>
-      <p>A simple incremental game where every click counts. Watch your score rise!</p>
-    </a>
-  </div>
-  <div class="game-card">
-    <a href="./budget-tracker/index.html">
-      <h3>Budget Tracker</h3>
-      <p>Track your income and expenses with ease. Great for personal finance planning (data saved locally).</p>
-    </a>
-  </div>
-  <div class="game-card">
-    <a href="./the-quiz/index.html">
-      <h3>The Quiz</h3>
-      <p>Test your knowledge in various subjects. Fun and educational quiz app!</p>
-    </a>
-  </div>
-  <div class="game-card">
-    <a href="./e-table/index.html">
-      <h3>E-table</h3>
-      <p>A mock-up. Supposed to be a platform where you can reserve a table at a restaurant.</p>
-    </a>
-  </div>
-  <div class="game-card">
-    <a href="./dodge-and-survive/index.html">
-      <h3>Dodge & Survive</h3>
-      <p>A fast-paced arcade game where you dodge enemies and try to survive as long as possible.</p>
-    </a>
-  </div>
+      <a href="./codriver/index.html">
+        <h3>Codriver</h3>
+        <p>An AI-powered assistant. It has games, jokes, riddles, and more.</p>
+      </a>
+    </div>
+    <div class="game-card">
+      <a href="clicker-game/index.html">
+        <h3>Clicker Game</h3>
+        <p>A simple incremental game where every click counts. Watch your score rise!</p>
+      </a>
+    </div>
     <div class="game-card">
-    <a href="./the-sound-quiz/index.html">
-      <h3>The Sound Quiz</h3>
-      <p>A simple quiz. You hear sounds and you have to guess them.</p>
-    </a>
+      <a href="./budget-tracker/index.html">
+        <h3>Budget Tracker</h3>
+        <p>Track your income and expenses with ease. Great for personal finance planning (data saved locally).</p>
+      </a>
+    </div>
+    <div class="game-card">
+      <a href="./the-quiz/index.html">
+        <h3>The Quiz</h3>
+        <p>Test your knowledge in various subjects. Fun and educational quiz app!</p>
+      </a>
+    </div>
+    <div class="game-card">
+      <a href="./e-table/index.html">
+        <h3>E-table</h3>
+        <p>A mock-up. Supposed to be a platform where you can reserve a table at a restaurant.</p>
+      </a>
+    </div>
+    <div class="game-card">
+      <a href="./dodge-and-survive/index.html">
+        <h3>Dodge & Survive</h3>
+        <p>A fast-paced arcade game where you dodge enemies and try to survive as long as possible.</p>
+      </a>
+    </div>
+    <div class="game-card">
+      <a href="./the-sound-quiz/index.html">
+        <h3>The Sound Quiz</h3>
+        <p>A simple quiz. You hear sounds and you have to guess them.</p>
+      </a>
+    </div>
   </div>
-</div>
+
+  <!-- Popup Ad -->
+  <div id="popup-ad" style="display:none; position:fixed; bottom:20px; right:20px; width:300px; background:#fff; border:1px solid #ccc; border-radius:8px; padding:15px; box-shadow:0 4px 12px rgba(0,0,0,0.2); font-family:sans-serif; z-index:9999;">
+    <strong>Sponsored Offer</strong>
+    <p>Join this Discord server for amazing giveaways and more!</p>
+    <a href="discord.gg/invite/NgeU4bSMya" target="_blank" style="color:#007bff;">Check it out →</a>
+    <button onclick="document.getElementById('popup-ad').style.display='none'" style="position:absolute; top:5px; right:10px; border:none; background:none; font-size:18px; cursor:pointer;">&times;</button>
+  </div>
+
+  <!-- Show popup after delay -->
+  <script>
+    window.onload = function() {
+      setTimeout(function() {
+        document.getElementById('popup-ad').style.display = 'block';
+      }, 5000); // Shows after 5 seconds
+    };
+  </script>
 
 </body>
 </html>