From ab703b5bf2b677e1220af0ba37a7400dec899e0f Mon Sep 17 00:00:00 2001
From: Philippe Potvin <ph.potvin@gmail.com>
Date: Wed, 14 Jun 2017 21:03:41 -0400
Subject: [PATCH] Add docs for keys modification (#1937)

* Add keymaps docs to website

* de-beautify
---
 app/config/config-default.js |  7 ++++++-
 website/index.html           | 19 ++++++++++++++++++-
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/app/config/config-default.js b/app/config/config-default.js
index 7221c0df..8b1db9d0 100644
--- a/app/config/config-default.js
+++ b/app/config/config-default.js
@@ -116,5 +116,10 @@ module.exports = {
   // in development, you can create a directory under
   // `~/.hyper_plugins/local/` and include it here
   // to load it and avoid it being `npm install`ed
-  localPlugins: []
+  localPlugins: [],
+
+  keymaps: {
+    // Example
+    // 'window:devtools': 'cmd+alt+o',
+  }
 };
diff --git a/website/index.html b/website/index.html
index 871c07a5..f2b5c255 100644
--- a/website/index.html
+++ b/website/index.html
@@ -677,6 +677,23 @@
         <p>You can also take a look at
           <a href="https://github.com/bnb/awesome-hyper">Awesome Hyper</a>
           for a curated list of plugins and resources.</p>
+          
+          <h2 id="keymaps"><a href="#keymaps">Keymaps</a></h2>
+    
+          <P> All command keys can be changed. In order to change them, edit 
+             <code>~/.hyper.js</code> and add your desired change to <code>keymaps</code>.
+           </p>
+           <p> Then Hyper will change the default with your custom change.</p>
+           <p> Example: <code>'window:devtools': 'Cmd+Alt+O'</code> <p>
+             <pre><code>module.exports = {
+  config: { /*... */ },
+
+  keymaps: {
+    'window:devtools': 'cmd+alt+o'
+  }
+
+};</code></pre>
+  
 
         <h2 id="cfg"><a href="#cfg">Configuration</a></h2>
 
@@ -1637,4 +1654,4 @@ exports.mapTermsState = (state, map) => {
       });
     </script>
   </body>
-</html>
+</html>
\ No newline at end of file