From 1943fe080370d47556cfdc96f62c83a446f7e84d Mon Sep 17 00:00:00 2001
From: Shivam Rathore <shivam.rathore010@gmail.com>
Date: Mon, 24 Jun 2019 00:41:52 +0530
Subject: [PATCH] arrow keys navigation added | fixes mmcgrana/gobyexample#222

---
 .gitignore                             |  2 ++
 public/arrays                          | 14 ++++++++++++++
 public/atomic-counters                 | 14 ++++++++++++++
 public/base64-encoding                 | 14 ++++++++++++++
 public/channel-buffering               | 14 ++++++++++++++
 public/channel-directions              | 14 ++++++++++++++
 public/channel-synchronization         | 14 ++++++++++++++
 public/channels                        | 14 ++++++++++++++
 public/closing-channels                | 14 ++++++++++++++
 public/closures                        | 14 ++++++++++++++
 public/collection-functions            | 14 ++++++++++++++
 public/command-line-arguments          | 14 ++++++++++++++
 public/command-line-flags              | 14 ++++++++++++++
 public/command-line-subcommands        | 14 ++++++++++++++
 public/constants                       | 14 ++++++++++++++
 public/defer                           | 14 ++++++++++++++
 public/environment-variables           | 14 ++++++++++++++
 public/epoch                           | 14 ++++++++++++++
 public/errors                          | 14 ++++++++++++++
 public/execing-processes               | 14 ++++++++++++++
 public/exit                            | 10 ++++++++++
 public/file-paths                      | 14 ++++++++++++++
 public/for                             | 14 ++++++++++++++
 public/functions                       | 14 ++++++++++++++
 public/goroutines                      | 14 ++++++++++++++
 public/hello-world                     | 10 ++++++++++
 public/http-clients                    | 14 ++++++++++++++
 public/http-servers                    | 14 ++++++++++++++
 public/if-else                         | 14 ++++++++++++++
 public/interfaces                      | 14 ++++++++++++++
 public/json                            | 14 ++++++++++++++
 public/line-filters                    | 14 ++++++++++++++
 public/maps                            | 14 ++++++++++++++
 public/methods                         | 14 ++++++++++++++
 public/multiple-return-values          | 14 ++++++++++++++
 public/mutexes                         | 14 ++++++++++++++
 public/non-blocking-channel-operations | 14 ++++++++++++++
 public/number-parsing                  | 14 ++++++++++++++
 public/panic                           | 14 ++++++++++++++
 public/pointers                        | 14 ++++++++++++++
 public/random-numbers                  | 14 ++++++++++++++
 public/range                           | 14 ++++++++++++++
 public/range-over-channels             | 14 ++++++++++++++
 public/rate-limiting                   | 14 ++++++++++++++
 public/reading-files                   | 14 ++++++++++++++
 public/recursion                       | 14 ++++++++++++++
 public/regular-expressions             | 14 ++++++++++++++
 public/select                          | 14 ++++++++++++++
 public/sha1-hashes                     | 14 ++++++++++++++
 public/signals                         | 14 ++++++++++++++
 public/slices                          | 14 ++++++++++++++
 public/sorting                         | 14 ++++++++++++++
 public/sorting-by-functions            | 14 ++++++++++++++
 public/spawning-processes              | 14 ++++++++++++++
 public/stateful-goroutines             | 14 ++++++++++++++
 public/string-formatting               | 14 ++++++++++++++
 public/string-functions                | 14 ++++++++++++++
 public/structs                         | 14 ++++++++++++++
 public/switch                          | 14 ++++++++++++++
 public/tickers                         | 14 ++++++++++++++
 public/time                            | 14 ++++++++++++++
 public/time-formatting-parsing         | 14 ++++++++++++++
 public/timeouts                        | 14 ++++++++++++++
 public/timers                          | 14 ++++++++++++++
 public/url-parsing                     | 14 ++++++++++++++
 public/values                          | 14 ++++++++++++++
 public/variables                       | 14 ++++++++++++++
 public/variadic-functions              | 14 ++++++++++++++
 public/waitgroups                      | 14 ++++++++++++++
 public/worker-pools                    | 14 ++++++++++++++
 public/writing-files                   | 14 ++++++++++++++
 templates/example.tmpl                 | 14 ++++++++++++++
 tools/generate.go                      |  4 ++++
 73 files changed, 992 insertions(+)

diff --git a/.gitignore b/.gitignore
index 0d20b64..acb800c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,3 @@
 *.pyc
+.idea
+.vscode
diff --git a/public/arrays b/public/arrays
index 9f12e9d..b9f36ce 100644
--- a/public/arrays
+++ b/public/arrays
@@ -5,6 +5,20 @@
     <title>Go by Example: Arrays</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'switch';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'slices';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="arrays">
       <h2><a href="./">Go by Example</a>: Arrays</h2>
diff --git a/public/atomic-counters b/public/atomic-counters
index 9ba1895..c4df533 100644
--- a/public/atomic-counters
+++ b/public/atomic-counters
@@ -5,6 +5,20 @@
     <title>Go by Example: Atomic Counters</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'rate-limiting';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'mutexes';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="atomic-counters">
       <h2><a href="./">Go by Example</a>: Atomic Counters</h2>
diff --git a/public/base64-encoding b/public/base64-encoding
index 2c1da0d..fdbaaed 100644
--- a/public/base64-encoding
+++ b/public/base64-encoding
@@ -5,6 +5,20 @@
     <title>Go by Example: Base64 Encoding</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'sha1-hashes';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'reading-files';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="base64-encoding">
       <h2><a href="./">Go by Example</a>: Base64 Encoding</h2>
diff --git a/public/channel-buffering b/public/channel-buffering
index 2734939..a11749b 100644
--- a/public/channel-buffering
+++ b/public/channel-buffering
@@ -5,6 +5,20 @@
     <title>Go by Example: Channel Buffering</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'channels';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'channel-synchronization';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="channel-buffering">
       <h2><a href="./">Go by Example</a>: Channel Buffering</h2>
diff --git a/public/channel-directions b/public/channel-directions
index 02c7c0a..2c95a14 100644
--- a/public/channel-directions
+++ b/public/channel-directions
@@ -5,6 +5,20 @@
     <title>Go by Example: Channel Directions</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'channel-synchronization';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'select';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="channel-directions">
       <h2><a href="./">Go by Example</a>: Channel Directions</h2>
diff --git a/public/channel-synchronization b/public/channel-synchronization
index 00076f9..595487d 100644
--- a/public/channel-synchronization
+++ b/public/channel-synchronization
@@ -5,6 +5,20 @@
     <title>Go by Example: Channel Synchronization</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'channel-buffering';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'channel-directions';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="channel-synchronization">
       <h2><a href="./">Go by Example</a>: Channel Synchronization</h2>
diff --git a/public/channels b/public/channels
index 94b14d7..25995b6 100644
--- a/public/channels
+++ b/public/channels
@@ -5,6 +5,20 @@
     <title>Go by Example: Channels</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'goroutines';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'channel-buffering';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="channels">
       <h2><a href="./">Go by Example</a>: Channels</h2>
diff --git a/public/closing-channels b/public/closing-channels
index d873cd8..ff67861 100644
--- a/public/closing-channels
+++ b/public/closing-channels
@@ -5,6 +5,20 @@
     <title>Go by Example: Closing Channels</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'non-blocking-channel-operations';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'range-over-channels';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="closing-channels">
       <h2><a href="./">Go by Example</a>: Closing Channels</h2>
diff --git a/public/closures b/public/closures
index d85af28..0bb3852 100644
--- a/public/closures
+++ b/public/closures
@@ -5,6 +5,20 @@
     <title>Go by Example: Closures</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'variadic-functions';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'recursion';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="closures">
       <h2><a href="./">Go by Example</a>: Closures</h2>
diff --git a/public/collection-functions b/public/collection-functions
index 07e970b..fce4ddd 100644
--- a/public/collection-functions
+++ b/public/collection-functions
@@ -5,6 +5,20 @@
     <title>Go by Example: Collection Functions</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'defer';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'string-functions';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="collection-functions">
       <h2><a href="./">Go by Example</a>: Collection Functions</h2>
diff --git a/public/command-line-arguments b/public/command-line-arguments
index b649bd2..a585d22 100644
--- a/public/command-line-arguments
+++ b/public/command-line-arguments
@@ -5,6 +5,20 @@
     <title>Go by Example: Command-Line Arguments</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'file-paths';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'command-line-flags';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="command-line-arguments">
       <h2><a href="./">Go by Example</a>: Command-Line Arguments</h2>
diff --git a/public/command-line-flags b/public/command-line-flags
index 43ec18f..32c7abe 100644
--- a/public/command-line-flags
+++ b/public/command-line-flags
@@ -5,6 +5,20 @@
     <title>Go by Example: Command-Line Flags</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'command-line-arguments';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'command-line-subcommands';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="command-line-flags">
       <h2><a href="./">Go by Example</a>: Command-Line Flags</h2>
diff --git a/public/command-line-subcommands b/public/command-line-subcommands
index 39b385b..333e048 100644
--- a/public/command-line-subcommands
+++ b/public/command-line-subcommands
@@ -5,6 +5,20 @@
     <title>Go by Example: Command-Line Subcommands</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'command-line-flags';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'environment-variables';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="command-line-subcommands">
       <h2><a href="./">Go by Example</a>: Command-Line Subcommands</h2>
diff --git a/public/constants b/public/constants
index c564424..0609217 100644
--- a/public/constants
+++ b/public/constants
@@ -5,6 +5,20 @@
     <title>Go by Example: Constants</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'variables';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'for';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="constants">
       <h2><a href="./">Go by Example</a>: Constants</h2>
diff --git a/public/defer b/public/defer
index 445d689..42299e5 100644
--- a/public/defer
+++ b/public/defer
@@ -5,6 +5,20 @@
     <title>Go by Example: Defer</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'panic';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'collection-functions';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="defer">
       <h2><a href="./">Go by Example</a>: Defer</h2>
diff --git a/public/environment-variables b/public/environment-variables
index 3d2e54c..56a1cc3 100644
--- a/public/environment-variables
+++ b/public/environment-variables
@@ -5,6 +5,20 @@
     <title>Go by Example: Environment Variables</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'command-line-subcommands';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'http-clients';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="environment-variables">
       <h2><a href="./">Go by Example</a>: Environment Variables</h2>
diff --git a/public/epoch b/public/epoch
index 46d62e7..60ecde3 100644
--- a/public/epoch
+++ b/public/epoch
@@ -5,6 +5,20 @@
     <title>Go by Example: Epoch</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'time';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'time-formatting-parsing';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="epoch">
       <h2><a href="./">Go by Example</a>: Epoch</h2>
diff --git a/public/errors b/public/errors
index 489f119..a473c1b 100644
--- a/public/errors
+++ b/public/errors
@@ -5,6 +5,20 @@
     <title>Go by Example: Errors</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'interfaces';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'goroutines';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="errors">
       <h2><a href="./">Go by Example</a>: Errors</h2>
diff --git a/public/execing-processes b/public/execing-processes
index 85b155d..2d26b21 100644
--- a/public/execing-processes
+++ b/public/execing-processes
@@ -5,6 +5,20 @@
     <title>Go by Example: Exec'ing Processes</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'spawning-processes';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'signals';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="execing-processes">
       <h2><a href="./">Go by Example</a>: Exec'ing Processes</h2>
diff --git a/public/exit b/public/exit
index 4c6975d..7b32b81 100644
--- a/public/exit
+++ b/public/exit
@@ -5,6 +5,16 @@
     <title>Go by Example: Exit</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'signals';
+          }
+          
+          
+      }
+  </script>
   <body>
     <div class="example" id="exit">
       <h2><a href="./">Go by Example</a>: Exit</h2>
diff --git a/public/file-paths b/public/file-paths
index f7b24a1..9dae4c6 100644
--- a/public/file-paths
+++ b/public/file-paths
@@ -5,6 +5,20 @@
     <title>Go by Example: File Paths</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'line-filters';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'command-line-arguments';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="file-paths">
       <h2><a href="./">Go by Example</a>: File Paths</h2>
diff --git a/public/for b/public/for
index 314f139..47f39c9 100644
--- a/public/for
+++ b/public/for
@@ -5,6 +5,20 @@
     <title>Go by Example: For</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'constants';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'if-else';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="for">
       <h2><a href="./">Go by Example</a>: For</h2>
diff --git a/public/functions b/public/functions
index 7c89d83..8eeca6c 100644
--- a/public/functions
+++ b/public/functions
@@ -5,6 +5,20 @@
     <title>Go by Example: Functions</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'range';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'multiple-return-values';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="functions">
       <h2><a href="./">Go by Example</a>: Functions</h2>
diff --git a/public/goroutines b/public/goroutines
index 40ba434..06f5e9b 100644
--- a/public/goroutines
+++ b/public/goroutines
@@ -5,6 +5,20 @@
     <title>Go by Example: Goroutines</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'errors';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'channels';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="goroutines">
       <h2><a href="./">Go by Example</a>: Goroutines</h2>
diff --git a/public/hello-world b/public/hello-world
index d8b1872..f33d703 100644
--- a/public/hello-world
+++ b/public/hello-world
@@ -5,6 +5,16 @@
     <title>Go by Example: Hello World</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'values';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="hello-world">
       <h2><a href="./">Go by Example</a>: Hello World</h2>
diff --git a/public/http-clients b/public/http-clients
index 5d5bf04..d1a9f50 100644
--- a/public/http-clients
+++ b/public/http-clients
@@ -5,6 +5,20 @@
     <title>Go by Example: HTTP Clients</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'environment-variables';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'http-servers';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="http-clients">
       <h2><a href="./">Go by Example</a>: HTTP Clients</h2>
diff --git a/public/http-servers b/public/http-servers
index 2dedf1a..68431cf 100644
--- a/public/http-servers
+++ b/public/http-servers
@@ -5,6 +5,20 @@
     <title>Go by Example: HTTP Servers</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'http-clients';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'spawning-processes';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="http-servers">
       <h2><a href="./">Go by Example</a>: HTTP Servers</h2>
diff --git a/public/if-else b/public/if-else
index 2ed0680..dcc5aec 100644
--- a/public/if-else
+++ b/public/if-else
@@ -5,6 +5,20 @@
     <title>Go by Example: If/Else</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'for';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'switch';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="if-else">
       <h2><a href="./">Go by Example</a>: If/Else</h2>
diff --git a/public/interfaces b/public/interfaces
index 277c8f8..909465b 100644
--- a/public/interfaces
+++ b/public/interfaces
@@ -5,6 +5,20 @@
     <title>Go by Example: Interfaces</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'methods';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'errors';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="interfaces">
       <h2><a href="./">Go by Example</a>: Interfaces</h2>
diff --git a/public/json b/public/json
index 54979d2..f6a4146 100644
--- a/public/json
+++ b/public/json
@@ -5,6 +5,20 @@
     <title>Go by Example: JSON</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'regular-expressions';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'time';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="json">
       <h2><a href="./">Go by Example</a>: JSON</h2>
diff --git a/public/line-filters b/public/line-filters
index d264214..d673b55 100644
--- a/public/line-filters
+++ b/public/line-filters
@@ -5,6 +5,20 @@
     <title>Go by Example: Line Filters</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'writing-files';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'file-paths';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="line-filters">
       <h2><a href="./">Go by Example</a>: Line Filters</h2>
diff --git a/public/maps b/public/maps
index bf31208..bfaefce 100644
--- a/public/maps
+++ b/public/maps
@@ -5,6 +5,20 @@
     <title>Go by Example: Maps</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'slices';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'range';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="maps">
       <h2><a href="./">Go by Example</a>: Maps</h2>
diff --git a/public/methods b/public/methods
index c1ae6d0..cf9f7f7 100644
--- a/public/methods
+++ b/public/methods
@@ -5,6 +5,20 @@
     <title>Go by Example: Methods</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'structs';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'interfaces';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="methods">
       <h2><a href="./">Go by Example</a>: Methods</h2>
diff --git a/public/multiple-return-values b/public/multiple-return-values
index 5392875..1bd021d 100644
--- a/public/multiple-return-values
+++ b/public/multiple-return-values
@@ -5,6 +5,20 @@
     <title>Go by Example: Multiple Return Values</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'functions';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'variadic-functions';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="multiple-return-values">
       <h2><a href="./">Go by Example</a>: Multiple Return Values</h2>
diff --git a/public/mutexes b/public/mutexes
index efc2253..f3c8476 100644
--- a/public/mutexes
+++ b/public/mutexes
@@ -5,6 +5,20 @@
     <title>Go by Example: Mutexes</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'atomic-counters';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'stateful-goroutines';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="mutexes">
       <h2><a href="./">Go by Example</a>: Mutexes</h2>
diff --git a/public/non-blocking-channel-operations b/public/non-blocking-channel-operations
index ada60a3..64c17ca 100644
--- a/public/non-blocking-channel-operations
+++ b/public/non-blocking-channel-operations
@@ -5,6 +5,20 @@
     <title>Go by Example: Non-Blocking Channel Operations</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'timeouts';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'closing-channels';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="non-blocking-channel-operations">
       <h2><a href="./">Go by Example</a>: Non-Blocking Channel Operations</h2>
diff --git a/public/number-parsing b/public/number-parsing
index 35e768e..e8c4f81 100644
--- a/public/number-parsing
+++ b/public/number-parsing
@@ -5,6 +5,20 @@
     <title>Go by Example: Number Parsing</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'random-numbers';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'url-parsing';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="number-parsing">
       <h2><a href="./">Go by Example</a>: Number Parsing</h2>
diff --git a/public/panic b/public/panic
index 59198af..4b08f98 100644
--- a/public/panic
+++ b/public/panic
@@ -5,6 +5,20 @@
     <title>Go by Example: Panic</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'sorting-by-functions';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'defer';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="panic">
       <h2><a href="./">Go by Example</a>: Panic</h2>
diff --git a/public/pointers b/public/pointers
index 16687f5..2caca80 100644
--- a/public/pointers
+++ b/public/pointers
@@ -5,6 +5,20 @@
     <title>Go by Example: Pointers</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'recursion';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'structs';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="pointers">
       <h2><a href="./">Go by Example</a>: Pointers</h2>
diff --git a/public/random-numbers b/public/random-numbers
index 5de950f..29f47e9 100644
--- a/public/random-numbers
+++ b/public/random-numbers
@@ -5,6 +5,20 @@
     <title>Go by Example: Random Numbers</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'time-formatting-parsing';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'number-parsing';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="random-numbers">
       <h2><a href="./">Go by Example</a>: Random Numbers</h2>
diff --git a/public/range b/public/range
index e9aa99e..688bbdb 100644
--- a/public/range
+++ b/public/range
@@ -5,6 +5,20 @@
     <title>Go by Example: Range</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'maps';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'functions';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="range">
       <h2><a href="./">Go by Example</a>: Range</h2>
diff --git a/public/range-over-channels b/public/range-over-channels
index a3ba422..5b6e160 100644
--- a/public/range-over-channels
+++ b/public/range-over-channels
@@ -5,6 +5,20 @@
     <title>Go by Example: Range over Channels</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'closing-channels';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'timers';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="range-over-channels">
       <h2><a href="./">Go by Example</a>: Range over Channels</h2>
diff --git a/public/rate-limiting b/public/rate-limiting
index 07dc185..30b739f 100644
--- a/public/rate-limiting
+++ b/public/rate-limiting
@@ -5,6 +5,20 @@
     <title>Go by Example: Rate Limiting</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'waitgroups';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'atomic-counters';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="rate-limiting">
       <h2><a href="./">Go by Example</a>: Rate Limiting</h2>
diff --git a/public/reading-files b/public/reading-files
index d51206c..af5009b 100644
--- a/public/reading-files
+++ b/public/reading-files
@@ -5,6 +5,20 @@
     <title>Go by Example: Reading Files</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'base64-encoding';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'writing-files';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="reading-files">
       <h2><a href="./">Go by Example</a>: Reading Files</h2>
diff --git a/public/recursion b/public/recursion
index bedbf2f..db074e2 100644
--- a/public/recursion
+++ b/public/recursion
@@ -5,6 +5,20 @@
     <title>Go by Example: Recursion</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'closures';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'pointers';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="recursion">
       <h2><a href="./">Go by Example</a>: Recursion</h2>
diff --git a/public/regular-expressions b/public/regular-expressions
index 8db2fbd..237af8e 100644
--- a/public/regular-expressions
+++ b/public/regular-expressions
@@ -5,6 +5,20 @@
     <title>Go by Example: Regular Expressions</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'string-formatting';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'json';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="regular-expressions">
       <h2><a href="./">Go by Example</a>: Regular Expressions</h2>
diff --git a/public/select b/public/select
index d6733a1..af53205 100644
--- a/public/select
+++ b/public/select
@@ -5,6 +5,20 @@
     <title>Go by Example: Select</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'channel-directions';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'timeouts';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="select">
       <h2><a href="./">Go by Example</a>: Select</h2>
diff --git a/public/sha1-hashes b/public/sha1-hashes
index c28cf1d..f3e4155 100644
--- a/public/sha1-hashes
+++ b/public/sha1-hashes
@@ -5,6 +5,20 @@
     <title>Go by Example: SHA1 Hashes</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'url-parsing';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'base64-encoding';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="sha1-hashes">
       <h2><a href="./">Go by Example</a>: SHA1 Hashes</h2>
diff --git a/public/signals b/public/signals
index 50f0ec1..9a1d9f5 100644
--- a/public/signals
+++ b/public/signals
@@ -5,6 +5,20 @@
     <title>Go by Example: Signals</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'execing-processes';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'exit';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="signals">
       <h2><a href="./">Go by Example</a>: Signals</h2>
diff --git a/public/slices b/public/slices
index fba69c9..4e30c3f 100644
--- a/public/slices
+++ b/public/slices
@@ -5,6 +5,20 @@
     <title>Go by Example: Slices</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'arrays';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'maps';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="slices">
       <h2><a href="./">Go by Example</a>: Slices</h2>
diff --git a/public/sorting b/public/sorting
index 73f22b1..219bc63 100644
--- a/public/sorting
+++ b/public/sorting
@@ -5,6 +5,20 @@
     <title>Go by Example: Sorting</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'stateful-goroutines';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'sorting-by-functions';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="sorting">
       <h2><a href="./">Go by Example</a>: Sorting</h2>
diff --git a/public/sorting-by-functions b/public/sorting-by-functions
index 92c0f41..a2efcc8 100644
--- a/public/sorting-by-functions
+++ b/public/sorting-by-functions
@@ -5,6 +5,20 @@
     <title>Go by Example: Sorting by Functions</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'sorting';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'panic';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="sorting-by-functions">
       <h2><a href="./">Go by Example</a>: Sorting by Functions</h2>
diff --git a/public/spawning-processes b/public/spawning-processes
index c6ba21e..d8396b9 100644
--- a/public/spawning-processes
+++ b/public/spawning-processes
@@ -5,6 +5,20 @@
     <title>Go by Example: Spawning Processes</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'http-servers';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'execing-processes';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="spawning-processes">
       <h2><a href="./">Go by Example</a>: Spawning Processes</h2>
diff --git a/public/stateful-goroutines b/public/stateful-goroutines
index a14245a..da6329c 100644
--- a/public/stateful-goroutines
+++ b/public/stateful-goroutines
@@ -5,6 +5,20 @@
     <title>Go by Example: Stateful Goroutines</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'mutexes';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'sorting';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="stateful-goroutines">
       <h2><a href="./">Go by Example</a>: Stateful Goroutines</h2>
diff --git a/public/string-formatting b/public/string-formatting
index c3118b0..c0652e6 100644
--- a/public/string-formatting
+++ b/public/string-formatting
@@ -5,6 +5,20 @@
     <title>Go by Example: String Formatting</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'string-functions';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'regular-expressions';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="string-formatting">
       <h2><a href="./">Go by Example</a>: String Formatting</h2>
diff --git a/public/string-functions b/public/string-functions
index 73b6019..4882c60 100644
--- a/public/string-functions
+++ b/public/string-functions
@@ -5,6 +5,20 @@
     <title>Go by Example: String Functions</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'collection-functions';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'string-formatting';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="string-functions">
       <h2><a href="./">Go by Example</a>: String Functions</h2>
diff --git a/public/structs b/public/structs
index 31c03d0..ac4a3cb 100644
--- a/public/structs
+++ b/public/structs
@@ -5,6 +5,20 @@
     <title>Go by Example: Structs</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'pointers';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'methods';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="structs">
       <h2><a href="./">Go by Example</a>: Structs</h2>
diff --git a/public/switch b/public/switch
index c739ea3..fae75e8 100644
--- a/public/switch
+++ b/public/switch
@@ -5,6 +5,20 @@
     <title>Go by Example: Switch</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'if-else';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'arrays';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="switch">
       <h2><a href="./">Go by Example</a>: Switch</h2>
diff --git a/public/tickers b/public/tickers
index 64f1044..286dfff 100644
--- a/public/tickers
+++ b/public/tickers
@@ -5,6 +5,20 @@
     <title>Go by Example: Tickers</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'timers';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'worker-pools';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="tickers">
       <h2><a href="./">Go by Example</a>: Tickers</h2>
diff --git a/public/time b/public/time
index 443f568..90fbf1f 100644
--- a/public/time
+++ b/public/time
@@ -5,6 +5,20 @@
     <title>Go by Example: Time</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'json';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'epoch';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="time">
       <h2><a href="./">Go by Example</a>: Time</h2>
diff --git a/public/time-formatting-parsing b/public/time-formatting-parsing
index f16fbc9..602c729 100644
--- a/public/time-formatting-parsing
+++ b/public/time-formatting-parsing
@@ -5,6 +5,20 @@
     <title>Go by Example: Time Formatting / Parsing</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'epoch';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'random-numbers';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="time-formatting-parsing">
       <h2><a href="./">Go by Example</a>: Time Formatting / Parsing</h2>
diff --git a/public/timeouts b/public/timeouts
index 449446a..35315f4 100644
--- a/public/timeouts
+++ b/public/timeouts
@@ -5,6 +5,20 @@
     <title>Go by Example: Timeouts</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'select';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'non-blocking-channel-operations';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="timeouts">
       <h2><a href="./">Go by Example</a>: Timeouts</h2>
diff --git a/public/timers b/public/timers
index 7004b5f..3ba794e 100644
--- a/public/timers
+++ b/public/timers
@@ -5,6 +5,20 @@
     <title>Go by Example: Timers</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'range-over-channels';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'tickers';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="timers">
       <h2><a href="./">Go by Example</a>: Timers</h2>
diff --git a/public/url-parsing b/public/url-parsing
index 8b17377..71874e9 100644
--- a/public/url-parsing
+++ b/public/url-parsing
@@ -5,6 +5,20 @@
     <title>Go by Example: URL Parsing</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'number-parsing';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'sha1-hashes';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="url-parsing">
       <h2><a href="./">Go by Example</a>: URL Parsing</h2>
diff --git a/public/values b/public/values
index 38966a3..648aed8 100644
--- a/public/values
+++ b/public/values
@@ -5,6 +5,20 @@
     <title>Go by Example: Values</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'hello-world';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'variables';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="values">
       <h2><a href="./">Go by Example</a>: Values</h2>
diff --git a/public/variables b/public/variables
index 9c1156a..0779d1c 100644
--- a/public/variables
+++ b/public/variables
@@ -5,6 +5,20 @@
     <title>Go by Example: Variables</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'values';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'constants';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="variables">
       <h2><a href="./">Go by Example</a>: Variables</h2>
diff --git a/public/variadic-functions b/public/variadic-functions
index 75ce887..f0355c4 100644
--- a/public/variadic-functions
+++ b/public/variadic-functions
@@ -5,6 +5,20 @@
     <title>Go by Example: Variadic Functions</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'multiple-return-values';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'closures';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="variadic-functions">
       <h2><a href="./">Go by Example</a>: Variadic Functions</h2>
diff --git a/public/waitgroups b/public/waitgroups
index 45792a8..5962f99 100644
--- a/public/waitgroups
+++ b/public/waitgroups
@@ -5,6 +5,20 @@
     <title>Go by Example: WaitGroups</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'worker-pools';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'rate-limiting';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="waitgroups">
       <h2><a href="./">Go by Example</a>: WaitGroups</h2>
diff --git a/public/worker-pools b/public/worker-pools
index e1170bf..ddabd53 100644
--- a/public/worker-pools
+++ b/public/worker-pools
@@ -5,6 +5,20 @@
     <title>Go by Example: Worker Pools</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'tickers';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'waitgroups';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="worker-pools">
       <h2><a href="./">Go by Example</a>: Worker Pools</h2>
diff --git a/public/writing-files b/public/writing-files
index ca974bd..f4dd30d 100644
--- a/public/writing-files
+++ b/public/writing-files
@@ -5,6 +5,20 @@
     <title>Go by Example: Writing Files</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          
+          if (e.key == "ArrowLeft") {
+              window.location.href = 'reading-files';
+          }
+          
+          
+          if (e.key == "ArrowRight") {
+              window.location.href = 'line-filters';
+          }
+          
+      }
+  </script>
   <body>
     <div class="example" id="writing-files">
       <h2><a href="./">Go by Example</a>: Writing Files</h2>
diff --git a/templates/example.tmpl b/templates/example.tmpl
index c9cfb7d..8d6f1aa 100644
--- a/templates/example.tmpl
+++ b/templates/example.tmpl
@@ -5,6 +5,20 @@
     <title>Go by Example: {{.Name}}</title>
     <link rel=stylesheet href="site.css">
   </head>
+  <script>
+      onkeydown = (e) => {
+          {{if .PrevExample}}
+          if (e.key == "ArrowLeft") {
+              window.location.href = '{{.PrevExample.ID}}';
+          }
+          {{end}}
+          {{if .NextExample}}
+          if (e.key == "ArrowRight") {
+              window.location.href = '{{.NextExample.ID}}';
+          }
+          {{end}}
+      }
+  </script>
   <body>
     <div class="example" id="{{.ID}}">
       <h2><a href="./">Go by Example</a>: {{.Name}}</h2>
diff --git a/tools/generate.go b/tools/generate.go
index a332128..33acb60 100644
--- a/tools/generate.go
+++ b/tools/generate.go
@@ -138,6 +138,7 @@ type Example struct {
 	ID, Name                    string
 	GoCode, GoCodeHash, URLHash string
 	Segs                        [][]*Seg
+	PrevExample                 *Example
 	NextExample                 *Example
 }
 
@@ -270,6 +271,9 @@ func parseExamples() []*Example {
 		examples = append(examples, &example)
 	}
 	for i, example := range examples {
+		if i > 0 {
+			example.PrevExample = examples[i-1]
+		}
 		if i < (len(examples) - 1) {
 			example.NextExample = examples[i+1]
 		}