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 <input type="checkbox" checked="true" id="show_current">Show current slide</input>
38 <input type="checkbox" checked="true" id="show_next">Show next slide</input>
39 <input type="checkbox" checked="true" id="shortcuts">Keyboard shortcuts</input>
40
41 <p class="status_text">Disconnected</p>
42 <p class="presentation_text">Presentation: <select id="presentation"></select></p>
43 </div>
44 </div>
45
46 <img id="preload_img" style="display: none;" />
47 <script src="ppt-control.js"></script>
48
49 </body>
50</html>