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 <title>ppt-control</title>
7 </head>
8 <body onload="initSettings();">
9
10 <div id="img_container">
11
12 <div id="current_div">
13 <h1>Current slide</h1>
14 <img id="current_img" src="/black.jpg" />
15 </div>
16
17 <div id="next_div">
18 <h1>Next slide</h1>
19 <img id="next_img" src="/black.jpg" />
20 </div>
21
22 </div>
23
24 <div id="controls_container">
25 <div id="controls_container_inner">
26 <p>
27 <img class="icon" id="first" src="icons/first.svg" />
28 <img class="icon" id="prev" src="icons/left.svg" />
29 <img class="icon" id="next" src="icons/right.svg" />
30 <img class="icon" id="last" src="icons/last.svg" />
31 <span id="count"><span id="slide_label">Current: </span><input type="text" id="current"></input>/<span id="total">?</span></span>
32 <button id="black">Black</button>
33 <button id="white">White</button>
34 </p>
35
36 <input type="checkbox" checked="true" id="show_current">Show current slide</input>
37 <input type="checkbox" checked="true" id="show_next">Show next slide</input>
38 <input type="checkbox" checked="true" id="shortcuts">Keyboard shortcuts</input>
39
40 <p class="users">Not connected</p>
41 </div>
42 </div>
43
44 <script src="ppt-control.js"></script>
45
46 </body>
47</html>