44 lines
1.3 KiB
HTML
44 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Photobox</title>
|
|
<meta name="viewport" content="width=device-width">
|
|
<script src="../src/web/socket.io.min.js"></script>
|
|
<script src="../dist/photobox.js"></script>
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="preload" as="image" href="../images/broken.png">
|
|
<link rel="preload" as="image" href="../images/lock.png">
|
|
<link rel="preload" as="image" href="../images/buzzer_blue.png">
|
|
<link rel="preload" as="image" href="../images/buzzer_red.png">
|
|
<link rel="stylesheet" href="https://fonts.gaminggeneration.de/Roboto.css">
|
|
</head>
|
|
<body>
|
|
<!-- The Modal -->
|
|
<div id="myModal" class="modal">
|
|
<!-- Modal content -->
|
|
<div class="modal-content">
|
|
<span id="modalClose" class="close">×</span>
|
|
<h1 id="modalTitle"></h1>
|
|
<p id="modalText"></p>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="flash"></div>
|
|
<div id="titleBox">
|
|
<h1>Fotobox</h1>
|
|
</div>
|
|
|
|
<div id="imageBox"><img id="imageElement"></div>
|
|
<p id="countdown"></p>
|
|
<div id="buttonBox">
|
|
<h2>Foto machen</h2>
|
|
<img id="capture" src="../images/buzzer_red.png" class="button">
|
|
<br><br>
|
|
<h2>Foto löschen</h2>
|
|
<img id="delete" src="../images/buzzer_blue.png" class="button">
|
|
</div>
|
|
<div id="lastImages">
|
|
</div>
|
|
</body>
|
|
</html> |