feat(phase1): complete base structure - landing page, auth, dashboard, airports, API, DB schema, 60 airports CSV
This commit is contained in:
203
www/public/index.php
Normal file
203
www/public/index.php
Normal file
@@ -0,0 +1,203 @@
|
||||
<?php
|
||||
/**
|
||||
* Airline Tycoon - Landing Page
|
||||
* Comic-Style mit Dark Mode Support
|
||||
*/
|
||||
|
||||
require_once dirname(__DIR__) . '/src/bootstrap.php';
|
||||
|
||||
// Redirect wenn bereits eingeloggt
|
||||
if (Session::isLoggedIn()) {
|
||||
redirect('/dashboard.php');
|
||||
}
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="de" data-theme="light">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="Airline Tycoon - Baue dein Flugimperium im Browser auf!">
|
||||
<meta name="csrf-token" content="<?= h(csrf_token()) ?>">
|
||||
<title>Airline Tycoon - Werde zum Flugmagnat!</title>
|
||||
<link rel="stylesheet" href="<?= BASE_PATH ?>assets/css/style.css">
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>✈️</text></svg>">
|
||||
</head>
|
||||
<body>
|
||||
<!-- Navigation -->
|
||||
<nav class="navbar">
|
||||
<div class="navbar-container">
|
||||
<a href="<?= BASE_PATH ?>" class="navbar-brand">
|
||||
✈️ Airline Tycoon
|
||||
</a>
|
||||
<button class="navbar-toggle" aria-label="Menü">☰</button>
|
||||
<ul class="navbar-menu">
|
||||
<li><a href="#features" class="navbar-item">Features</a></li>
|
||||
<li><a href="#screenshots" class="navbar-item">Screenshots</a></li>
|
||||
<li><a href="<?= BASE_PATH ?>login.php" class="navbar-item">Anmelden</a></li>
|
||||
<li><a href="<?= BASE_PATH ?>register.php" class="btn btn-primary btn-sm">Kostenlos spielen</a></li>
|
||||
<li>
|
||||
<button class="theme-toggle" id="themeToggle" aria-label="Design wechseln">🌙</button>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="hero">
|
||||
<div class="hero-content">
|
||||
<h1 class="hero-title">Werde zum Flugmagnat!</h1>
|
||||
<p class="hero-subtitle">
|
||||
Baue deine eigene Airline auf, verbinde Städte auf der ganzen Welt
|
||||
und werde zur Nummer 1 in diesem kostenlosen Browser-MMO!
|
||||
</p>
|
||||
<div class="hero-cta">
|
||||
<a href="<?= BASE_PATH ?>register.php" class="btn btn-primary btn-lg">
|
||||
🎮 Kostenlos spielen
|
||||
</a>
|
||||
<a href="#features" class="btn btn-secondary btn-lg">
|
||||
Mehr erfahren
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Comic Sprechblase -->
|
||||
<div class="comic-bubble mt-xl">
|
||||
<p class="text-center">
|
||||
<strong>💡 Tipp:</strong> Starte mit kurzen Strecken, spare Geld und kaufe größere Flugzeuge,
|
||||
um noch mehr Passagiere zu transportieren!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Features Section -->
|
||||
<section id="features" class="p-lg">
|
||||
<div class="panel">
|
||||
<h2 class="panel-header">🎮 Spielfeatures</h2>
|
||||
|
||||
<div class="stats-grid mt-lg">
|
||||
<div class="card">
|
||||
<div class="card-icon">🛫</div>
|
||||
<h3 class="mt-md">60+ Flughäfen</h3>
|
||||
<p>Verbinde Städte auf allen Kontinenten und erweitere dein Streckennetz!</p>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-icon">✈️</div>
|
||||
<h3 class="mt-md">5 Flugzeugtypen</h3>
|
||||
<p>Vom kleinen Dash 8 bis zum riesigen Airbus A380 - wähle das richtige Flugzeug!</p>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-icon">💰</div>
|
||||
<h3 class="mt-md">Wirtschaftssimulation</h3>
|
||||
<p>Verwalte dein Budget, maximiere Gewinne und werde reich!</p>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-icon">🏆</div>
|
||||
<h3 class="mt-md">Rangliste</h3>
|
||||
<p>Konkurriere mit anderen Spielern um den Spitzenplatz!</p>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-icon">📱</div>
|
||||
<h3 class="mt-md">Mobile optimiert</h3>
|
||||
<p>Spiele überall - am Computer, Tablet oder Smartphone!</p>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<div class="card-icon">🌙</div>
|
||||
<h3 class="mt-md">Dark Mode</h3>
|
||||
<p>Wähle zwischen hellem und dunklem Design - wie es dir gefällt!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Screenshots Section -->
|
||||
<section id="screenshots" class="p-lg">
|
||||
<div class="panel">
|
||||
<h2 class="panel-header">🖥️ Spielansichten</h2>
|
||||
|
||||
<div class="d-grid" style="grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--space-lg);">
|
||||
<div class="card">
|
||||
<h3>📊 Dashboard</h3>
|
||||
<p>Behalte deine Finanzen, Flugzeuge und Routes im Blick!</p>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h3>🌍 Weltkarte</h3>
|
||||
<p>Interaktive Karte mit allen Flughäfen. Tippe zum Auswählen!</p>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h3>✈️ Flottenverwaltung</h3>
|
||||
<p>Verwalte deine Flugzeuge und behalte deren Zustand im Auge!</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- How to Play -->
|
||||
<section class="p-lg">
|
||||
<div class="panel">
|
||||
<h2 class="panel-header">🎯 So spielst du</h2>
|
||||
|
||||
<div class="d-flex flex-wrap gap-lg mt-lg" style="justify-content: center;">
|
||||
<div class="text-center" style="max-width: 200px;">
|
||||
<div class="badge">1</div>
|
||||
<h4 class="mt-sm">Registrieren</h4>
|
||||
<p>Kostenloses Konto erstellen</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center" style="max-width: 200px;">
|
||||
<div class="badge">2</div>
|
||||
<h4 class="mt-sm">Flugzeuge kaufen</h4>
|
||||
<p>Starte mit deinem ersten Flieger</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center" style="max-width: 200px;">
|
||||
<div class="badge">3</div>
|
||||
<h4 class="mt-sm">Routen erstellen</h4>
|
||||
<p>Verbinde Flughäfen weltweit</p>
|
||||
</div>
|
||||
|
||||
<div class="text-center" style="max-width: 200px;">
|
||||
<div class="badge">4</div>
|
||||
<h4 class="mt-sm">Fliegen!</h4>
|
||||
<p>Verdiene Geld und Level auf</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Section -->
|
||||
<section class="p-lg text-center">
|
||||
<div class="panel" style="max-width: 600px; margin: 0 auto;">
|
||||
<h2>Bereit abzuheben?</h2>
|
||||
<p class="mt-md mb-lg">
|
||||
Starte jetzt dein Flugabenteuer! Keine Kosten, keine Downloads -
|
||||
einfach Browser öffnen und spielen!
|
||||
</p>
|
||||
<a href="<?= BASE_PATH ?>register.php" class="btn btn-primary btn-lg">
|
||||
🚀 Jetzt kostenlos spielen!
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="p-lg text-center" style="border-top: 3px solid var(--text-primary); margin-top: var(--space-xl);">
|
||||
<p>
|
||||
<strong>Airline Tycoon</strong> - Ein kostenloses Browser-MMO
|
||||
</p>
|
||||
<p class="mt-sm text-muted">
|
||||
© 2024 Airline Tycoon | Alle Rechte vorbehalten
|
||||
</p>
|
||||
</footer>
|
||||
|
||||
<!-- Toast Container -->
|
||||
<div id="toastContainer" class="toast-container"></div>
|
||||
|
||||
<script src="<?= BASE_PATH ?>assets/js/main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user