showoff 0.19.4 → 0.20.3

data/public/js/highlightjs-line-numbers.min.js

@@ -0,0 +1 @@
+!function(n,e){"use strict";function t(){var n=e.createElement("style");n.type="text/css",n.innerHTML=u(".{0}{border-collapse:collapse}.{0} td{padding:0}.{1}:before{content:attr({2})}",[f,m,j]),e.getElementsByTagName("head")[0].appendChild(n)}function r(t){"interactive"===e.readyState||"complete"===e.readyState?l(t):n.addEventListener("DOMContentLoaded",function(){l(t)})}function l(t){try{var r=e.querySelectorAll("code.hljs");for(var l in r)r.hasOwnProperty(l)&&i(r[l],t)}catch(o){n.console.error("LineNumbers error: ",o)}}function i(n,e){if("object"==typeof n){e=e||{singleLine:!1};var t=e.singleLine?0:1;h(function(){s(n),n.innerHTML=o(n.innerHTML,t)})}}function o(n,e){var t=c(n);if(""===t[t.length-1].trim()&&t.pop(),t.length>e){for(var r="",l=0,i=t.length;l<i;l++)r+=u('<tr><td class="{0}"><div class="{1} {2}" {3}="{5}"></div></td><td class="{4}"><div class="{1}">{6}</div></td></tr>',[p,v,m,j,g,l+1,t[l].length>0?t[l]:" "]);return u('<table class="{0}">{1}</table>',[f,r])}return n}function s(n){var e=n.childNodes;for(var t in e)if(e.hasOwnProperty(t)){var r=e[t];d(r.textContent)>0&&(r.childNodes.length>0?s(r):a(r.parentNode))}}function a(n){var e=n.className;if(/hljs-/.test(e)){for(var t=c(n.innerHTML),r=0,l="";r<t.length;r++){var i=t[r].length>0?t[r]:" ";l+=u('<span class="{0}">{1}</span>\n',[e,i])}n.innerHTML=l.trim()}}function c(n){return 0===n.length?[]:n.split(L)}function d(n){return(n.trim().match(L)||[]).length}function h(e){n.setTimeout(e,0)}function u(n,e){return n.replace(/\{(\d+)\}/g,function(n,t){return e[t]?e[t]:n})}var f="hljs-ln",v="hljs-ln-line",g="hljs-ln-code",p="hljs-ln-numbers",m="hljs-ln-n",j="data-line-number",L=/\r\n|\r|\n/g;n.hljs?(n.hljs.initLineNumbersOnLoad=r,n.hljs.lineNumbersBlock=i,t()):n.console.error("highlight.js not detected!")}(window,document);

data/public/js/presenter.js

@@ -36,15 +36,15 @@ $(document).ready(function(){
   $("#notes-wrapper .fa-minus").click( function() {
     notesFontSize('decrease');
   });
-  $("#notes-wrapper .fa-dot-circle-o").click( function() {
+  $("#notes-wrapper .fa-circle").click( function() {
     notesFontSize('reset');
   });
   $("#notes-wrapper .fa-plus").click( function() {
     notesFontSize('increase');
   });
 
-  $('#statslink').click(function(e) { presenterPopupToggle('/stats', e); });
-  $('#downloadslink').click(function(e) { presenterPopupToggle('/download', e); });
+  $('#statslink').click(function(e) { presenterPopupToggle('stats', e); });
+  $('#downloadslink').click(function(e) { presenterPopupToggle('download', e); });
 
   $('#layoutSelector').change(function(e) { chooseLayout(e.target.value); });
   chooseLayout(null);
@@ -82,7 +82,7 @@ $(document).ready(function(){
 
     $('#topbar #update').click( function(e) {
       e.preventDefault();
-      $.get("/getpage", function(data) {
+      $.get("getpage", function(data) {
         gotoSlide(data);
       });
     });
@@ -154,7 +154,7 @@ $(document).ready(function(){
   setInterval(function() { updatePace() }, 1000);
 
   setInterval(function() {
-    $.getJSON("/stats_data", function( json ) {
+    $.getJSON("stats_data", function( json ) {
       var percent = json['stray_p'];
       if(percent > 25) {
         $('#topbar #statslink').addClass('warning');
@@ -250,7 +250,7 @@ function editSlide() {
 // call the edit endpoint to open up a local file editor
 function openEditor() {
   var slide = $("span#slideFile").text().replace(/:\d+$/, '');
-  var link  = '/edit/' + slide + ".md";
+  var link  = 'edit/' + slide + ".md";
   $.get(link);
 }
 
@@ -277,11 +277,11 @@ function openSlave()
 {
   try {
     if(windowIsClosed(slaveWindow)){
-        slaveWindow = window.open('/' + window.location.hash, 'toolbar');
+        slaveWindow = window.open('./' + window.location.hash, 'toolbar');
     }
     else if(slaveWindow.location.hash != window.location.hash) {
       // maybe we need to reset content?
-      slaveWindow.location.href = '/' + window.location.hash;
+      slaveWindow.location.href = './' + window.location.hash;
     }
 
     // give the window time to load before poking at it
@@ -451,7 +451,7 @@ function blankStyledWindow(title, dimensions, classes, resizable) {
     // them into elements again in the context of the other document.
     // Because IE.
 
-    $(newWindow.document.head).append('<base href="' + window.location.origin + '"/>');
+    $(newWindow.document.head).append('<base href="' + location.origin + location.root + '"/>');
     $('link[rel="stylesheet"]').each(function() {
       var href  = $(this).attr('href');
       var style = '<link rel="stylesheet" type="text/css" href="' + href + '">'
@@ -508,8 +508,10 @@ function printDialog() {
 function printSlides(section)
 {
   try {
-    var printWindow = window.open('/print/'+section);
-    printWindow.window.print();
+    var printWindow = window.open('print/'+section);
+    $(printWindow).on('load', function(){
+      printWindow.window.print();
+    });
   }
   catch(e) {
     console.log('Failed to open print window. Popup blocker?');

data/public/js/showoff.js

@@ -1,10 +1,10 @@
-/* ShowOff JS Logic */
+/* Showoff JS Logic */
 
-var ShowOff = {};
+var Showoff = {};
 
 var preso_started = false
 var slidenum = 0
-var presenterSlideNum = 0
+var presenterSlideNum = null
 var slideTotal = 0
 var slides
 var currentSlide
@@ -22,11 +22,13 @@ var section = 'handouts'; // default to showing handout notes for display view
 var slideStartTime = new Date().getTime()
 var activityIncomplete = false; // slides won't advance when this is on
 
-var loadSlidesBool
-var loadSlidesPrefix
+var loadSlidesBool;
 
 var mode = { track: true, follow: true };
 
+// Make sure we have a sane value here
+location.root = location.root || location.pathname;
+
 // global variable to register tours with
 var tours = {};
 var menuTourRunning = false;
@@ -52,7 +54,7 @@ document.cookie.split(';').forEach( function(item) {
 
 $(document).on('click', 'code.execute', executeCode);
 
-function setupPreso(load_slides, prefix) {
+function setupPreso(load_slides) {
 	if (preso_started) {
 		alert("already started");
 		return;
@@ -73,8 +75,7 @@ function setupPreso(load_slides, prefix) {
 
 	// Load slides fetches images
 	loadSlidesBool = load_slides;
-	loadSlidesPrefix = prefix || '/';
-	loadSlides(loadSlidesBool, loadSlidesPrefix);
+	loadSlides(loadSlidesBool);
 
   setupSideMenu();
 
@@ -177,8 +178,8 @@ function setupPreso(load_slides, prefix) {
 
 }
 
-function loadSlides(load_slides, prefix, reload, hard) {
-  var url = loadSlidesPrefix + "slides";
+function loadSlides(load_slides, reload, hard) {
+  var url = "slides";
   if (reload) {
     url += "?cache=clear";
   }
@@ -192,18 +193,18 @@ function loadSlides(load_slides, prefix, reload, hard) {
       }
       else {
         $("#slides img").batchImageLoad({
-          loadingCompleteCallback: initializePresentation(prefix)
+          loadingCompleteCallback: initializePresentation()
         });
       }
     })
   } else {
     $("#slides img").batchImageLoad({
-      loadingCompleteCallback: initializePresentation(prefix)
+      loadingCompleteCallback: initializePresentation()
     })
   }
 }
 
-function initializePresentation(prefix) {
+function initializePresentation() {
 	// unhide for height to work in static mode
   $("#slides").show();
 
@@ -241,6 +242,10 @@ function initializePresentation(prefix) {
       // then add focus on any lines marked
       highlightLines(block);
 
+      if($(block).hasClass('numbers')) {
+        hljs.lineNumbersBlock(block);
+      }
+
     } catch(e) {
       console.log('Syntax highlighting failed on ' + $(this).closest('div.slide').attr('id'));
       console.log('Syntax highlighting failed for ' + $(this).attr('class'));
@@ -399,7 +404,7 @@ function setupSideMenu() {
 
   $('#fileDownloads').click(function() {
     closeMenu();
-    window.open('/download');
+    window.open('download');
   })
 
   $("#paceSlower").click(function() {
@@ -670,12 +675,12 @@ function showTour(name, record) {
       if(record) {
         clientTours.push(name);
         document.cookieHash['tours'] = clientTours;
-        document.cookie = "tours="+JSON.stringify(clientTours);
+        document.cookie = "tours="+JSON.stringify(clientTours)+"; max-age=31536000; path=/;";
       }
 
       // this keeps track of the version of the presenter tour we've seen
       if(name == 'showoff:presenter:auto') {
-        document.cookie = "tourVersion="+tourVersion;
+        document.cookie = "tourVersion="+tourVersion+"; max-age=31536000; path=/;";
         document.cookieHash['tourVersion'] = tourVersion;
 
         // we don't need this anymore; let's save a byte or three
@@ -721,11 +726,13 @@ function showTour(name, record) {
 // get the value of an option=value class applied to a slide
 function getSlideOption(option) {
   var classes = currentSlide.attr('class').split(' ');
-  var match   = classes.find(function(item){
-    return (item.indexOf(option+'=') == 0);
-  });
 
-  return (match ? match.split('=')[1] : null);
+  for (var i=0; i < classes.length; i++) {
+    var item = classes[i].split('=');
+    if(item.length == 2 && item[0] == option) {
+      return item[1]
+    }
+  }
 }
 
 function checkSlideParameter() {
@@ -1257,7 +1264,8 @@ function renderForm(form) {
 function connectControlChannel() {
   if (interactive) {
     protocol     = (location.protocol === 'https:') ? 'wss://' : 'ws://';
-    ws           = new WebSocket(protocol + location.host + '/control');
+    path         = (location.root + '/control').replace('//', '/').replace('/presenter','');;
+    ws           = new WebSocket(protocol + location.host + path);
     ws.onopen    = function()  { connected();          };
     ws.onclose   = function()  { disconnected();       }
     ws.onmessage = function(m) { parseMessage(m.data); };
@@ -1792,7 +1800,7 @@ function reloadSlides (hard) {
   }
 
   if (confirm(message)) {
-    loadSlides(loadSlidesBool, loadSlidesPrefix, true, hard);
+    loadSlides(loadSlidesBool, true, hard);
   }
 }
 
@@ -1839,14 +1847,14 @@ var removeResults = function() {
   try { slaveWindow.removeResults() } catch (e) {};
 };
 
-var print = function(text) {
+var displayHUD = function(text) {
 	removeResults();
 	var _results = $('<div>').addClass('results').html('<pre>' + String(text).substring(0, 1500) + '</pre>');
 	$('body').append(_results);
 	_results.click(removeResults);
 
 	// if we're a presenter, mirror this on the display window
-  try { slaveWindow.print(text) } catch (e) {};
+  try { slaveWindow.displayHUD(text) } catch (e) {};
 };
 
 // Execute the first visible executable code block
@@ -1902,7 +1910,7 @@ function executeLocalCode(lang, codeDiv) {
   catch(e) {
     result = e.message;
   };
-  if (result != null) print(result);
+  if (result != null) displayHUD(result);
 }
 
 // request the server to execute a code block by path and index
@@ -1912,8 +1920,8 @@ function executeRemoteCode(lang, codeDiv) {
   var path  = slide.attr('ref');
 
   setExecutionSignal(true, codeDiv);
-  $.get('/execute/'+lang, {path: path, index: index}, function(result) {
-    if (result != null) print(result);
+  $.get('execute/'+lang, {path: path, index: index}, function(result) {
+    if (result != null) displayHUD(result);
     setExecutionSignal(false, codeDiv);
   });
 }
@@ -1990,11 +1998,11 @@ function setupPreShow(seconds) {
     $.each(data, function(i, n) {
       if(n == "preshow.json") {
         // has a descriptions file
-        $.getJSON("/file/_preshow/preshow.json", false, function(data) {
+        $.getJSON("file/_preshow/preshow.json", false, function(data) {
           preshow_des = data;
         })
       } else {
-        $('#preshow').append('<img ref="' + n + '" src="/file/_preshow/' + n + '"/>');
+        $('#preshow').append('<img ref="' + n + '" src="file/_preshow/' + n + '" class="preshow" />');
       }
     })
     preshow_images      = $('#preshow > img');
@@ -2059,7 +2067,7 @@ function stopPreShow() {
 	$('#tips').remove();
 	$('#preshow_timer').remove();
 
-	loadSlides(loadSlidesBool, loadSlidesPrefix);
+	loadSlides(loadSlidesBool);
 }
 
 function nextPreShowImage() {
@@ -2112,7 +2120,7 @@ function setupStats(data)
     }
   });
 
-  var location = window.location.pathname == '/presenter' ? '#' : '/#';
+  var location = window.location.pathname == 'presenter' ? '#' : '/#';
   var viewers  = data['viewers'];
   if (viewers) {
     if (viewers.length == 1 && viewers[0][3] == 'current') {

data/views/download.erb

@@ -14,10 +14,10 @@
           <% enabled, title, files = value %>
           <% if enabled %>
             <%if key != -999 %>
-              <% path = '/file/_files' %>
+              <% path = 'file/_files' %>
               <h4>Slide <%= key %> <small>(<%= title %>)</small></h4>
             <% else %>
-              <% path = '/file/_files/share' %>
+              <% path = 'file/_files/share' %>
             <% end %>
             <ul>
             <% files.each do |file| %>

data/views/header.erb

@@ -7,47 +7,48 @@
   <link rel="icon" href="<%= @favicon %>"/>
   <% end %>
 
-  <link rel="stylesheet" type="text/css" href="<%= @asset_path %>/css/highlight/<%= @highlightStyle %>.css"  />
-  <link rel="stylesheet" type="text/css" href="<%= @asset_path %>/css/mermaid-6.0.0.css" />
-  <link rel="stylesheet" type="text/css" href="<%= @asset_path %>/css/font-awesome-4.4.0/css/font-awesome.min.css">
-  <link rel="stylesheet" type="text/css" href="<%= @asset_path %>/css/introjs-2.5.local.css">
-  <link rel="stylesheet" type="text/css" href="<%= @asset_path %>/css/jquery-ui-1.12.1.css">
-  <link rel="stylesheet" type="text/css" href="<%= @asset_path %>/css/showoff.css?v=<%= SHOWOFF_VERSION %>" />
-  <link rel="stylesheet" type="text/css" href="<%= @asset_path %>/css/zoomline-0.0.1.css">
+  <link rel="stylesheet" type="text/css" href="css/highlight/<%= @highlightStyle %>.css"  />
+  <link rel="stylesheet" type="text/css" href="css/mermaid-6.0.0.css" />
+  <link rel="stylesheet" type="text/css" href="css/font-awesome-5.6.1/css/all.min.css">
+  <link rel="stylesheet" type="text/css" href="css/introjs-2.5.local.css">
+  <link rel="stylesheet" type="text/css" href="css/jquery-ui-1.12.1.css">
+  <link rel="stylesheet" type="text/css" href="css/showoff.css?v=<%= SHOWOFF_VERSION %>" />
+  <link rel="stylesheet" type="text/css" href="css/zoomline-0.0.1.css">
 
-  <script type="text/javascript" src="<%= @asset_path %>/js/jquery-2.1.4.min.js"></script>
-  <script type="text/javascript" src="<%= @asset_path %>/js/jquery-ui-1.12.1.js"></script>
+  <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
+  <script type="text/javascript" src="js/jquery-ui-1.12.1.js"></script>
 
-  <script type="text/javascript" src="<%= @asset_path %>/js/jquery.cycle.all-2.8.0.js"></script>
-  <script type="text/javascript" src="<%= @asset_path %>/js/jquery.batchImageLoad-1.0.0.js"></script>
-  <script type="text/javascript" src="<%= @asset_path %>/js/jquery.parsequery.min-6a20f83.js"></script>
-  <script type="text/javascript" src="<%= @asset_path %>/js/jquery.doubletap-4ff02c5.js"></script>
-  <script type="text/javascript" src="<%= @asset_path %>/js/highlight.pack-9.2.0.js"></script>
-  <script type="text/javascript" src="<%= @asset_path %>/js/jTypeWriter-1.1.js"></script>
-  <script type="text/javascript" src="<%= @asset_path %>/js/bigtext-0.1.8.js"></script>
-  <script type="text/javascript" src="<%= @asset_path %>/js/zoomline-0.0.1.js"></script>
-  <script type="text/javascript" src="<%= @asset_path %>/js/simpleStrings-0.0.1.js"></script>
-  <script type="text/javascript" src="<%= @asset_path %>/js/mermaid-6.0.0-min.js"></script>
+  <script type="text/javascript" src="js/jquery.cycle.all-2.8.0.js"></script>
+  <script type="text/javascript" src="js/jquery.batchImageLoad-1.0.0.js"></script>
+  <script type="text/javascript" src="js/jquery.parsequery.min-6a20f83.js"></script>
+  <script type="text/javascript" src="js/jquery.doubletap-4ff02c5.js"></script>
+  <script type="text/javascript" src="js/highlight.pack-9.15.10.js"></script>
+  <script type="text/javascript" src="js/highlightjs-line-numbers.min.js"></script>
+  <script type="text/javascript" src="js/jTypeWriter-1.1.js"></script>
+  <script type="text/javascript" src="js/bigtext-0.1.8.js"></script>
+  <script type="text/javascript" src="js/zoomline-0.0.1.js"></script>
+  <script type="text/javascript" src="js/simpleStrings-0.0.1.js"></script>
+  <script type="text/javascript" src="js/mermaid-6.0.0-min.js"></script>
 
   <!-- waiting on https://github.com/usablica/intro.js/pull/727 -->
-  <script type="text/javascript" src="<%= @asset_path %>/js/intro-2.5.local.js"></script>
+  <script type="text/javascript" src="js/intro-2.5.local.js"></script>
 
-  <script type="text/javascript" src="<%= @asset_path %>/js/coffee-script-1.1.3-pre.js"></script>
+  <script type="text/javascript" src="js/coffee-script-1.1.3-pre.js"></script>
 
-  <script type="text/javascript" src="<%= @asset_path %>/js/annotations.js?v=<%= SHOWOFF_VERSION %>"></script>
-  <script type="text/javascript" src="<%= @asset_path %>/js/showoff.js?v=<%= SHOWOFF_VERSION %>"></script>
+  <script type="text/javascript" src="js/annotations.js?v=<%= SHOWOFF_VERSION %>"></script>
+  <script type="text/javascript" src="js/showoff.js?v=<%= SHOWOFF_VERSION %>"></script>
 
   <% css_files.each do |css_file| %>
-    <link rel="stylesheet" href="<%= @asset_path %>/file/<%= css_file %>" type="text/css"/>
+    <link rel="stylesheet" type="text/css" href="<%= css_file %>" />
   <% end %>
 
   <% js_files.each do |js_file| %>
-    <script type="text/javascript" src="<%= @asset_path %>/file/<%= js_file %>"></script>
+    <script type="text/javascript" src="<%= js_file %>"></script>
   <% end %>
 
   <script type="text/javascript">
     $(function(){
-      setupPreso(<%= @slides.nil? ? "true" : "false"%>, '<%= @asset_path %>');
+      setupPreso(<%= @slides.nil? ? "true" : "false"%>);
     });
 
     editUrl     = "<%= @edit %>";

data/views/header_mini.erb

@@ -7,19 +7,19 @@
     <link rel="icon" href="<%= @favicon %>"/>
   <% end %>
 
-  <link rel="stylesheet" type="text/css" href="<%= @asset_path %>/css/showoff.css?v=<%= SHOWOFF_VERSION %>" />
-  <link rel="stylesheet" type="text/css" href="<%= @asset_path %>/css/font-awesome-4.4.0/css/font-awesome.min.css">
-  <link rel="stylesheet" type="text/css" href="<%= @asset_path %>/css/zoomline-0.0.1.css">
+  <link rel="stylesheet" type="text/css" href="css/showoff.css?v=<%= SHOWOFF_VERSION %>" />
+  <link rel="stylesheet" type="text/css" href="css/font-awesome-4.4.0/css/font-awesome.min.css">
+  <link rel="stylesheet" type="text/css" href="css/zoomline-0.0.1.css">
 
-  <script type="text/javascript" src="<%= @asset_path %>/js/jquery-2.1.4.min.js"></script>
-  <script type="text/javascript" src="<%= @asset_path %>/js/zoomline-0.0.1.js"></script>
+  <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
+  <script type="text/javascript" src="js/zoomline-0.0.1.js"></script>
 
-  <script type="text/javascript" src="<%= @asset_path %>/js/showoff.js?v=<%= SHOWOFF_VERSION %>"></script>
+  <script type="text/javascript" src="js/showoff.js?v=<%= SHOWOFF_VERSION %>"></script>
 
   <% css_files.each do |css_file| %>
-    <link rel="stylesheet" href="<%= @asset_path %>/file/<%= css_file %>" type="text/css"/>
+    <link rel="stylesheet" type="text/css" href="<%= css_file %>" />
   <% end %>
 
   <% js_files.each do |js_file| %>
-    <script type="text/javascript" src="<%= @asset_path %>/file/<%= js_file %>"></script>
+    <script type="text/javascript" src="<%= js_file %>"></script>
   <% end %>

data/views/index.erb

@@ -3,60 +3,6 @@
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
   <%= erb :header %>
-
-  <script type="text/javascript">
-    // We want the audience members to see automatic tours. We can assume that they won't be
-    // using many server domains like the presenter might.
-    var autoTour = true;
-
-    $( document ).ready(function() {
-      if(presenter && !window.opener) {
-        alert('This is an audience view designed for interactivity. If you are placing this window on a projector, you should use the Display View instead.');
-      }
-
-      tours['showoff:activity'] = [
-        {
-          element: ".currentSlide .activityToggle",
-          intro: I18n.t('tour.activity.complete')
-        }
-      ];
-
-      tours['showoff:form'] = [
-        {
-          element: ".currentSlide input.save",
-          intro: I18n.t('tour.form.save')
-        }
-      ];
-
-      tours['showoff:menu'] = [
-        {
-          element: "#hamburger",
-          intro: I18n.t('tour.menu.start')
-        },
-        {
-          element: "#navToggle",
-          intro: I18n.t('tour.menu.navigation')
-        },
-        {
-          element: "#fileDownloads",
-          intro: I18n.t('tour.menu.download')
-        },
-        {
-          element: "#paceFaster",
-          intro: I18n.t('tour.menu.pace')
-        },
-        {
-          element: "#questionToggle",
-          intro: I18n.t('tour.menu.questions')
-        },
-        {
-          element: "#feedbackToggle",
-          intro: I18n.t('tour.menu.feedback')
-        }
-      ].filter(function(item) { return (document.querySelector(item['element'])) });
-      // display tips for only the enabled features
-    });
-  </script>
 </head>
 
 <body>
@@ -66,7 +12,7 @@
 <div id="sidebarWrapper">
     <div id="navigationHover"></div>
     <div id="feedbackSidebar" class="sideMenu">
-    <img id="disconnected" src="<%= @asset_path %>/css/disconnected.png">
+    <img id="disconnected" src="css/disconnected.png">
     <h3><%= I18n.t('menu.title') %></h3>
     <div id="navToggle" class="buttonWrapper"><i class=" fa fa-bookmark"></i> <%= I18n.t('menu.table_of_contents') %></div>
     <div id="navigation" class="submenu"></div>
@@ -162,7 +108,7 @@
   <span id="debugInfo" class="container"></span>
   <span id="notesInfo" class="container"></span>
   <span id="slideFilename" class="container"></span>
-  <img id="disconnected" src="<%= @asset_path %>/css/disconnected.png" />
+  <img id="disconnected" src="css/disconnected.png" />
 </footer>
 
 <div id="slides" class="offscreen" <%= 'style="display:none;"' if @slides %>>
@@ -175,5 +121,59 @@
   <%= @pause_msg %>
 </div>
 
+  <script defer type="text/javascript">
+    // We want the audience members to see automatic tours. We can assume that they won't be
+    // using many server domains like the presenter might.
+    var autoTour = true;
+
+    $( document ).ready(function() {
+      if(presenter && !window.opener) {
+        alert('This is an audience view designed for interactivity. If you are placing this window on a projector, you should use the Display View instead.');
+      }
+
+      tours['showoff:activity'] = [
+        {
+          element: ".currentSlide .activityToggle",
+          intro: I18n.t('tour.activity.complete')
+        }
+      ];
+
+      tours['showoff:form'] = [
+        {
+          element: ".currentSlide input.save",
+          intro: I18n.t('tour.form.save')
+        }
+      ];
+
+      tours['showoff:menu'] = [
+        {
+          element: "#hamburger",
+          intro: I18n.t('tour.menu.start')
+        },
+        {
+          element: "#navToggle",
+          intro: I18n.t('tour.menu.navigation')
+        },
+        {
+          element: "#fileDownloads",
+          intro: I18n.t('tour.menu.download')
+        },
+        {
+          element: "#paceFaster",
+          intro: I18n.t('tour.menu.pace')
+        },
+        {
+          element: "#questionToggle",
+          intro: I18n.t('tour.menu.questions')
+        },
+        {
+          element: "#feedbackToggle",
+          intro: I18n.t('tour.menu.feedback')
+        }
+      ].filter(function(item) { return (document.querySelector(item['element'])) });
+      // display tips for only the enabled features
+    });
+  </script>
+
 </body>
 </html>