lca20-bt/plugin/notes-server/notes.html

<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">

		<meta name="viewport" content="width=1150">

		<title>reveal.js - Slide Notes</title>

		<style>
			body {
				font-family: Helvetica;
			}

			#notes {
				font-size: 24px;
				width: 640px;
				margin-top: 5px;
				clear: left;
			}

			#wrap-current-slide {
				width: 640px;
				height: 512px;
				float: left;
				overflow: hidden;
			}

			#current-slide {
				width: 1280px;
				height: 1024px;
				border: none;

				-webkit-transform-origin: 0 0;
				   -moz-transform-origin: 0 0;
				    -ms-transform-origin: 0 0;
				     -o-transform-origin: 0 0;
				        transform-origin: 0 0;

				-webkit-transform: scale(0.5);
				   -moz-transform: scale(0.5);
				    -ms-transform: scale(0.5);
				     -o-transform: scale(0.5);
				        transform: scale(0.5);
			}

			#wrap-next-slide {
				width: 448px;
				height: 358px;
				float: left;
				margin: 0 0 0 10px;
				overflow: hidden;
			}

			#next-slide {
				width: 1280px;
				height: 1024px;
				border: none;

				-webkit-transform-origin: 0 0;
				   -moz-transform-origin: 0 0;
				    -ms-transform-origin: 0 0;
				     -o-transform-origin: 0 0;
				        transform-origin: 0 0;

				-webkit-transform: scale(0.35);
				   -moz-transform: scale(0.35);
				    -ms-transform: scale(0.35);
				     -o-transform: scale(0.35);
				        transform: scale(0.35);
			}

			.slides {
				position: relative;
				margin-bottom: 10px;
				border: 1px solid black;
				border-radius: 2px;
				background: rgb(28, 30, 32);
			}

			.slides span {
				position: absolute;
				top: 3px;
				left: 3px;
				font-weight: bold;
				font-size: 14px;
				color: rgba( 255, 255, 255, 0.9 );
			}
		</style>
	</head>

	<body>

		<div id="wrap-current-slide" class="slides">
			<iframe src="/?receiver" width="1280" height="1024" id="current-slide"></iframe>
		</div>

		<div id="wrap-next-slide" class="slides">
			<iframe src="/?receiver" width="640" height="512" id="next-slide"></iframe>
			<span>UPCOMING:</span>
		</div>
		<div id="notes"></div>

		<script src="/socket.io/socket.io.js"></script>
		<script src="/plugin/markdown/marked.js"></script>

		<script>
		var socketId = '{{socketId}}';
		var socket = io.connect(window.location.origin);
		var notes = document.getElementById('notes');
		var currentSlide = document.getElementById('current-slide');
		var nextSlide = document.getElementById('next-slide');

		socket.on('slidedata', function(data) {
			// ignore data from sockets that aren't ours
			if (data.socketId !== socketId) { return; }

			if (data.markdown) {
				notes.innerHTML = marked(data.notes);
			}
			else {
				notes.innerHTML = data.notes;
			}

			currentSlide.contentWindow.Reveal.slide(data.indexh, data.indexv);
			nextSlide.contentWindow.Reveal.slide(data.nextindexh, data.nextindexv);
		});
		socket.on('fragmentdata', function(data) {
			// ignore data from sockets that aren't ours
			if (data.socketId !== socketId) { return; }

			if (data.fragment === 'next') {
				currentSlide.contentWindow.Reveal.nextFragment();
			}
			else if (data.fragment === 'previous') {
				currentSlide.contentWindow.Reveal.prevFragment();
			}
		});
		</script>

	</body>
</html>
taking a stab at a presenter notes server 2012-06-08 03:21:14 +00:00			`<!doctype html>`
			`<html lang="en">`
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`<head>`
			`<meta charset="utf-8">`
taking a stab at a presenter notes server 2012-06-08 03:21:14 +00:00
viewport meta to fit notes window on ipad 2013-05-19 21:01:52 +00:00			`<meta name="viewport" content="width=1150">`

conditional loading of socket.io and the notes client js based on window host 2012-07-04 18:18:09 +00:00			`<title>reveal.js - Slide Notes</title>`
taking a stab at a presenter notes server 2012-06-08 03:21:14 +00:00
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`<style>`
small tweaks to notes page style 2012-07-04 19:09:58 +00:00			`body {`
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`font-family: Helvetica;`
small tweaks to notes page style 2012-07-04 19:09:58 +00:00			`}`

			`#notes {`
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`font-size: 24px;`
			`width: 640px;`
small tweaks to notes page style 2012-07-04 19:09:58 +00:00			`margin-top: 5px;`
float fix in notes-server plugin 2013-05-19 20:42:36 +00:00			`clear: left;`
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`}`
taking a stab at a presenter notes server 2012-06-08 03:21:14 +00:00
small tweaks to notes page style 2012-07-04 19:09:58 +00:00			`#wrap-current-slide {`
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`width: 640px;`
			`height: 512px;`
			`float: left;`
small tweaks to notes page style 2012-07-04 19:09:58 +00:00			`overflow: hidden;`
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`}`
taking a stab at a presenter notes server 2012-06-08 03:21:14 +00:00
small tweaks to notes page style 2012-07-04 19:09:58 +00:00			`#current-slide {`
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`width: 1280px;`
			`height: 1024px;`
small tweaks to notes page style 2012-07-04 19:09:58 +00:00			`border: none;`
float fix in notes-server plugin 2013-05-19 20:42:36 +00:00
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`-webkit-transform-origin: 0 0;`
slightly larger preview of next slide in speaker notes (closes #147) 2012-09-28 04:23:34 +00:00			`-moz-transform-origin: 0 0;`
			`-ms-transform-origin: 0 0;`
			`-o-transform-origin: 0 0;`
			`transform-origin: 0 0;`
float fix in notes-server plugin 2013-05-19 20:42:36 +00:00
slightly larger preview of next slide in speaker notes (closes #147) 2012-09-28 04:23:34 +00:00			`-webkit-transform: scale(0.5);`
			`-moz-transform: scale(0.5);`
			`-ms-transform: scale(0.5);`
			`-o-transform: scale(0.5);`
			`transform: scale(0.5);`
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`}`
taking a stab at a presenter notes server 2012-06-08 03:21:14 +00:00
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`#wrap-next-slide {`
slightly larger preview of next slide in speaker notes (closes #147) 2012-09-28 04:23:34 +00:00			`width: 448px;`
			`height: 358px;`
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`float: left;`
small tweaks to notes page style 2012-07-04 19:09:58 +00:00			`margin: 0 0 0 10px;`
			`overflow: hidden;`
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`}`
taking a stab at a presenter notes server 2012-06-08 03:21:14 +00:00
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`#next-slide {`
			`width: 1280px;`
			`height: 1024px;`
small tweaks to notes page style 2012-07-04 19:09:58 +00:00			`border: none;`
float fix in notes-server plugin 2013-05-19 20:42:36 +00:00
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`-webkit-transform-origin: 0 0;`
slightly larger preview of next slide in speaker notes (closes #147) 2012-09-28 04:23:34 +00:00			`-moz-transform-origin: 0 0;`
			`-ms-transform-origin: 0 0;`
			`-o-transform-origin: 0 0;`
			`transform-origin: 0 0;`

			`-webkit-transform: scale(0.35);`
			`-moz-transform: scale(0.35);`
			`-ms-transform: scale(0.35);`
			`-o-transform: scale(0.35);`
			`transform: scale(0.35);`
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`}`
small tweaks to notes page style 2012-07-04 19:09:58 +00:00
			`.slides {`
			`position: relative;`
			`margin-bottom: 10px;`
			`border: 1px solid black;`
			`border-radius: 2px;`
			`background: rgb(28, 30, 32);`
			`}`

			`.slides span {`
			`position: absolute;`
			`top: 3px;`
			`left: 3px;`
			`font-weight: bold;`
			`font-size: 14px;`
			`color: rgba( 255, 255, 255, 0.9 );`
			`}`
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`</style>`
			`</head>`
taking a stab at a presenter notes server 2012-06-08 03:21:14 +00:00
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`<body>`
taking a stab at a presenter notes server 2012-06-08 03:21:14 +00:00
small tweaks to notes page style 2012-07-04 19:09:58 +00:00			`<div id="wrap-current-slide" class="slides">`
			`<iframe src="/?receiver" width="1280" height="1024" id="current-slide"></iframe>`
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`</div>`
taking a stab at a presenter notes server 2012-06-08 03:21:14 +00:00
small tweaks to notes page style 2012-07-04 19:09:58 +00:00			`<div id="wrap-next-slide" class="slides">`
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`<iframe src="/?receiver" width="640" height="512" id="next-slide"></iframe>`
small tweaks to notes page style 2012-07-04 19:10:10 +00:00			`<span>UPCOMING:</span>`
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`</div>`
			`<div id="notes"></div>`
taking a stab at a presenter notes server 2012-06-08 03:21:14 +00:00
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`<script src="/socket.io/socket.io.js"></script>`
Replace the ShowDown Markdown engine with marked 2013-05-01 20:10:31 +00:00			`<script src="/plugin/markdown/marked.js"></script>`
taking a stab at a presenter notes server 2012-06-08 03:21:14 +00:00
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`<script>`
			`var socketId = '{{socketId}}';`
			`var socket = io.connect(window.location.origin);`
			`var notes = document.getElementById('notes');`
small tweaks to notes page style 2012-07-04 19:09:58 +00:00			`var currentSlide = document.getElementById('current-slide');`
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`var nextSlide = document.getElementById('next-slide');`
taking a stab at a presenter notes server 2012-06-08 03:21:14 +00:00
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`socket.on('slidedata', function(data) {`
			`// ignore data from sockets that aren't ours`
			`if (data.socketId !== socketId) { return; }`
have notes page only listen to one socket 2012-06-17 22:45:00 +00:00
Fix indentation 2012-10-18 21:55:06 +00:00			`if (data.markdown) {`
Replace the ShowDown Markdown engine with marked 2013-05-01 20:10:31 +00:00			`notes.innerHTML = marked(data.notes);`
Fix indentation 2012-10-18 21:55:06 +00:00			`}`
			`else {`
			`notes.innerHTML = data.notes;`
			`}`
Support markdown in speaker notes It's pretty nice to have markdown in slides. It's even nicer to have markdown in speaker notes too :) 2012-09-09 02:05:19 +00:00
new shorter api method names (closes #178), restructured and cleaned up core js 2012-10-15 01:02:32 +00:00			`currentSlide.contentWindow.Reveal.slide(data.indexh, data.indexv);`
			`nextSlide.contentWindow.Reveal.slide(data.nextindexh, data.nextindexv);`
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`});`
get 'fragmentdata' and react by showing/hiding the corresponding fragments 2012-10-18 22:07:26 +00:00			`socket.on('fragmentdata', function(data) {`
			`// ignore data from sockets that aren't ours`
			`if (data.socketId !== socketId) { return; }`

Renaming key within fragmentData Might be better to use one variable with different values. 2012-10-18 22:12:53 +00:00			`if (data.fragment === 'next') {`
get 'fragmentdata' and react by showing/hiding the corresponding fragments 2012-10-18 22:07:26 +00:00			`currentSlide.contentWindow.Reveal.nextFragment();`
			`}`
Renaming key within fragmentData Might be better to use one variable with different values. 2012-10-18 22:12:53 +00:00			`else if (data.fragment === 'previous') {`
Update renamed API method See b957d0b8580bafb35fbb808ef1d7acf424f73895 2012-10-18 22:35:23 +00:00			`currentSlide.contentWindow.Reveal.prevFragment();`
get 'fragmentdata' and react by showing/hiding the corresponding fragments 2012-10-18 22:07:26 +00:00			`}`
			`});`
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`</script>`
taking a stab at a presenter notes server 2012-06-08 03:21:14 +00:00
convert spaces to tabs to match project style 2012-07-01 22:34:07 +00:00			`</body>`
taking a stab at a presenter notes server 2012-06-08 03:21:14 +00:00			`</html>`