aboutsummaryrefslogtreecommitdiff
path: root/slidenotes/notes.html
diff options
context:
space:
mode:
authorRebecca Murphey <rmurphey@gmail.com>2012-06-07 23:21:14 -0400
committerRebecca Murphey <rmurphey@gmail.com>2012-06-07 23:21:14 -0400
commit60f2eb9fb3c4443fbc43d387e866f383f0f70d67 (patch)
tree116d482d7a041f4424d2851bf04dad4247a09cf2 /slidenotes/notes.html
parent5d979fdf4a8738ed83e9c4f2827c42ceae247cd8 (diff)
downloadperl-software-in-gnu-guix-60f2eb9fb3c4443fbc43d387e866f383f0f70d67.tar
perl-software-in-gnu-guix-60f2eb9fb3c4443fbc43d387e866f383f0f70d67.tar.gz
taking a stab at a presenter notes server
Diffstat (limited to 'slidenotes/notes.html')
-rw-r--r--slidenotes/notes.html87
1 files changed, 87 insertions, 0 deletions
diff --git a/slidenotes/notes.html b/slidenotes/notes.html
new file mode 100644
index 0000000..955dce1
--- /dev/null
+++ b/slidenotes/notes.html
@@ -0,0 +1,87 @@
+<!doctype html>
+<html lang="en">
+ <head>
+ <meta charset="utf-8">
+
+ <title>Slide Notes</title>
+
+ <meta name="description" content="">
+ <meta name="author" content="Rebecca Murphey">
+
+ <meta name="apple-mobile-web-app-capable" content="yes" />
+ <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+
+ <style>
+ #notes {
+ font-family: Helvetica;
+ font-size: 24px;
+ width: 640px;
+ }
+
+ #wrap-slides {
+ width: 640px;
+ height: 512px;
+ float: left;
+ }
+
+ #slides {
+ width: 1280px;
+ height: 1024px;
+ border: 1px solid black;
+ -moz-transform: scale(0.5);
+ -moz-transform-origin: 0 0;
+ -o-transform: scale(0.5);
+ -o-transform-origin: 0 0;
+ -webkit-transform: scale(0.5);
+ -webkit-transform-origin: 0 0;
+ }
+
+ #wrap-next-slide {
+ width: 320px;
+ height: 256px;
+ float: left;
+ margin: 0 0 0 50px;
+ }
+
+ #next-slide {
+ width: 1280px;
+ height: 1024px;
+ border: 1px solid black;
+ -moz-transform: scale(0.25);
+ -moz-transform-origin: 0 0;
+ -o-transform: scale(0.25);
+ -o-transform-origin: 0 0;
+ -webkit-transform: scale(0.25);
+ -webkit-transform-origin: 0 0;
+ }
+ </style>
+ </head>
+
+ <body>
+
+ <div id="wrap-slides">
+ <iframe src="/?receiver" width="1280" height="1024" id="slides"></iframe>
+ </div>
+
+ <div id="wrap-next-slide">
+ <iframe src="/?receiver" width="640" height="512" id="next-slide"></iframe>
+ </div>
+ <div id="notes"></div>
+
+ <script src="socket.io/socket.io.js"></script>
+
+ <script>
+ var socket = io.connect('http://localhost:1947');
+ var notes = document.getElementById('notes');
+ var slides = document.getElementById('slides');
+ var nextSlide = document.getElementById('next-slide');
+
+ socket.on('slidedata', function(data) {
+ notes.innerHTML = data.notes;
+ slides.contentWindow.Reveal.navigateTo(data.indexh, data.indexv);
+ nextSlide.contentWindow.Reveal.navigateTo(data.nextindexh, data.nextindexv);
+ });
+ </script>
+
+ </body>
+</html>