aboutsummaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'index.html')
-rw-r--r--index.html192
1 files changed, 111 insertions, 81 deletions
diff --git a/index.html b/index.html
index 0f8dde1..894fd6f 100644
--- a/index.html
+++ b/index.html
@@ -2,98 +2,128 @@
2 2
3<!-- 3<!--
4 * Beamer Viewer, a web-based PDF presentation viewer 4 * Beamer Viewer, a web-based PDF presentation viewer
5 * Copyright (C) 2021 Pacien TRAN-GIRARD 5 * Copyright 2018-2024 Pacien TRAN-GIRARD
6 * 6 * SPDX-License-Identifier: EUPL-1.2
7 * This program is free software: you can redistribute it and/or modify
8 * it under the terms of the GNU Affero General Public License as
9 * published by the Free Software Foundation, either version 3 of the
10 * License, or (at your option) any later version.
11 *
12 * This program is distributed in the hope that it will be useful,
13 * but WITHOUT ANY WARRANTY; without even the implied warranty of
14 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
15 * GNU Affero General Public License for more details.
16 *
17 * You should have received a copy of the GNU Affero General Public License
18 * along with this program. If not, see <https://www.gnu.org/licenses/>.
19--> 7-->
20 8
21<html> 9<html>
22 <head> 10
23 <meta charset="utf-8"> 11<head>
24 <link rel="icon" href="favicon.ico"> 12 <meta charset="utf-8">
25 <link rel="stylesheet" type="text/css" href="beamer/viewer/viewer.css"> 13 <link rel="icon" href="favicon.ico">
26 14 <link rel="stylesheet" type="text/css" href="beamer/viewer/viewer.css">
27 <noscript> 15
28 <style type="text/css">#fileSelect { display: none; }</style> 16 <noscript>
29 </noscript> 17 <style type="text/css">
30 18 #fileSelect {
31 <title>Beamer Viewer</title> 19 display: none;
32 </head> 20 }
33 21 </style>
34 <body> 22 </noscript>
35 <canvas id="screen" class="centered"></canvas> 23
36 24 <title>Beamer Viewer</title>
37 <div id="welcomeScreen" class="centered"> 25</head>
38 <header> 26
39 <h1>Beamer Viewer</h1> 27<body>
40 <span id="offlineCapable">(available offline)</span> 28 <canvas id="screen" class="centered"></canvas>
41 </header> 29
42 30 <div id="welcomeScreen" class="centered">
43 <div> 31 <header>
44 <p>This viewer accepts double-width PDF presentations of the following shape:</p> 32 <h1>Beamer Viewer</h1>
45 <table> 33 <span id="offlineCapable">(available offline too)</span>
34 </header>
35
36 <div>
37 <p>
38 This web app displays notes and slides in separate windows,
39 keeping both synchronised.
40 It accepts double-width or double-height PDF presentations:
41 </p>
42
43 <table class="examples-container">
44 <th>
46 <tr> 45 <tr>
47 <td>SLIDES</td> 46 <td>Shape</td>
48 <td>NOTES</td> 47 <td>L<sup>A</sup>T<sub>E</sub>X-Beamer</td>
49 </tr> 48 </tr>
50 </table> 49 </th>
50 <tr>
51 <td>
52 <table class="layout-example">
53 <tr>
54 <td>SLIDES</td>
55 <td>NOTES</td>
56 </tr>
57 </table>
58 </td>
59 <td>
60 <code>\setbeameroption{show notes on second screen=right}</code>
61 </td>
62 </tr>
63 <tr>
64 <td>
65 <table class="layout-example">
66 <tr>
67 <td>SLIDES</td>
68 </tr>
69 <tr>
70 <td>NOTES</td>
71 </tr>
72 </table>
73 </td>
74 <td>
75 <code>\setbeameroption{show notes on second screen=bottom}</code>
76 </td>
77 </tr>
78 </table>
51 79
52 <p> 80 <br />
53 (L<sup>A</sup>T<sub>E</sub>X-Beamer users may use
54 <code>\setbeameroption{show notes on second screen=right}</code>)
55 </p>
56 81
57 <p id="warning" class="warning"> 82 <p id="warning" class="warning">
58 <noscript>A web browser with JavaScript support is required to use this application.</noscript> 83 <noscript>A web browser with JavaScript support is required to use this application.</noscript>
59 </p> 84 </p>
60
61 <div id="fileSelect">
62 <p>
63 Please select a PDF file to load.
64 Slides will be opened in a new window.
65 </p>
66 85
67 <input id="fileInput" type="file" multiple="false"/> 86 <div id="fileSelect">
68 </div> 87 <p>
69 </div> 88 Select a PDF file to open,
89 or try with
90 <a href="#file=sample/demo.pdf">demo slides</a>.
91 </p>
70 92
71 <div> 93 <input id="fileInput" type="file" multiple="false" accept="application/pdf" disabled />
72 <ul> 94 <br />
73 <li><a href="https://pacien.org">&copy; 2021 Pacien</a></li> 95 <br />
74 <li><a href="https://github.com/pacien/beamer-viewer/issues">Bug tracker</a></li> 96 <input id="startButton" type="button" value="Start presentation" disabled />
75 <li><a href="https://cgit.pacien.net/public/apps/beamer-viewer/">Source repository</a></li>
76 <li><a href="https://mozilla.github.io/pdf.js/">Powered by PDF.js</a></li>
77 <li><a href="#file=sample/demo.pdf" onclick="load('sample/demo.pdf')">Demo</a></li>
78 </ul>
79 </div> 97 </div>
80 </div> 98 </div>
81 99
82 <div id="timer" class="notification hidden"> 100 <div>
83 <span id="timer-pause" class="timer-action" title="Pause/resume timer">⏱︎</span> 101 <ul class="bottom-links">
84 <span id="timer-value"></span> 102 <li><a href="https://pacien.org">&copy; 2024 Pacien</a></li>
85 <span id="timer-reset" class="timer-action" title="Reset timer">↺</span> 103 <li><a href="https://cgit.pacien.net/beamer-viewer">Source code (EUPL)</a></li>
104 <li><a href="https://www.paypal.com/paypalme/pacien/15">Donate</a></li>
105 <li><a href="https://mozilla.github.io/pdf.js/">Powered by PDF.js</a></li>
106 </ul>
86 </div> 107 </div>
108 </div>
109
110 <div id="timer" class="notification hidden">
111 <span id="timer-pause" class="timer-action" title="Pause/resume timer">⏱︎</span>
112 <span id="timer-value"></span>
113 <span id="timer-reset" class="timer-action" title="Reset timer">↺</span>
114 </div>
115
116 <div id="message" class="notification"></div>
117
118 <script type="text/javascript" src="beamer/pdfjs/pdf.js"></script>
119 <script type="text/javascript" src="beamer/pdfjs/pdf.worker.js"></script>
120 <script type="text/javascript" src="beamer/viewer/screen/timer.js"></script>
121 <script type="text/javascript" src="beamer/viewer/screen/screen.js"></script>
122 <script type="text/javascript" src="beamer/viewer/stage/actions.js"></script>
123 <script type="text/javascript" src="beamer/viewer/stage/stage.js"></script>
124 <script type="text/javascript" src="beamer/viewer/presentation.js"></script>
125 <script type="text/javascript" src="beamer/viewer/viewer.js"></script>
126 <script type="text/javascript" src="beamer/viewer/init.js"></script>
127</body>
87 128
88 <div id="message" class="notification"></div> 129</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>
generated by cgit v1.2.3 (git 2.25.1) at 2024-04-30 03:00:20 +0000