-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
58 lines (53 loc) · 2.33 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="de">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Summer School 2023</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body onload="onPageLoad()">
<h1>Summer School 2023 - Prototyping für ein gesundes Berlin</h1>
<p>Hier können Sie ein Bild hochladen, das auf der HUB75 Anzeigetafel angezeigt werden soll</p>
<form onreset="prepareSendImg()">
<div id="dropArea">
<div class="container">
<p class="centered-paragraph">Bilder hierher ziehen oder hier klicken...</p>
</div>
</div>
<input type="file" id="imgInput" accept="image/*" multiple style="display: none;">
<label for="transitionTime">Frame Delay [ms]:</label>
<input type="number" id="transitionTime" name="transitionTime" text="" min="200" max="2000" pattern="[0-9]*"
disabled>
<span class="info-icon">?</span>
<span class="info-tooltip">
Die Zeit zwischen den Frames in Millisekunden ohne Trennzeichen<br>
Gültiger Bereich 200...2000 ms
</span>
<button type="reset" id="imgSendButton" disabled>Hochladen</button>
</form>
<p>oder Sie können auch nur einen Text senden.</p>
<form onreset="prepareSendTxt()">
<div>
<input type="text" id="textToSend" placeholder="anzuzeigender Text" text="Text, der angezeigt werden soll">
</div>
<div>
<label for="selColor">Wählen Sie eine Farbe für den Text aus</label>
<input type="color" id="selColor" name="selColor" value="#ff0000">
</div>
<label for="textMode">Wie soll der Text angezeigt werden?</label>
<select name="textMode" id="textMode">
<option value=" "> </option>
<option value="static">Static Text</option>
<option value="scroll">Scroll Text</option>
</select>
<span class="info-icon">?</span>
<span class="info-tooltip">
Wenn Sie Static Text auswählen, wird der Text komplett angezeigt und automatisch umgebrochen.<br>
Wenn Sie Scroll Text auswählen, wird der Text als ein Lauftext angezeigt und nicht umgebrochen.<br>
Umlaute und ß können nicht dargestellt werden.
</span>
<button type="reset" id="txtSendButton" disabled>Hochladen</button>
</form>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/omggif.min.js"></script>
<script src="script.js"></script>
</body>