1<!DOCTYPE html>
2<html>
3 <head>
4 <link href="style.css" rel="stylesheet" type="text/css" media="all" />
5 <script src="settings.js"></script>
6 <meta name="viewport" content="width=device-width, initial-scale=1" />
7 <title>ppt-control</title>
8 </head>
9 <body onload="initSettings();">
10
11 <div id="img_container">
12
13 <div id="current_div">
14 <h1>Current slide</h1>
15 <img id="current_img" src="/black.jpg" />
16 </div>
17
18 <div id="next_div">
19 <h1>Next slide</h1>
20 <img id="next_img" src="/black.jpg" />
21 </div>
22
23 </div>
24
25 <div id="controls_container">
26 <div id="controls_container_inner">
27 <p>
28 <img class="icon" id="first" src="icons/first.svg" />
29 <img class="icon" id="prev" src="icons/left.svg" />
30 <img class="icon" id="next" src="icons/right.svg" />
31 <img class="icon" id="last" src="icons/last.svg" />
32 <span id="count"><span id="slide_label">Current: </span><input type="text" id="current"></input>/<span id="total">?</span></span>
33 <button id="black">Black</button>
34 <button id="white">White</button>
35 </p>
36
37
38 <p class="presentation_text">
39 Presentation: <select id="presentation"></select>
40 <span class="status_container">
41 <span class="status_text">Disconnected</span>
42 <button class="start">Start</button>
43 <button class="stop">Stop</button>
44 </span>
45 </p>
46 <input type="checkbox" checked="true" id="show_current">Show current slide</input>
47 <input type="checkbox" checked="true" id="show_next">Show next slide</input>
48 <input type="checkbox" checked="true" id="shortcuts">Keyboard shortcuts</input>
49 </div>
50 </div>
51
52 <img id="preload_img" style="display: none;" />
53 <script src="ppt-control.js"></script>
54
55 </body>
56</html>