From ca7c33f07c060adff70e0c15fe654968a3087c57 Mon Sep 17 00:00:00 2001 From: Sean Fisk Date: Thu, 24 Apr 2014 05:15:16 -0400 Subject: [PATCH 1/3] Fix small misspelling: Mardown -> Markdown --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index d2ce4be6..6c1d6971 100644 --- a/README.md +++ b/README.md @@ -86,7 +86,7 @@ Special syntax (in html comment) is available for adding attributes to the slide
``` From 75a53da9e54a462fe9bb313f2cd44320e0e4445a Mon Sep 17 00:00:00 2001 From: nava teja Date: Sun, 8 Jun 2014 00:59:29 +0530 Subject: [PATCH 2/3] Shows keyboard shorcuts overlay on pressing question mark --- css/reveal.css | 33 +++++++++++++++++++++++++ js/reveal.js | 65 ++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 98 insertions(+) diff --git a/css/reveal.css b/css/reveal.css index 842f67cb..c66f94ed 100644 --- a/css/reveal.css +++ b/css/reveal.css @@ -1729,6 +1729,39 @@ body { } + .reveal .preview-link-overlay .viewport .shortcuts { + -webkit-column-count: 2; + -moz-column-count: 2; + column-count: 2; + font-size: 20px; + height: 100%; + margin-left: 35%; + margin-top: 20px; + text-align: center; + } + + .reveal .preview-link-overlay .viewport .shortcuts table { + border: 1px solid #fff; + border-collapse: collapse; + font-size: 14px; + } + + .reveal .preview-link-overlay .viewport .shortcuts table th{ + border: 1px solid #fff; + height: 30px; + width: 200px; + padding: 10px; + vertical-align: middle; + } + + .reveal .preview-link-overlay .viewport .shortcuts table tr td{ + border: 1px solid #fff; + height: 30px; + vertical-align: middle; + padding: 5px; + } + + /********************************************* * PLAYBACK COMPONENT diff --git a/js/reveal.js b/js/reveal.js index 5cbb3fff..27fcb493 100644 --- a/js/reveal.js +++ b/js/reveal.js @@ -177,6 +177,20 @@ var Reveal = (function(){ startCount: 0, captured: false, threshold: 40 + }, + + // Holds information about the keyboard shortcuts + keyboard_shortcuts = { + 'p': "Previous slide", + 'n': "Next slide", + 'h': "Navigate left", + 'l': "Navigate right", + 'k': "Navigate up", + 'j': "Navigate down", + 'Home': "First slide", + 'End': "Last slide", + 'b': "Pause", + 'f': "Fullscreen" }; /** @@ -646,6 +660,7 @@ var Reveal = (function(){ if( config.keyboard ) { document.addEventListener( 'keydown', onDocumentKeyDown, false ); + document.addEventListener( 'keypress', onDocumentKeyPress, false ); } if( config.progress && dom.progress ) { @@ -689,6 +704,7 @@ var Reveal = (function(){ eventsAreBound = false; document.removeEventListener( 'keydown', onDocumentKeyDown, false ); + document.removeEventListener( 'keypress', onDocumentKeyPress, false ); window.removeEventListener( 'hashchange', onWindowHashChange, false ); window.removeEventListener( 'resize', onWindowResize, false ); @@ -1019,6 +1035,44 @@ var Reveal = (function(){ } + /** + * Opens a overlay window for the keyboard shortcuts. + */ + function openShortcutsOverlay() { + + closePreview(); + + dom.preview = document.createElement( 'div' ); + dom.preview.classList.add( 'preview-link-overlay' ); + dom.wrapper.appendChild( dom.preview ); + + var html = '
Keyboard Shortcuts

'; + html += ''; + for( var key in keyboard_shortcuts ) { + html += '' + } + html += '
KEY ACTION
' + key + ' ' + keyboard_shortcuts[key] + '
'; + + dom.preview.innerHTML = [ + '
', + '', + '
', + '
', + '
'+html+'
', + '
' + ].join(''); + + dom.preview.querySelector( '.close' ).addEventListener( 'click', function( event ) { + closePreview(); + event.preventDefault(); + }, false ); + + setTimeout( function() { + dom.preview.classList.add( 'visible' ); + }, 1 ); + + } + /** * Applies JavaScript-controlled layout rules to the * presentation. @@ -2642,6 +2696,17 @@ var Reveal = (function(){ } + /** + * Handler for the document level 'keypress' event. + */ + + function onDocumentKeyPress( event ) { + // Check if the pressed key is question mark + if( event.shiftKey && event.charCode == 63 ) { + openShortcutsOverlay(); + } + } + /** * Handler for the document level 'keydown' event. */ From ab7efe6bf2da9b31b31a3af859e9f7f413fd2d0d Mon Sep 17 00:00:00 2001 From: navateja Date: Mon, 9 Jun 2014 14:35:59 +0530 Subject: [PATCH 3/3] creates a new branch for the feature --- js/reveal.js | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/js/reveal.js b/js/reveal.js index 27fcb493..e668d484 100644 --- a/js/reveal.js +++ b/js/reveal.js @@ -181,16 +181,16 @@ var Reveal = (function(){ // Holds information about the keyboard shortcuts keyboard_shortcuts = { - 'p': "Previous slide", - 'n': "Next slide", - 'h': "Navigate left", - 'l': "Navigate right", - 'k': "Navigate up", - 'j': "Navigate down", - 'Home': "First slide", - 'End': "Last slide", - 'b': "Pause", - 'f': "Fullscreen" + 'p': 'Previous slide', + 'n': 'Next slide', + 'h': 'Navigate left', + 'l': 'Navigate right', + 'k': 'Navigate up', + 'j': 'Navigate down', + 'Home': 'First slide', + 'End': 'Last slide', + 'b': 'Pause', + 'f': 'Fullscreen' }; /**