diff --git a/slidenotes/index.js b/slidenotes/index.js index fb6baf85..d27847e8 100644 --- a/slidenotes/index.js +++ b/slidenotes/index.js @@ -2,6 +2,7 @@ var express = require('express'); var fs = require('fs'); var io = require('socket.io'); var _ = require('underscore'); +var Mustache = require('mustache'); var app = express.createServer(); var staticDir = express.static; @@ -29,8 +30,14 @@ app.get("/", function(req, res) { fs.createReadStream(opts.baseDir + '/index.html').pipe(res); }); -app.get("/_notes", function(req, res) { - fs.createReadStream(opts.baseDir + 'slidenotes/notes.html').pipe(res); +app.get("/_notes/:socketId", function(req, res) { + + fs.readFile(opts.baseDir + 'slidenotes/notes.html', function(err, data) { + res.send(Mustache.to_html(data.toString(), { + socketId : req.params.socketId + })); + }); + // fs.createReadStream(opts.baseDir + 'slidenotes/notes.html').pipe(res); }); // Actually listen @@ -38,4 +45,4 @@ app.listen(opts.port || null); console.log("Your slides are at http://localhost" + (opts.port ? (':' + opts.port) : '')); console.log("Your notes are at http://localhost" + (opts.port ? (':' + opts.port) : '') + '/_notes'); -console.log("Advance through your slides and your speaker notes will advance automatically"); \ No newline at end of file +console.log("Advance through your slides and your speaker notes will advance automatically"); diff --git a/slidenotes/notes.html b/slidenotes/notes.html index ffcfdcbc..4b952108 100644 --- a/slidenotes/notes.html +++ b/slidenotes/notes.html @@ -18,16 +18,16 @@ float: left; } - #slides { - width: 1280px; - height: 1024px; - border: 1px solid black; + #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; + -webkit-transform-origin: 0 0; } #wrap-next-slide { @@ -37,16 +37,16 @@ margin: 0 0 0 50px; } - #next-slide { - width: 1280px; - height: 1024px; - border: 1px solid black; + #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; + -webkit-transform-origin: 0 0; } @@ -65,12 +65,16 @@