526b0353e7
new file: .gitignore new file: Dockerfile new file: README.md new file: app.py new file: app/__init__.py new file: app/game.py new file: app/models.py new file: app/routes.py new file: app/seed.py new file: data/movies.json new file: docker-compose.yml new file: requirements.txt new file: static/css/style.css new file: static/js/game.js new file: static/js/player.js new file: templates/index.html
70 lines
2.6 KiB
HTML
70 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Filmdle – Film Quiz</title>
|
||
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
|
||
</head>
|
||
<body data-mode="{{ mode }}">
|
||
<header>
|
||
<h1 class="logo">🎬 FILMDLE</h1>
|
||
<nav>
|
||
<a href="/" class="{{ 'active' if mode == 'daily' else '' }}">Täglich</a>
|
||
<a href="/unlimited" class="{{ 'active' if mode == 'unlimited' else '' }}">Unbegrenzt</a>
|
||
</nav>
|
||
<div class="player-box">
|
||
<span id="player-name"></span>
|
||
<span id="streak-label"></span>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
<section id="game-area">
|
||
<div id="nickname-modal" class="modal">
|
||
<div class="modal-content">
|
||
<h2>Willkommen bei Filmdle!</h2>
|
||
<p>Gib einen Spielernamen ein, um deine Sieg- und Niederlagen-Str eaks zu speichern.</p>
|
||
<input type="text" id="nickname-input" placeholder="Dein Spielername" maxlength="60">
|
||
<button id="nickname-submit">Los geht's</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="game-header">
|
||
<h2 id="mode-title">{{ 'Tägliches Rätsel' if mode == 'daily' else 'Unbegrenztes Spiel' }}</h2>
|
||
<div id="attempts-info"></div>
|
||
</div>
|
||
|
||
<div id="search-wrapper">
|
||
<input type="text" id="search-input" placeholder="Suche nach einem Film …" autocomplete="off">
|
||
<div id="autocomplete" class="autocomplete"></div>
|
||
</div>
|
||
|
||
<div id="board-wrapper">
|
||
<table id="board">
|
||
<thead>
|
||
<tr>
|
||
<th>Titel</th>
|
||
<th>Plattformen</th>
|
||
<th>Genres</th>
|
||
<th>Jahr</th>
|
||
<th>FSK</th>
|
||
<th>Studio</th>
|
||
<th>Regisseur</th>
|
||
<th>Budget</th>
|
||
<th>Universum</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody id="board-body"></tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<div id="result-box" class="hidden"></div>
|
||
</section>
|
||
</main>
|
||
|
||
<script src="{{ url_for('static', filename='js/player.js') }}"></script>
|
||
<script src="{{ url_for('static', filename='js/game.js') }}"></script>
|
||
</body>
|
||
</html>
|