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

modified: templates/quiz.html

Browse Source
This commit is contained in:
SimolZimol
2025-06-01 19:07:42 +02:00
parent 54adafe5b4
commit 075df4dd58
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
templates/quiz.html
View File

@@ -356,15 +356,16 @@ function replayDuration() {
</script> </script>
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
</head> </head>
<body style="background: linear-gradient(135deg, #191414 0%, #1DB954 100%); min-height:100vh; margin:0;"> <body style="background: linear-gradient(135deg, #191414 0%, #1DB954 100%); min-height:100vh; margin:0; display:flex; align-items:center; justify-content:center;">
<div class="quiz-container" style=" <div class="quiz-container" style="
background: rgba(25, 20, 20, 0.92); background: rgba(25, 20, 20, 0.92);
padding: 40px 30px 30px 30px; padding: 40px 30px 30px 30px;
border-radius: 22px; border-radius: 22px;
box-shadow: 0 8px 32px 0 rgba(0,0,0,0.37); box-shadow: 0 8px 32px 0 rgba(0,0,0,0.37);
max-width: 500px; max-width: 500px;
margin: 50px auto 30px auto; width: 100%;
color: #fff; color: #fff;
margin: 40px 0;
"> ">
<div style="text-align:center; margin-bottom: 10px;"> <div style="text-align:center; margin-bottom: 10px;">
<span id="progressInfo">{{ translations['songs_in_playlist'] }} {{ total_questions }}</span> <span id="progressInfo">{{ translations['songs_in_playlist'] }} {{ total_questions }}</span>
@@ -409,7 +410,7 @@ function replayDuration() {
<input type="text" id="answerInput" placeholder="{{ translations['input_artist'] }}" oninput="searchTracks()" style="background:#222; color:#fff;"> <input type="text" id="answerInput" placeholder="{{ translations['input_artist'] }}" oninput="searchTracks()" style="background:#222; color:#fff;">
<button class="btn" onclick="checkAnswer()">{{ translations['answer_button'] }}</button> <button class="btn" onclick="checkAnswer()">{{ translations['answer_button'] }}</button>
<div id="searchResults" class="search-results"></div> <div id="searchResults" class="search-results"></div>
<div id="resultContainer" class="result-container"></div> <div id="resultContainer" class="result-container" style="background:#222; color:#fff; border:1px solid #444;"></div>
<a id="nextQuestionBtn" href="/quiz/{{ playlist_id }}?mode={{ game_mode }}" class="btn" style="display: none;">{{ translations['next_question'] }}</a> <a id="nextQuestionBtn" href="/quiz/{{ playlist_id }}?mode={{ game_mode }}" class="btn" style="display: none;">{{ translations['next_question'] }}</a>
</div> </div>
<div class="hint-container" style="color:#bdbdbd;"> <div class="hint-container" style="color:#bdbdbd;">