Simon/filmdle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

new file: .env.example

Browse Source 
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
This commit is contained in:
SimolZimol
2026-08-07 20:48:08 +02:00
commit 526b0353e7
17 changed files with 2722 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
templates/index.html Normal file
View File

@@ -0,0 +1,69 @@
<!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>