<title>ppt-control</title>\r
</head>\r
<body onload="initSettings();">\r
+\r
<div id="img_container">\r
+\r
<div id="current_div">\r
<h1>Current slide</h1>\r
<img id="current_img" src="/black.jpg" />\r
</div>\r
+\r
<div id="next_div">\r
<h1>Next slide</h1>\r
<img id="next_img" src="/black.jpg" />\r
</div>\r
+\r
</div>\r
\r
<div id="controls_container">\r
- <p>\r
- <button id="prev">Prev</button>\r
- <button id="next">Next</button>\r
- <button id="first">First</button>\r
- <button id="last">Last</button>\r
- <button id="black">Black</button>\r
- <button id="white">White</button>\r
- <span id="count"><span id="slide_label">Current: </span><input type="text" id="current"></input>/<span id="total">?</span></span>\r
- </p>\r
-\r
- <input type="checkbox" checked="true" id="show_current">Show current slide</input>\r
- <input type="checkbox" checked="true" id="show_next">Show next slide</input>\r
-\r
- <p class="users">Not connected</p>\r
+ <div id="controls_container_inner">\r
+ <p>\r
+ <img class="icon" id="first" src="icons/first.svg" />\r
+ <img class="icon" id="prev" src="icons/left.svg" />\r
+ <img class="icon" id="next" src="icons/right.svg" />\r
+ <img class="icon" id="last" src="icons/last.svg" />\r
+ <span id="count"><span id="slide_label">Current: </span><input type="text" id="current"></input>/<span id="total">?</span></span>\r
+ <button id="black">Black</button>\r
+ <button id="white">White</button>\r
+ </p>\r
+\r
+ <input type="checkbox" checked="true" id="show_current">Show current slide</input>\r
+ <input type="checkbox" checked="true" id="show_next">Show next slide</input>\r
+ <input type="checkbox" checked="true" id="shortcuts">Keyboard shortcuts</input>\r
+\r
+ <p class="users">Not connected</p>\r
+ </div>\r
</div>\r
\r
<script src="ppt-control.js"></script>\r