admin/landingpage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

games/index.html aktualisiert

Browse Source
This commit is contained in:
admin
2026-02-06 09:47:56 +00:00
parent b0943a6d84
commit b985890d9c
1 changed files with 82 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
games/index.html
View File

@@ -128,4 +128,85 @@
/* Individuelle Farben für die Spiele */
.star-wars .icon-box { background: linear-gradient(135deg, #00c6ff, #0072ff); }
.football .icon-box { background: linear
.football .icon-box { background: linear-gradient(135deg, #11998e, #38ef7d); }
.chess .icon-box { background: linear-gradient(135deg, #8e2de2, #4a00e0); }
.future .icon-box { background: linear-gradient(135deg, #434343, #000000); border: 1px dashed #666; }
.card-content h3 {
margin-bottom: 5px;
font-size: 1.2rem;
}
.card-content span {
font-size: 0.9rem;
color: #888;
}
/* --- Zurück Button --- */
.back-link {
margin-top: 50px;
color: #666;
text-decoration: none;
font-size: 0.9rem;
transition: color 0.2s;
}
.back-link:hover {
color: white;
}
</style>
</head>
<body>
<div class="status">Status: Arcade Mode</div>
<h1>HELIOS ARCADE</h1>
<p class="subtitle">
Willkommen in der Sammlung. Wähle eine Simulation, um zu starten.
</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>
</div>
<div class="games-grid">
<a href="starwars.html" class="game-card star-wars">
<div class="icon-box">🚀</div> <div class="card-content">
<h3>Trench Run</h3>
<span>Star Wars Simulation</span>
</div>
</a>
<a href="fussball.html" class="game-card football">
<div class="icon-box">⚽</div>
<div class="card-content">
<h3>Penalty Shootout</h3>
<span>Fussball Arcade</span>
</div>
</a>
<a href="schach.html" class="game-card chess">
<div class="icon-box">♟️</div>
<div class="card-content">
<h3>Meister Schach</h3>
<span>Strategie & Logik</span>
</div>
</a>
<div class="game-card future" style="cursor: default; opacity: 0.7;">
<div class="icon-box">?</div>
<div class="card-content">
<h3>Coming Soon</h3>
<span>In Entwicklung...</span>
</div>
</div>
</div>
<a href="index.html" class="back-link">← Zurück zum Dashboard</a>
</body>
</html>