From 83afd3b77975596c09f44af2c147b73c2cf26aec Mon Sep 17 00:00:00 2001
From: jsnk <jonassnk11@gmail.com>
Date: Sun, 5 Oct 2025 23:12:39 +0200
Subject: [PATCH] cc

---
 index.html | 47 ++++++++++++++++++++++++++++++++++-------------
 1 file changed, 34 insertions(+), 13 deletions(-)
diff --git a/index.html b/index.html
index 65565af..517e1d2 100644
--- a/index.html
+++ b/index.html
@@ -5,16 +5,13 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Caesar Gaming</title>
-    <!-- <link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="img/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="img/favicon-16x16.png">
-    <link rel="manifest" href="img/site.webmanifest"> -->
 
     <link rel="icon" type="image/png" href="img/favicon-96x96.png" sizes="96x96" />
     <link rel="icon" type="image/svg+xml" href="img/favicon.svg" />
     <link rel="shortcut icon" href="img/favicon.ico" />
     <link rel="apple-touch-icon" sizes="180x180" href="img/apple-touch-icon.png" />
     <link rel="manifest" href="img/site.webmanifest" />
+    <link rel="preload" href="img/favicon-96x96.png" as="image" />
     <style>
         * {
             margin: 0;
@@ -43,6 +40,26 @@
             margin-bottom: 1rem;
             text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
             animation: fadeInDown 1s ease-out;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 1rem;
+        }
+
+        .gamepad-icon {
+            width: 64px;
+            height: 64px;
+            animation: float 3s ease-in-out infinite;
+            border-radius: 50%;
+        }
+
+        @keyframes float {
+            0%, 100% {
+                transform: translateY(0px);
+            }
+            50% {
+                transform: translateY(-10px);
+            }
         }
 
         .tagline {
@@ -70,6 +87,7 @@
             cursor: pointer;
             text-decoration: none;
             color: white;
+            display: block;
         }
 
         .link-card:hover {
@@ -142,21 +160,24 @@
 
 <body>
     <div class="container">
-        <h1>🎮 Caesar Gaming</h1>
+        <h1>
+             
+            <img src="img/favicon-96x96.png" alt="Gamepad" class="gamepad-icon">
+            Caesar Gaming
+            🎮
+        </h1>
         <p class="tagline">Your Gaming Universe Awaits</p>
 
         <div class="links">
-            <a href="https://forge.caesargaming.org" class="link-card coming-soon">
+            <a href="https://forge.caesargaming.org" class="link-card">
                 <h3>🔧 Git Server</h3>
-                <p></p>
+                <p>Forgejo Instance</p>
             </a>
 
-            <div class="link-card coming-soon">
-                <a href="https://tt.caesargaming.org" class="link-card coming-soon"></a>
-                <h3>🎯 Game Servers</h3>
-                <p>Play: Tripe Triad</p>
-                </a>
-            </div>
+            <a href="https://tt.caesargaming.org" class="link-card">
+                <h3>🎯 Triple Triad</h3>
+                <p>Play the Card Game!</p>
+            </a>
 
             <div class="link-card coming-soon">
                 <h3>💬 Community</h3>
