aboutsummaryrefslogtreecommitdiff
path: root/index.html
blob: f75b235cb9ebd531c7361972da55fdf5cb711cc2 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!doctype html>

<!--
 * Beamer Viewer, a web-based PDF presentation viewer
 * Copyright (C) 2018-2023 Pacien TRAN-GIRARD
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
-->

<html>

<head>
  <meta charset="utf-8">
  <link rel="icon" href="favicon.ico">
  <link rel="stylesheet" type="text/css" href="beamer/viewer/viewer.css">

  <noscript>
    <style type="text/css">
      #fileSelect {
        display: none;
      }
    </style>
  </noscript>

  <title>Beamer Viewer</title>
</head>

<body>
  <canvas id="screen" class="centered"></canvas>

  <div id="welcomeScreen" class="centered">
    <header>
      <h1>Beamer Viewer</h1>
      <span id="offlineCapable">(available offline)</span>
    </header>

    <div>
      <p>This viewer accepts double-width PDF presentations of the shape:</p>
      <table>
        <tr>
          <td>SLIDES</td>
          <td>NOTES</td>
        </tr>
      </table>

      <p>
        (for L<sup>A</sup>T<sub>E</sub>X-Beamer:
        <code>\setbeameroption{show notes on second screen=right}</code>)
      </p>

      <br />

      <p id="warning" class="warning">
        <noscript>A web browser with JavaScript support is required to use this application.</noscript>
      </p>

      <div id="fileSelect">
        <p>
          Select a PDF file to load,
          or try with
          <a href="#file=sample/demo.pdf" onclick="load('sample/demo.pdf')">demo slides</a>.
        </p>

        <input id="fileInput" type="file" multiple="false" accept="application/pdf" disabled />
        <br />
        <br />
        <input id="startButton" type="button" value="Start presentation" disabled />
      </div>
    </div>

    <div>
      <ul>
        <li><a href="https://pacien.org">&copy; 2018-2023 Pacien</a></li>
        <li><a href="https://cgit.pacien.net/beamer-viewer/about/">Source repo</a></li>
        <li><a href="https://www.paypal.com/paypalme/pacien/15">Donate</a></li>
        <li><a href="https://mozilla.github.io/pdf.js/">Powered by PDF.js</a></li>
      </ul>
    </div>
  </div>

  <div id="timer" class="notification hidden">
    <span id="timer-pause" class="timer-action" title="Pause/resume timer">⏱︎</span>
    <span id="timer-value"></span>
    <span id="timer-reset" class="timer-action" title="Reset timer">↺</span>
  </div>

  <div id="message" class="notification"></div>

  <script type="text/javascript" src="beamer/pdfjs/pdf.js"></script>
  <script type="text/javascript" src="beamer/pdfjs/pdf.worker.js"></script>
  <script type="text/javascript" src="beamer/viewer/screen/timer.js"></script>
  <script type="text/javascript" src="beamer/viewer/screen/screen.js"></script>
  <script type="text/javascript" src="beamer/viewer/stage/actions.js"></script>
  <script type="text/javascript" src="beamer/viewer/stage/stage.js"></script>
  <script type="text/javascript" src="beamer/viewer/presentation.js"></script>
  <script type="text/javascript" src="beamer/viewer/viewer.js"></script>
  <script type="text/javascript" src="beamer/viewer/init.js"></script>
</body>

</html>