From 02acf270c5c6724acde34a942edb323c85e2843d Mon Sep 17 00:00:00 2001 From: Syndamia Date: Sun, 9 Jul 2023 08:19:05 +0300 Subject: [keyboard.js] Removed hjkl header navigation --- src/scripts/keyboard.js | 24 ------------------------ 1 file changed, 24 deletions(-) (limited to 'src/scripts/keyboard.js') diff --git a/src/scripts/keyboard.js b/src/scripts/keyboard.js index f618e45..b5d2312 100644 --- a/src/scripts/keyboard.js +++ b/src/scripts/keyboard.js @@ -1,31 +1,7 @@ -const headings = document.querySelectorAll('h1, h2, h3, h4, h5, h6'); -var currentHeading = 0; - document.addEventListener('keydown', function (e) { if (e.ctrlKey) return; switch (e.code) { - case 'KeyG': - currentHeading = (e.shiftKey) ? headings.length - 1 : 0; - headings[currentHeading].scrollIntoView(); - break; - - case 'KeyJ': case 'KeyL': - if (typeof presenting != 'undefined' && presenting) showSlide(+1); - else { - currentHeading = (headings.length + currentHeading + 1) % headings.length; - headings[currentHeading].scrollIntoView(); - } - break; - - case 'KeyK': case 'KeyH': - if (typeof presenting != 'undefined' && presenting) showSlide(-1); - else { - currentHeading = (headings.length + currentHeading - 1) % headings.length; - headings[currentHeading].scrollIntoView(); - } - break; - /* theme-changer.js */ case 'KeyC': -- cgit v1.3.1-23-gd82d From 3485f567c5a6a5155db1ed3065c40c47c968a511 Mon Sep 17 00:00:00 2001 From: Syndamia Date: Mon, 10 Jul 2023 16:49:38 +0300 Subject: (keyboard) Added J and K slide navigation --- src/_footer.html | 2 +- src/scripts/keyboard.js | 5 ++--- 2 files changed, 3 insertions(+), 4 deletions(-) (limited to 'src/scripts/keyboard.js') diff --git a/src/_footer.html b/src/_footer.html index 3af5205..dcc0437 100644 --- a/src/_footer.html +++ b/src/_footer.html @@ -6,6 +6,6 @@ - + diff --git a/src/scripts/keyboard.js b/src/scripts/keyboard.js index b5d2312..2609cfe 100644 --- a/src/scripts/keyboard.js +++ b/src/scripts/keyboard.js @@ -11,13 +11,12 @@ document.addEventListener('keydown', function (e) { /* presentation.js */ // Previous slide - case 'Backspace': case 'PageUp': + case 'KeyK': case 'Backspace': case 'PageUp': case 'ArrowLeft': case 'ArrowUp': showSlide(-1); break; // Next slide - case 'Space': case 'Enter': case 'PageDown': - + case 'KeyJ': case 'Space': case 'Enter': case 'PageDown': case 'ArrowRight': case 'ArrowDown': showSlide(+1); break; -- cgit v1.3.1-23-gd82d From 0635b41dd22b5978475b95fffba94fe2a19d82fc Mon Sep 17 00:00:00 2001 From: Syndamia Date: Tue, 11 Jul 2023 12:48:59 +0300 Subject: (presentation) Moved present and article mode functions outside of their event listeners and updated keyboard to use the functions Button clicking isn't very well supported for older browsers --- src/scripts/keyboard.js | 4 ++-- src/scripts/presentation.js | 9 +++++++-- 2 files changed, 9 insertions(+), 4 deletions(-) (limited to 'src/scripts/keyboard.js') diff --git a/src/scripts/keyboard.js b/src/scripts/keyboard.js index 2609cfe..bacbea1 100644 --- a/src/scripts/keyboard.js +++ b/src/scripts/keyboard.js @@ -22,11 +22,11 @@ document.addEventListener('keydown', function (e) { break; // Start (toggle) presenting case 'KeyP': case 'KeyT': - presentBtn.click(); + togglePresentMode(); break; // Exit presentation case 'Escape': - if (presenting) presentBtn.click(); + if (presenting) togglePresentMode(); break; // Go to first slide case 'Home': diff --git a/src/scripts/presentation.js b/src/scripts/presentation.js index 1a9b42c..98849a2 100644 --- a/src/scripts/presentation.js +++ b/src/scripts/presentation.js @@ -57,7 +57,7 @@ const articleBtn = document.getElementById('articleBtn'); var pageY = 0; var pageX = 0; -presentBtn.addEventListener('click', function() { +function togglePresentMode() { // Hide the whole page document.body.classList.toggle('invisible'); document.body.classList.toggle('no-overflow'); @@ -88,6 +88,8 @@ presentBtn.addEventListener('click', function() { presenting = !presenting; fixAbsoluteSlideScale(); }); +} +presentBtn.addEventListener('click', togglePresentMode); function fixAbsoluteSlideScale() { var height = (presenting) ? window.innerHeight : articleElem.offsetHeight; @@ -106,9 +108,12 @@ window.addEventListener('load', fixAbsoluteSlideScale); /* Show as article button */ -articleBtn.addEventListener('click', function() { +function toggleArticleMode() { printBtn.classList.toggle('nodisplay'); presentBtn.classList.toggle('nodisplay'); // Toggle presentation.css document.styleSheets.item(3).disabled = !document.styleSheets.item(3).disabled; +} +articleBtn.addEventListener('click', toggleArticleMode); +window.addEventListener('load', function() { }); -- cgit v1.3.1-23-gd82d