Better demo file + add link

5 files changed, 149 insertions, 0 deletions

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..b0cbfc3
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,17 @@
+# Pointless Viewer, a web-based Beamer presentation viewer
+# Copyright (C) 2018 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/>.
+ 
+*.sty
diff --git a/appcache.js b/appcache.js
index 2e71164..e4b9bd5 100644
--- a/appcache.js
+++ b/appcache.js
@@ -27,6 +27,7 @@ class AppCache {
       "popup.html",
       "appcache.js",
       "favicon.ico",
+      "sample/demo.pdf",
 
       "pointless/pdfjs/pdf.js",
       "pointless/pdfjs/pdf.worker.js",
diff --git a/index.html b/index.html
index 72ea974..ce02062 100644
--- a/index.html
+++ b/index.html
@@ -74,6 +74,7 @@
           <li><a href="https://github.com/pacien/pointless-viewer/issues">Bug tracker</a></li>
           <li><a href="https://cgit.pacien.net/public/apps/pointless-viewer/">Source repository</a></li>
           <li><a href="https://mozilla.github.io/pdf.js/">Powered by PDF.js</a></li>
+          <li><a href="?file=sample/demo.pdf">Demo</a></li>
         </ul>
       </div>
     </div>
diff --git a/sample/demo.md b/sample/demo.md
new file mode 100644
index 0000000..bb52a99
--- /dev/null
+++ b/sample/demo.md
@@ -0,0 +1,130 @@
+---
+title: Pointless Viewer demonstration
+author: Pacien TRAN-GIRARD (CC BY-NC-SA)
+date: August 24, 2018
+
+theme: metropolis
+header-includes: |
+  \usepackage{pgfpages}
+  \setbeameroption{show notes on second screen}
+---
+
+# What is Pointless Viewer?
+
+* A Beamer presentation viewer
+
+* that runs in a web browser
+
+* and displays speaker notes alongside the slides
+
+
+::: notes
+* A presentation viewer for Beamer
+
+* that runs in _fairly recent_ web browsers
+
+* and keeps speaker notes in sync with the slides
+:::
+
+
+# Pointless Viewer is web-based
+
+* No installation is required
+
+* It can be used on a provided computer
+
+* It is offline capable
+
+
+::: notes
+* No installation required: just visit the website and load a presentation
+* -> If your presentation room has a desktop computer with a web browser, you can use it! No need to setup your laptop.
+
+
+Offline capability:
+
+* The presentation is rendered locally, it's not sent to the server.
+* The app remains in the browser's cache and can be used offline, so you can bring your laptop and do presentations in places with no Internet connection, or avoid the hassle of asking for the WiFi passphrase
+:::
+
+
+# Slides and speaker notes
+
+* Slides and speaker notes are opened in two separate windows
+
+* One for the speaker's screen, the other to be projected
+
+* Both are kept in sync automatically
+
+
+::: notes
+* Takes a double-width presentation PDF as input, with slides on the left and speaker notes on the right, and splits it into two separate windows.
+
+* One for the speaker's screen, the other to be projected for the audience: simply move those windows around and press the `F11` key to enter fullscreen mode
+
+* Both are kept in sync: use the keyboard arrows or swipe gestures on either one of the windows, the other will follow automatically
+:::
+
+
+# Beamer with notes in \LaTeX
+
+
+```{.latex .numberLines}
+\documentclass{beamer}
+\usepackage{pgfpages}
+\setbeameroption{show notes on second screen}
+
+\begin{document}
+  \begin{frame}{Slide title}
+    Slide content
+  \end{frame}
+  \note{Some notes}
+\end{document}
+```
+
+::: notes
+Here's how to make a Beamer presentation with notes in classic LaTeX.
+
+* `show notes on second screen` is set at line 3
+
+* notes for the sldie are added at line 9
+:::
+
+
+# Beamer with notes in Pandoc Markdown
+
+```{.markdown .numberLines}
+---
+header-includes: |
+  \usepackage{pgfpages}
+  \setbeameroption{show notes on second screen}
+---
+
+# Slide title
+
+Slide content
+
+::: notes
+Some notes
+:::
+```
+
+::: notes
+Here's how to do the same using Markdown and Pandoc.
+
+* the Beamer note option is set in `header-includes`
+
+* notes are added to the slide at line 11-13
+:::
+
+
+
+# {.standout}
+
+This was a demo of Pointless Viewer
+
+::: notes
+* Please submit issues on the bug tracker if you encounter any!
+
+* Code contributions are welcome!
+:::
diff --git a/sample/demo.pdf b/sample/demo.pdf
index f2175d5..cb347c6 100644
--- a/sample/demo.pdf
+++ b/sample/demo.pdf