-

games/index_games.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@700&display=swap">
     <title>Helios Arcade</title>
     <style>
         /* --- Grundlegendes Styling & Reset --- */
@@ -11,11 +12,11 @@
             box-sizing: border-box;
             margin: 0;
             padding: 0;
-            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+            font-family: 'JetBrains Mono', monospace;
         }
 
         body {
-            background-color: #121212; /* Sehr dunkles Grau, fast Schwarz */
+            background-color: #1e1e1e; /* Sehr dunkles Grau, fast Schwarz */
             color: #ffffff;
             display: flex;
             flex-direction: column;
@@ -55,7 +56,7 @@
             border: 1px solid #333;
             border-radius: 8px;
             padding: 15px 20px;
-            font-family: 'Courier New', Courier, monospace;
+            font-family: 'JetBrains Mono', monospace;
             width: 100%;
             max-width: 700px;
             margin-bottom: 50px;
@@ -69,21 +70,6 @@
         .prompt {
             color: #22c55e; /* Terminal Grün */
         }
-        
-        .cursor {
-            display: inline-block;
-            width: 8px;
-            height: 18px;
-            background-color: #ccc;
-            animation: blink 1s infinite;
-            vertical-align: middle;
-            margin-left: 5px;
-        }
-
-        @keyframes blink {
-            0%, 100% { opacity: 1; }
-            50% { opacity: 0; }
-        }
 
         /* --- Grid für die Spiele --- */
         .games-grid {
@@ -168,8 +154,8 @@
     </p>
 
     <div class="terminal-container">
-        <span class="prompt">[gast@helios arcade ~]$</span> 
-        <span class="terminal-text">./list-games.sh --all</span><span class="cursor"></span>
+        <span class="path">[</span><span class="prompt">gast@helios arcade</span> <span class="path">~]$</span>
+        <span class="terminal-text">./list-games.sh --all</span>
     </div>
 
     <div class="games-grid">

index.html

@@ -237,7 +237,7 @@
                 </div>
             </a>
 
-            <a href="/games/" class="app-card">
+            <a href="/games/index_games.html" class="app-card">
                 <div class="app-icon icon-games">🕹️</div>
                 <div class="app-info">
                     <h3>Arcade</h3>