use head.js to script load everything, fixes bug with inclusion of notes server js #57
This commit is contained in:
Hakim El Hattab
parent
32f0d328ff
commit
e7c5de23d7
2 changed files with 61 additions and 57 deletions
110
index.html
110
index.html
|
|
@ -264,68 +264,64 @@ linkify( 'a' );
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Optional libraries for code syntax highlighting and classList support in IE9 -->
|
<!-- Optional libraries for code syntax highlighting and classList support in IE9 -->
|
||||||
<script src="lib/highlight/highlight.js"></script>
|
<script src="lib/head/head.min.js"></script>
|
||||||
<script src="lib/polyfills/classList.js"></script>
|
|
||||||
|
|
||||||
<script src="js/reveal.js"></script>
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
// Parse the query string into a key/value object
|
// Load the main reveal.js script
|
||||||
var query = {};
|
head.js( 'js/reveal.js', function() {
|
||||||
|
// Parse the query string into a key/value object
|
||||||
|
var query = {};
|
||||||
|
|
||||||
location.search.replace( /[A-Z0-9]+?=(\w*)/gi, function(a) {
|
location.search.replace( /[A-Z0-9]+?=(\w*)/gi, function(a) {
|
||||||
query[ a.split( '=' ).shift() ] = a.split( '=' ).pop();
|
query[ a.split( '=' ).shift() ] = a.split( '=' ).pop();
|
||||||
|
} );
|
||||||
|
|
||||||
|
// Fires when a slide with data-state=customevent is activated
|
||||||
|
Reveal.addEventListener( 'customevent', function() {
|
||||||
|
alert( '"customevent" has fired' );
|
||||||
|
} );
|
||||||
|
|
||||||
|
// Fires each time a new slide is activated
|
||||||
|
Reveal.addEventListener( 'slidechanged', function( event ) {
|
||||||
|
// event.previousSlide, event.currentSlide, event.indexh, event.indexv
|
||||||
|
} );
|
||||||
|
|
||||||
|
Reveal.initialize({
|
||||||
|
// Display controls in the bottom right corner
|
||||||
|
controls: true,
|
||||||
|
|
||||||
|
// Display a presentation progress bar
|
||||||
|
progress: true,
|
||||||
|
|
||||||
|
// If true; each slide will be pushed to the browser history
|
||||||
|
history: true,
|
||||||
|
|
||||||
|
// Loops the presentation, defaults to false
|
||||||
|
loop: false,
|
||||||
|
|
||||||
|
// Flags if mouse wheel navigation should be enabled
|
||||||
|
mouseWheel: true,
|
||||||
|
|
||||||
|
// Apply a 3D roll to links on hover
|
||||||
|
rollingLinks: true,
|
||||||
|
|
||||||
|
// UI style
|
||||||
|
theme: query.theme || 'default', // default/neon
|
||||||
|
|
||||||
|
// Transition style
|
||||||
|
transition: query.transition || 'default' // default/cube/page/concave/linear(2d)
|
||||||
|
});
|
||||||
|
} );
|
||||||
|
|
||||||
|
// Load third party scripts
|
||||||
|
head.js( 'lib/highlight/highlight.js', 'lib/polyfills/classList.js', function() {
|
||||||
|
// Fire off syntax highlighting for potential code samples in the slides
|
||||||
|
hljs.initHighlightingOnLoad();
|
||||||
} );
|
} );
|
||||||
|
|
||||||
// Fires when a slide with data-state=customevent is activated
|
// If we're runnning the notes server we need to include some additional JS
|
||||||
Reveal.addEventListener( 'customevent', function() {
|
|
||||||
alert( '"customevent" has fired' );
|
|
||||||
} );
|
|
||||||
|
|
||||||
// Fires each time a new slide is activated
|
|
||||||
Reveal.addEventListener( 'slidechanged', function( event ) {
|
|
||||||
// event.previousSlide, event.currentSlide, event.indexh, event.indexv
|
|
||||||
} );
|
|
||||||
|
|
||||||
Reveal.initialize({
|
|
||||||
// Display controls in the bottom right corner
|
|
||||||
controls: true,
|
|
||||||
|
|
||||||
// Display a presentation progress bar
|
|
||||||
progress: true,
|
|
||||||
|
|
||||||
// If true; each slide will be pushed to the browser history
|
|
||||||
history: true,
|
|
||||||
|
|
||||||
// Loops the presentation, defaults to false
|
|
||||||
loop: false,
|
|
||||||
|
|
||||||
// Flags if mouse wheel navigation should be enabled
|
|
||||||
mouseWheel: true,
|
|
||||||
|
|
||||||
// Apply a 3D roll to links on hover
|
|
||||||
rollingLinks: true,
|
|
||||||
|
|
||||||
// UI style
|
|
||||||
theme: query.theme || 'default', // default/neon
|
|
||||||
|
|
||||||
// Transition style
|
|
||||||
transition: query.transition || 'default' // default/cube/page/concave/linear(2d)
|
|
||||||
});
|
|
||||||
|
|
||||||
// Fire off syntax highlighting for potential code samples in the slides
|
|
||||||
hljs.initHighlightingOnLoad();
|
|
||||||
|
|
||||||
// If we're runnning the notes node server we need to include some
|
|
||||||
// additional JS
|
|
||||||
if( window.location.host === 'localhost:1947' ) {
|
if( window.location.host === 'localhost:1947' ) {
|
||||||
var notes_socket = document.createElement( 'script' );
|
head.js( 'socket.io/socket.io.js', 'lib/slidenotes/client.js' );
|
||||||
notes_socket.setAttribute( 'src', 'socket.io/socket.io.js' );
|
|
||||||
document.body.appendChild( notes_socket );
|
|
||||||
|
|
||||||
var notes_client = document.createElement( 'script' );
|
|
||||||
notes_client.setAttribute( 'src', 'lib/slidenotes/client.js' );
|
|
||||||
document.body.appendChild( notes_client );
|
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
|
||||||
8
lib/head/head.min.js
vendored
Normal file
8
lib/head/head.min.js
vendored
Normal file
|
|
@ -0,0 +1,8 @@
|
||||||
|
/**
|
||||||
|
Head JS The only script in your <HEAD>
|
||||||
|
Copyright Tero Piirainen (tipiirai)
|
||||||
|
License MIT / http://bit.ly/mit-license
|
||||||
|
Version 0.96
|
||||||
|
|
||||||
|
http://headjs.com
|
||||||
|
*/(function(a){function z(){d||(d=!0,s(e,function(a){p(a)}))}function y(c,d){var e=a.createElement("script");e.type="text/"+(c.type||"javascript"),e.src=c.src||c,e.async=!1,e.onreadystatechange=e.onload=function(){var a=e.readyState;!d.done&&(!a||/loaded|complete/.test(a))&&(d.done=!0,d())},(a.body||b).appendChild(e)}function x(a,b){if(a.state==o)return b&&b();if(a.state==n)return k.ready(a.name,b);if(a.state==m)return a.onpreload.push(function(){x(a,b)});a.state=n,y(a.url,function(){a.state=o,b&&b(),s(g[a.name],function(a){p(a)}),u()&&d&&s(g.ALL,function(a){p(a)})})}function w(a,b){a.state===undefined&&(a.state=m,a.onpreload=[],y({src:a.url,type:"cache"},function(){v(a)}))}function v(a){a.state=l,s(a.onpreload,function(a){a.call()})}function u(a){a=a||h;var b;for(var c in a){if(a.hasOwnProperty(c)&&a[c].state!=o)return!1;b=!0}return b}function t(a){return Object.prototype.toString.call(a)=="[object Function]"}function s(a,b){if(!!a){typeof a=="object"&&(a=[].slice.call(a));for(var c=0;c<a.length;c++)b.call(a,a[c],c)}}function r(a){var b;if(typeof a=="object")for(var c in a)a[c]&&(b={name:c,url:a[c]});else b={name:q(a),url:a};var d=h[b.name];if(d&&d.url===b.url)return d;h[b.name]=b;return b}function q(a){var b=a.split("/"),c=b[b.length-1],d=c.indexOf("?");return d!=-1?c.substring(0,d):c}function p(a){a._done||(a(),a._done=1)}var b=a.documentElement,c,d,e=[],f=[],g={},h={},i=a.createElement("script").async===!0||"MozAppearance"in a.documentElement.style||window.opera,j=window.head_conf&&head_conf.head||"head",k=window[j]=window[j]||function(){k.ready.apply(null,arguments)},l=1,m=2,n=3,o=4;i?k.js=function(){var a=arguments,b=a[a.length-1],c={};t(b)||(b=null),s(a,function(d,e){d!=b&&(d=r(d),c[d.name]=d,x(d,b&&e==a.length-2?function(){u(c)&&p(b)}:null))});return k}:k.js=function(){var a=arguments,b=[].slice.call(a,1),d=b[0];if(!c){f.push(function(){k.js.apply(null,a)});return k}d?(s(b,function(a){t(a)||w(r(a))}),x(r(a[0]),t(d)?d:function(){k.js.apply(null,b)})):x(r(a[0]));return k},k.ready=function(b,c){if(b==a){d?p(c):e.push(c);return k}t(b)&&(c=b,b="ALL");if(typeof b!="string"||!t(c))return k;var f=h[b];if(f&&f.state==o||b=="ALL"&&u()&&d){p(c);return k}var i=g[b];i?i.push(c):i=g[b]=[c];return k},k.ready(a,function(){u()&&s(g.ALL,function(a){p(a)}),k.feature&&k.feature("domloaded",!0)});if(window.addEventListener)a.addEventListener("DOMContentLoaded",z,!1),window.addEventListener("load",z,!1);else if(window.attachEvent){a.attachEvent("onreadystatechange",function(){a.readyState==="complete"&&z()});var A=1;try{A=window.frameElement}catch(B){}!A&&b.doScroll&&function(){try{b.doScroll("left"),z()}catch(a){setTimeout(arguments.callee,1);return}}(),window.attachEvent("onload",z)}!a.readyState&&a.addEventListener&&(a.readyState="loading",a.addEventListener("DOMContentLoaded",handler=function(){a.removeEventListener("DOMContentLoaded",handler,!1),a.readyState="complete"},!1)),setTimeout(function(){c=!0,s(f,function(a){a()})},300)})(document)
|
||||||
Loading…
Reference in a new issue