feat: refactor to SI Quiz with Space Invaders arcade interface
- Updated Dockerfile to Python 3.11, selective COPY for cleaner image - Expanded .gitignore with Python/OS patterns - Added config.json, questions.json, env_example, and static assets - Updated templates (host, player, scores) with Space Invaders UI - Rewrote README for SI Quiz branding and setup docs Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
+8
-11
@@ -3,7 +3,7 @@
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
||||
<title>NI Quiz · Arcade</title>
|
||||
<title>{{ app_name }} · Arcade</title>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=DM+Sans:wght@400;500&display=swap');
|
||||
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
|
||||
@@ -156,16 +156,16 @@ body::after{content:'';position:fixed;inset:0;background:repeating-linear-gradie
|
||||
|
||||
<!-- SPLASH — goes straight to join -->
|
||||
<div class="screen active" id="lang-screen">
|
||||
<div class="title">🌐 NI QUIZ</div>
|
||||
<div class="subtitle">NETWORK INTELLIGENCE · LCPR</div>
|
||||
<div class="title">🌐 {{ app_name }}</div>
|
||||
<div class="subtitle">{{ org_name }}</div>
|
||||
|
||||
<button class="lang-btn es" onclick="goJoin()">▶ JUGAR / PLAY</button>
|
||||
</div>
|
||||
|
||||
<!-- JOIN -->
|
||||
<div class="screen" id="join-screen">
|
||||
<div class="logo">🚀 NI QUIZ</div>
|
||||
<div class="sub" id="join-sub">Network Intelligence · LCPR</div>
|
||||
<div class="logo">🚀 {{ app_name }}</div>
|
||||
<div class="sub" id="join-sub">{{ org_name }}</div>
|
||||
<div class="field-wrap">
|
||||
<label id="lbl-fname">FIRST NAME</label>
|
||||
<input id="inp-fname" type="text" maxlength="20" autocomplete="off" autocorrect="off" autocapitalize="words">
|
||||
@@ -178,11 +178,8 @@ body::after{content:'';position:fixed;inset:0;background:repeating-linear-gradie
|
||||
<label id="lbl-dept">DEPARTMENT</label>
|
||||
<select id="inp-dept">
|
||||
<option value="">-- Select --</option>
|
||||
<option>Finanzas</option>
|
||||
<option>People</option>
|
||||
<option>Legal</option>
|
||||
<option>B2B</option>
|
||||
<option>B2C</option>
|
||||
{% for dept in departments %}<option>{{ dept }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
<button id="join-btn">▶ ENTER GAME</button>
|
||||
@@ -227,7 +224,7 @@ body::after{content:'';position:fixed;inset:0;background:repeating-linear-gradie
|
||||
<!-- PODIUM -->
|
||||
<div class="screen" id="podium-screen">
|
||||
<h2 id="pod-title">🏆 GAME OVER</h2>
|
||||
<p class="sub" id="pod-sub">Network Intelligence · LCPR</p>
|
||||
<p class="sub" id="pod-sub">{{ org_name }}</p>
|
||||
<div class="podium-list" id="podium-list"></div>
|
||||
<button class="exit-btn" onclick="exitGame()">✕ salir</button>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user