From 005153e9cb7b4f7259454dbc3a54cd2b312a0193 Mon Sep 17 00:00:00 2001
From: David Russell <david@gitpitch.com>
Date: Mon, 1 May 2017 18:32:22 +0700
Subject: [PATCH] Exposed main keyboard shortcuts as links for improved
 accessibility.

---
 app/com/gitpitch/views/Landing.scala.html     | 28 +++++++++++++++++++
 .../views/frags/LandingStyle.scala.html       |  4 +++
 .../views/frags/SlideshowReveal.scala.html    | 12 ++++++++
 3 files changed, 44 insertions(+)

diff --git a/app/com/gitpitch/views/Landing.scala.html b/app/com/gitpitch/views/Landing.scala.html
index dcaa4b9..0924052 100755
--- a/app/com/gitpitch/views/Landing.scala.html
+++ b/app/com/gitpitch/views/Landing.scala.html
@@ -72,6 +72,13 @@
         @LandingSocialFeatures(rndr)
     }
 
+    <div style="position: fixed; bottom: 52px; left: 20px; z-index: 999">
+        <span class="shortcut" style="font-size:0.8em"><a href="#" onclick="enterFullscreen()">Fullscreen</a></span>
+        <span style="color:black; font-size:0.8em"> - </span>
+        <span class="shortcut" style="font-size:0.8em"><a href="#" onclick="enterOverview()">Overview</a></span>
+        <span style="color:black; font-size:0.8em"> - </span>
+        <span class="shortcut" style="font-size:0.8em"><a href="#" onclick="enterBlackout()">Blackout</a></span>
+    </div>
     <div style="position: fixed; bottom: 52px; right: 20px; z-index: 999">
         <span class="octicon octicon-info" style="font-size:0.8em; color: black"></span>
         <span style="color:black; font-size:0.8em">Press ? for Help</span>
@@ -97,6 +104,27 @@
         }
     };
     window.setInterval(focusOnSlides, 250);
+
+    function enterFullscreen() {
+        var iframes = $("#slideshow");
+        if(iframes.length > 0) {
+            iframes[0].contentWindow.enterFullscreen();
+        }
+    };
+
+    function enterOverview() {
+        var iframes = $("#slideshow");
+        if(iframes.length > 0) {
+            iframes[0].contentWindow.enterOverview();
+        }
+    };
+
+    function enterBlackout() {
+        var iframes = $("#slideshow");
+        if(iframes.length > 0) {
+            iframes[0].contentWindow.enterBlackout();
+        }
+    };
     </script>
 </body>
 </html>
diff --git a/app/com/gitpitch/views/frags/LandingStyle.scala.html b/app/com/gitpitch/views/frags/LandingStyle.scala.html
index ff077df..bc3c4e5 100644
--- a/app/com/gitpitch/views/frags/LandingStyle.scala.html
+++ b/app/com/gitpitch/views/frags/LandingStyle.scala.html
@@ -16,6 +16,10 @@
         .themes > a {
             color: #e49436;
         }
+        .shortcut > a{
+            color: #e49436;
+            font-weight: bold;
+        }
         #slideshow {
             background-image: url('@deps.gitpitchimg(offline)/preloader-75.gif');
             background-repeat: no-repeat;
diff --git a/app/com/gitpitch/views/frags/SlideshowReveal.scala.html b/app/com/gitpitch/views/frags/SlideshowReveal.scala.html
index c2cc618..7f51165 100644
--- a/app/com/gitpitch/views/frags/SlideshowReveal.scala.html
+++ b/app/com/gitpitch/views/frags/SlideshowReveal.scala.html
@@ -62,4 +62,16 @@
             }
         });
 
+        function enterFullscreen() {
+            Reveal.triggerKey(70);
+        };
+
+        function enterOverview() {
+            Reveal.toggleOverview();
+        };
+
+        function enterBlackout() {
+            Reveal.togglePause();
+        };
+
     </script>