55 lines
1.9 KiB
HTML
55 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="sl">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover">
|
|
<title>Projektor pesmi</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
|
|
<input type="text" id="song-number">
|
|
|
|
<div class="status-bar">
|
|
<span id="page-info" class="page-info"></span>
|
|
<button id="toggle-keypad-btn" class="toggle-keypad-btn" type="button">Skrij tipkovnico</button>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<div id="display-area" class="lyrics-display">
|
|
<span class="status-message">Pripravljeno. Vpiši številko pesmi.</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="keypad-wrapper" class="keypad-wrapper">
|
|
<div class="keypad">
|
|
|
|
<button class="btn-key" data-key="7">7</button>
|
|
<button class="btn-key" data-key="8">8</button>
|
|
<button class="btn-key" data-key="9">9</button>
|
|
<button id="next-btn" class="btn-action">Zastri</button>
|
|
|
|
<button class="btn-key" data-key="4">4</button>
|
|
<button class="btn-key" data-key="5">5</button>
|
|
<button class="btn-key" data-key="6">6</button>
|
|
<button id="prev-btn" class="btn-action">Nazaj</button>
|
|
|
|
<button class="btn-key" data-key="1">1</button>
|
|
<button class="btn-key" data-key="2">2</button>
|
|
<button class="btn-key" data-key="3">3</button>
|
|
<button id="load-btn" class="btn-enter">Enter</button>
|
|
|
|
<button id="dark-btn" class="btn-dark">AAaa</button>
|
|
<button class="btn-key" data-key="0">0</button>
|
|
<button id="clear-btn" class="btn-clear">C</button>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script src="{{ url_for('static', filename='script.js') }}"></script>
|
|
</body>
|
|
</html> |