showoff 0.19.6 → 0.20.0

data/public/css/showoff.css

@@ -618,6 +618,22 @@ pre.highlight code .highlightedLine {
   overflow: hidden;
 }
 
+/* Fix spaces in line numbered code blocks */
+pre.highlight td.hljs-ln-numbers {
+    width: 1.5em;
+    text-align: right;
+    padding-right: 0.5em;
+}
+
+pre.highlight td.hljs-ln-code {
+    padding-left: 0.5em;
+}
+
+/* Do not add borders to line-numbered lines */
+pre.highlight tr:not(:last-child) {
+    border-bottom: none;
+}
+
 /* Diagram styling: overriding mermaid.css as needed */
 .language-render-diagram,
 .language-render-diagram .noteText,
@@ -650,8 +666,11 @@ pre.highlight code .highlightedLine {
 }
 
 .executing:hover { cursor: wait; }
-/* End code execution */
 
+.execute.numbers {
+  padding-bottom: 1.5em;
+}
+/* End code execution */
 
 #tips, #preshow_timer {
   display:inline;
@@ -1173,7 +1192,7 @@ form .element {
 }
 
   .callout:before {
-    font-family: FontAwesome;
+    font-family: "Font Awesome 5 Free";
     font-style: normal;
     font-weight: normal;
     font-size: 2em;
@@ -1182,7 +1201,7 @@ form .element {
     left: 0.3em;
   }
   .callout:after {
-    font-family: FontAwesome;
+    font-family: "Font Awesome 5 Free";
     font-style: normal;
     font-weight: normal;
     font-size: 1.5em;

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

@@ -43,8 +43,8 @@ $(document).ready(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,7 +508,7 @@ function printDialog() {
 function printSlides(section)
 {
   try {
-    var printWindow = window.open('/print/'+section);
+    var printWindow = window.open('print/'+section);
     printWindow.window.print();
   }
   catch(e) {

data/public/js/showoff.js

@@ -4,7 +4,7 @@ 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);
   }
 }
 
@@ -1912,7 +1920,7 @@ function executeRemoteCode(lang, codeDiv) {
   var path  = slide.attr('ref');
 
   setExecutionSignal(true, codeDiv);
-  $.get('/execute/'+lang, {path: path, index: index}, function(result) {
+  $.get('execute/'+lang, {path: path, index: index}, function(result) {
     if (result != null) print(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 + '"/>');
       }
     })
     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.2.0.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="file/<%= 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="file/<%= 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="file/<%= 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="file/<%= js_file %>"></script>
   <% end %>

data/views/index.erb

@@ -12,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>
@@ -108,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 %>>

data/views/onepage.erb

@@ -15,7 +15,7 @@
     <%= inline_css(['showoff.css', 'onepage.css'], 'public/css') %>
     <%= inline_css(css_files) %>
 
-    <%= inline_js(['jquery-2.1.4.min.js', 'showoff.js', 'highlight.pack-9.2.0.js'], 'public/js') %>
+    <%= inline_js(['jquery-2.1.4.min.js', 'showoff.js', 'highlight.pack-9.2.0.js', 'highlightjs-line-numbers.min.js'], 'public/js') %>
     <%= inline_js(['bigtext-0.1.8.js', 'simpleStrings-0.0.1.js', 'mermaid-6.0.0-min.js'], 'public/js') %>
 
     <%= inline_js(@languages, 'public/js') if @languages %>
@@ -24,23 +24,23 @@
   <% else %>
     <% ['font-awesome-4.4.0/css/font-awesome.min.css', 'mermaid-6.0.0.css', "highlight/#{@highlightStyle}.css",
         'showoff.css', 'onepage.css'].each do |css_file| %>
-      <link rel="stylesheet" href="<%= @asset_path %>/css/<%= css_file %>" type="text/css"/>
+      <link rel="stylesheet" href="css/<%= css_file %>" type="text/css"/>
     <% end %>
 
     <% css_files.each do |css_file| %>
-      <link rel="stylesheet" href="<%= @asset_path %>/file/<%= css_file %>" type="text/css"/>
+      <link rel="stylesheet" href="file/<%= css_file %>" type="text/css"/>
     <% end %>
 
     <% ['jquery-2.1.4.min.js', 'showoff.js', 'highlight.pack-9.2.0.js',
-        'bigtext-0.1.8.js', 'simpleStrings-0.0.1.js', 'mermaid-6.0.0-min.js'].each do |js_file| %>
-      <script type="text/javascript" src="<%= @asset_path %>/js/<%= js_file %>"></script>
+        'highlightjs-line-numbers.min.js', 'bigtext-0.1.8.js', 'simpleStrings-0.0.1.js', 'mermaid-6.0.0-min.js'].each do |js_file| %>
+      <script type="text/javascript" src="js/<%= js_file %>"></script>
     <% end %>
     <% js_files.each do |js_file| %>
-      <script type="text/javascript" src="<%= @asset_path %>/file/<%= js_file %>"></script>
+      <script type="text/javascript" src="file/<%= js_file %>"></script>
     <% end %>
     <% if @languages %>
       <% @languages.each do |l| %>
-        <script type="text/javascript" src="<%= @asset_path %>/js<%= l %>"></script>
+        <script type="text/javascript" src="js<%= l %>"></script>
       <% end %>
     <% end %>