diff options
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 142 |
1 files changed, 74 insertions, 68 deletions
@@ -19,81 +19,87 @@ | |||
19 | --> | 19 | --> |
20 | 20 | ||
21 | <html> | 21 | <html> |
22 | <head> | ||
23 | <meta charset="utf-8"> | ||
24 | <link rel="icon" href="favicon.ico"> | ||
25 | <link rel="stylesheet" type="text/css" href="beamer/viewer/viewer.css"> | ||
26 | |||
27 | <noscript> | ||
28 | <style type="text/css">#fileSelect { display: none; }</style> | ||
29 | </noscript> | ||
30 | |||
31 | <title>Beamer Viewer</title> | ||
32 | </head> | ||
33 | |||
34 | <body> | ||
35 | <canvas id="screen" class="centered"></canvas> | ||
36 | |||
37 | <div id="welcomeScreen" class="centered"> | ||
38 | <header> | ||
39 | <h1>Beamer Viewer</h1> | ||
40 | <span id="offlineCapable">(available offline)</span> | ||
41 | </header> | ||
42 | |||
43 | <div> | ||
44 | <p>This viewer accepts double-width PDF presentations of the following shape:</p> | ||
45 | <table> | ||
46 | <tr> | ||
47 | <td>SLIDES</td> | ||
48 | <td>NOTES</td> | ||
49 | </tr> | ||
50 | </table> | ||
51 | 22 | ||
52 | <p> | 23 | <head> |
53 | (L<sup>A</sup>T<sub>E</sub>X-Beamer users may use | 24 | <meta charset="utf-8"> |
54 | <code>\setbeameroption{show notes on second screen=right}</code>) | 25 | <link rel="icon" href="favicon.ico"> |
55 | </p> | 26 | <link rel="stylesheet" type="text/css" href="beamer/viewer/viewer.css"> |
56 | 27 | ||
57 | <p id="warning" class="warning"> | 28 | <noscript> |
58 | <noscript>A web browser with JavaScript support is required to use this application.</noscript> | 29 | <style type="text/css"> |
59 | </p> | 30 | #fileSelect { |
31 | display: none; | ||
32 | } | ||
33 | </style> | ||
34 | </noscript> | ||
60 | 35 | ||
61 | <div id="fileSelect"> | 36 | <title>Beamer Viewer</title> |
62 | <p> | 37 | </head> |
63 | Please select a PDF file to load. | ||
64 | Slides will be opened in a new window. | ||
65 | </p> | ||
66 | 38 | ||
67 | <input id="fileInput" type="file" multiple="false"/> | 39 | <body> |
68 | </div> | 40 | <canvas id="screen" class="centered"></canvas> |
69 | </div> | 41 | |
42 | <div id="welcomeScreen" class="centered"> | ||
43 | <header> | ||
44 | <h1>Beamer Viewer</h1> | ||
45 | <span id="offlineCapable">(available offline)</span> | ||
46 | </header> | ||
47 | |||
48 | <div> | ||
49 | <p>This viewer accepts double-width PDF presentations of the following shape:</p> | ||
50 | <table> | ||
51 | <tr> | ||
52 | <td>SLIDES</td> | ||
53 | <td>NOTES</td> | ||
54 | </tr> | ||
55 | </table> | ||
56 | |||
57 | <p> | ||
58 | (L<sup>A</sup>T<sub>E</sub>X-Beamer users may use | ||
59 | <code>\setbeameroption{show notes on second screen=right}</code>) | ||
60 | </p> | ||
70 | 61 | ||
71 | <div> | 62 | <p id="warning" class="warning"> |
72 | <ul> | 63 | <noscript>A web browser with JavaScript support is required to use this application.</noscript> |
73 | <li><a href="https://pacien.org">© 2021 Pacien</a></li> | 64 | </p> |
74 | <li><a href="https://github.com/pacien/beamer-viewer/issues">Bug tracker</a></li> | 65 | |
75 | <li><a href="https://cgit.pacien.net/public/apps/beamer-viewer/">Source repository</a></li> | 66 | <div id="fileSelect"> |
76 | <li><a href="https://mozilla.github.io/pdf.js/">Powered by PDF.js</a></li> | 67 | <p> |
77 | <li><a href="#file=sample/demo.pdf" onclick="load('sample/demo.pdf')">Demo</a></li> | 68 | Please select a PDF file to load. |
78 | </ul> | 69 | Slides will be opened in a new window. |
70 | </p> | ||
71 | |||
72 | <input id="fileInput" type="file" multiple="false" /> | ||
79 | </div> | 73 | </div> |
80 | </div> | 74 | </div> |
81 | 75 | ||
82 | <div id="timer" class="notification hidden"> | 76 | <div> |
83 | <span id="timer-pause" class="timer-action" title="Pause/resume timer">⏱︎</span> | 77 | <ul> |
84 | <span id="timer-value"></span> | 78 | <li><a href="https://pacien.org">© 2021 Pacien</a></li> |
85 | <span id="timer-reset" class="timer-action" title="Reset timer">↺</span> | 79 | <li><a href="https://github.com/pacien/beamer-viewer/issues">Bug tracker</a></li> |
80 | <li><a href="https://cgit.pacien.net/public/apps/beamer-viewer/">Source repository</a></li> | ||
81 | <li><a href="https://mozilla.github.io/pdf.js/">Powered by PDF.js</a></li> | ||
82 | <li><a href="#file=sample/demo.pdf" onclick="load('sample/demo.pdf')">Demo</a></li> | ||
83 | </ul> | ||
86 | </div> | 84 | </div> |
85 | </div> | ||
86 | |||
87 | <div id="timer" class="notification hidden"> | ||
88 | <span id="timer-pause" class="timer-action" title="Pause/resume timer">⏱︎</span> | ||
89 | <span id="timer-value"></span> | ||
90 | <span id="timer-reset" class="timer-action" title="Reset timer">↺</span> | ||
91 | </div> | ||
92 | |||
93 | <div id="message" class="notification"></div> | ||
94 | |||
95 | <script type="text/javascript" src="beamer/pdfjs/pdf.js"></script> | ||
96 | <script type="text/javascript" src="beamer/viewer/screen/timer.js"></script> | ||
97 | <script type="text/javascript" src="beamer/viewer/screen/screen.js"></script> | ||
98 | <script type="text/javascript" src="beamer/viewer/stage/actions.js"></script> | ||
99 | <script type="text/javascript" src="beamer/viewer/stage/stage.js"></script> | ||
100 | <script type="text/javascript" src="beamer/viewer/presentation.js"></script> | ||
101 | <script type="text/javascript" src="beamer/viewer/viewer.js"></script> | ||
102 | <script type="text/javascript" src="beamer/viewer/init.js"></script> | ||
103 | </body> | ||
87 | 104 | ||
88 | <div id="message" class="notification"></div> | 105 | </html> \ No newline at end of file |
89 | |||
90 | <script type="text/javascript" src="beamer/pdfjs/pdf.js"></script> | ||
91 | <script type="text/javascript" src="beamer/viewer/screen/timer.js"></script> | ||
92 | <script type="text/javascript" src="beamer/viewer/screen/screen.js"></script> | ||
93 | <script type="text/javascript" src="beamer/viewer/stage/actions.js"></script> | ||
94 | <script type="text/javascript" src="beamer/viewer/stage/stage.js"></script> | ||
95 | <script type="text/javascript" src="beamer/viewer/presentation.js"></script> | ||
96 | <script type="text/javascript" src="beamer/viewer/viewer.js"></script> | ||
97 | <script type="text/javascript" src="beamer/viewer/init.js"></script> | ||
98 | </body> | ||
99 | </html> | ||