Use opt+f to go fullscreen

docs/presenting.md

@@ -6,6 +6,7 @@
 3. Move the new tab to its own window in the screen or projector that the audience sees
 4. Control the presentation from the original window
 5. Be sure to hide your mouse cursor so that it's not visible to the audience
+6. You can press `Opt + F` on the new tab to go fullscreen
 
 ## Speaker Notes
 

packages/gatsby-theme/src/hooks/use-keyboard.js

@@ -13,6 +13,7 @@ const keys = {
   space: 32,
   p: 80,
   o: 79,
+  f: 70,
   g: 71,
   esc: 27,
   pageUp: 33,
@@ -63,6 +64,16 @@ export const useKeyboard = () => {
           case keys.g:
             context.setState(toggleMode(modes.grid))
             break
+          case keys.f:
+            const element = e.target
+
+            element.requestFullscreen =
+              element.requestFullscreen ||
+              element.mozRequestFullScreen ||
+              element.webkitRequestFullScreen
+
+            element.requestFullscreen()
+            break
         }
       } else {
         switch (e.keyCode) {