configuration.json

@@ -51,82 +51,82 @@
     ],
     "button11": [
         "a",
-        "0",
+        "4",
         "30"
     ],
     "button12": [
         "s",
-        "10",
+        "14",
         "30"
     ],
     "button13": [
         "d",
-        "20",
+        "24",
         "30"
     ],
     "button14": [
         "f",
-        "30",
+        "34",
         "30"
     ],
     "button15": [
         "g",
-        "40",
+        "44",
         "30"
     ],
     "button16": [
         "h",
-        "50",
+        "54",
         "30"
     ],
     "button17": [
         "j",
-        "60",
+        "64",
         "30"
     ],
     "button18": [
         "k",
-        "70",
+        "74",
         "30"
     ],
     "button19": [
         "l",
-        "80",
+        "84",
         "30"
     ],
     "button20": [
         "z",
-        "0",
+        "9",
         "60"
     ],
     "button21": [
         "x",
-        "10",
+        "19",
         "60"
     ],
     "button22": [
         "c",
-        "20",
+        "29",
         "60"
     ],
     "button23": [
         "v",
-        "30",
+        "39",
         "60"
     ],
     "button24": [
         "b",
-        "40",
+        "49",
         "60"
     ],
     "button25": [
         "n",
-        "50",
+        "59",
         "60"
     ],
     "button26": [
         "m",
-        "60",
+        "69",
         "60"
     ]
 }
\ No newline at end of file

custom_configs/custom0.json

-{
-    "custom-key-0-3": [
-        "http://google.comGoogle\n",
-        "44",
-        "50",
-        {}
-    ],
-    "custom-key-0-2": [
-        "MichiganJosh\n",
-        "0",
-        "29",
-        {}
-    ],
-    "custom-key-0-1": [
-        "Yo",
-        "24",
-        "0",
-        "Zayd"
-    ]
-}
\ No newline at end of file

default_configuration.json

@@ -51,87 +51,82 @@
     ],
     "button11": [
         "a",
-        "0",
+        "4",
         "30"
     ],
     "button12": [
         "s",
-        "10",
+        "14",
         "30"
     ],
     "button13": [
         "d",
-        "20",
+        "24",
         "30"
     ],
     "button14": [
         "f",
-        "30",
+        "34",
         "30"
     ],
     "button15": [
         "g",
-        "40",
+        "44",
         "30"
     ],
     "button16": [
         "h",
-        "50",
+        "54",
         "30"
     ],
     "button17": [
         "j",
-        "60",
+        "64",
         "30"
     ],
     "button18": [
         "k",
-        "70",
+        "74",
         "30"
     ],
     "button19": [
         "l",
-        "80",
+        "84",
         "30"
     ],
     "button20": [
         "z",
-        "0",
+        "9",
         "60"
     ],
     "button21": [
         "x",
-        "10",
+        "19",
         "60"
     ],
     "button22": [
         "c",
-        "20",
+        "29",
         "60"
     ],
     "button23": [
         "v",
-        "30",
+        "39",
         "60"
     ],
     "button24": [
         "b",
-        "40",
+        "49",
         "60"
     ],
     "button25": [
         "n",
-        "50",
+        "59",
         "60"
     ],
     "button26": [
         "m",
-        "60",
-        "60"
-    ],
-    "button0": [
-        " ",
-        "70",
+        "69",
         "60"
     ]
 }
\ No newline at end of file

public/client.html

@@ -19,7 +19,7 @@
         <div class="touchpad" id="leftClick"><span class="glyphicon glyphicon-move"> </div>
         <div class="touchpad" id="scrollWheel"><!--<span class="glyphicon glyphicon-sort">--><span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAQkSURBVGhD7dp/6E9XHMfxL0aI5MdokZBfES1TUxMjRH4mpYQiv7JZyR9DC8XCWCv5MUrKry0hheQfmvVl2UL5tRKmzCKN+VF+judL3Xo7nfv5fM793Pu5n+RVj/LVveeecz/nnns+53xqUkwjDMcqHMV13MMrPMQ/+AWbMBEtUVXpjh9xH6p0qZ7hAAYj13yEXXgJX0VD1OITVDyT8R98lYo8wJ/4AxdwB77jIrohK/EBMk89qI/7KvIE6ipT0B6+tMBobMG/8JXzK3RcZlEj9sC9sO7kNvgq3xfrMe3NX2+nCZZBA4Fb5kV8iNRTB9vhXlBdphd8+RSPER27EL60gT5JW66cQzOkmvlwL3QITeGLGuc+E//D98kodfEtdIw9Zy9Sy8d4CnuBn6Cu5ktn3II9PvIC4xGXr+CeMwNlR11KQ6Mt+DQaw5d2uAF7vEs3ZQjishn2+Lso+3kZB1uoXnqqrC8NoOHWHh9Hz05X+KJyfoc9fg3KyinYAhcjLhq17LHFzEZcPoc9ViNbcyRKT9jC/kZcl1Lq4zJ0rN4peuvb8w9D8y39WxWL+0SiaDCx5xdqeMEshy2o0KcRRRPHSeiBkbDn663dGlOh6U2xDIQ9/xgSxX3IOyIkvoaERAPNTUTn61PWjQqK5jt2yL2KUqKh9wfMgztQqCGavu/GBJSSHbBlfIagdIEtYB+KRXdQDY7OsXfT/VsvPr2fisV9EU9HUAbAFlDK8KeP/TnseYWMQbGMhT3nGwTF7d+lFqBphj0vzkk0RLG4D/xqBMVtSNyEz4261wrYc13HETdHc9Mf9tyNCErShkTRw+775ngQISNP7g1RZsKWoYUHvTRDUhUNURbhCn5DN/1HYKqmIeUm9Ybsx6wcfAdbj7IbUi3eN6TavH9GIu/MqKX3QR5xG/I9gqIVcluAtgryyCjYeixFUHrDFrATeWQObD3mIiia2NlJ31nkkQ2wDSm0HhYbretGBahRma6Qx0SL2bYOiXa5tIoeFSKazVYyWomx10/cKwbBFnQG+uJUqbg3MvhrbhStkP8FW5jWrCoRrcZojzG6rrpV6HLUW/kStiHXELy2lCBatbHX/RllRZV2V9ezHoo1xNrr6ZPR81J23CUZ+RpZRM+luxej+VZq2QpbuPqs1oLTfPj1FtdOsL2ORqpUu7JW4fW9215E1HcLrdCXEg0qmsvZF7Bo604PferRrlG0bWBpm03bY0n2x4dCw7pbpj4ZbaZmllbQ1pt7YdFu1QJ0QqGoDG0taKHOV472UPog82ip093nc2mkOwL9MGAtdLyG1Etwu5B1Am1R0QyD1qx8FQqlXxF9AT0vuUQrh9o71532VbCY21iCxPuDWUS/7tF2XS0ewVdxvdzOYx1GIG6vvqqivq7NnH5QIzsgo1/+1NS8BnyN3ChEGkWcAAAAAElFTkSuQmCC"></span></div> 
         <div class="touchpad" id="rightClick"><span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAPDSURBVGhD7dpZyA1/HMfxxy5biCiRvzV7si8XtgsXSMQFigspFBeSPVvhAsWFNTeKkhIShSLLjTWSolwga0hEdv/3R8/Ut19z5pzfzG+ecy6eT72Seeb5znybmd+Z8/s9VRWYJfiGFxiiDeVMc7RFK9TXBo98xt9qp7XBST10qf43aFpjDg7hLr4iOhH5g6c4h1UYiKTY372qDSYd8RD62QO0ROYMxjHoNrAHL4VOYjEaw40aj/a7og3VURNPYOvMQup0xknYgmnpOdDVrIMouqrRz3dqA2mGx7C/+wvFrm7BzMcX2IKu1zHbijkLPVNKV+zHNjTRBjIJdn9dtYXwjh6sg7DFIt9xBFPQDv0Qt18xz9EXcdFdED17mZo4DvfAP7AV7WGTthH5gKGIyyBswJh//0sRjUbuAW+jP+KSpRF5i24ImkVwD6SxPW60iZK1EbmP6Pmw0aAwF3p+ZDX0TCWmJ9yhVcNtAyQlRCOyC25WwN1PV7AFCuYC7C/cQdKViBKqkbjh9QTi9i04DI+D3fETeqCUhGpEzsBmIn7C7qNP/4KvQXqdsDuvR6kJ2YiGWtWz6YDxmAC9XRR859KrwG9ExT7C550mZCOyHamyFLZQ9JpQakI38gypouHVFhoLn4RuRLrDOy8RFdB3g0bwSR6NzIZXNB7bAjfgmzwa2Qiv6BLaAqfgmzwa2Qev6IPFFtAbr2/yaERv114ZDVtgD3xT20iC2kYil7HAk0YYWyOEzI1UitpGKk1ZnpEQVsKeR+ZG0oxaIdIJ9jy8G9GUiy1Qrkb+gz0P70Y04WALHEY5MgD2PA7AK5pZtwUuoRxxp0i3wDvvEBXQVIudYK6paL7KNjIP3jkPW6QPajruVFShWc3EuEOfzwxKiLSB5pWj479BqrtC81e2Ec2SlzIxFyrubaUlhtS5DltsOWoiuhqafrLHHonUmQZbTNP9GtHyjuZ77XGvIVPq4hZs0YsIvpJqMhV2/VB8p6JiMwyaSLaFdyOP6MuYXZaWowiWzbDFRZffd+08KaPgrjtqOTvoraxbSQuV9iCiz5oQB9LiqrsGo8XWQstvmaKVI3cUk/dYhjRD83DoK4JbUwurk5FbmiLuyogmmdehF5KiWcyZ0Nyy+1CL1mC0XJB7dJttgl1ycL2CXi80sadZ/L3Qct09uAOHpT8SSDVRnSW6LbQMF3dCvrR2vgYNUZboc2YGbiLuBIvRB+wO6A8MKia9sRb67uK+XkR0Wz2CviBNh+9SRVmiv4TQa/cI6KuzFv9zvnWqqv4H+9yZYR0wlL0AAAAASUVORK5CYII="></span> </div> 
-        <div class="touchpad" id="mousepad"> </div>  
+        <div class="touchpad" id="mousepad"> </div> 
       </div>
       
       <div class="swiper-container">
@@ -31,19 +31,21 @@
           </div>
           <div class = "hotkeys swiper-slide  swiper-slide-outer" id="hotkeys"> </div>
           <div class="swiper-slide swiper-slide-outer">
-
+            <select id="customSelect">
+            </select>
             <div class="swiper-container-inner">
               <div class="swiper-wrapper" id="custom-container">
               </div>
             </div>
           </div>
         </div>
+        <div class = "loading" id="loading">Loading...</div>
         <div class = "static-bar">
-          <div class = "shift-toggle static-key"> shift </div> 
-          <div class = "ctrl-toggle static-key"> ctrl </div> 
-          <div class = "go-toggle static-key"> Go </div> 
-          <div class = "spacebar static-key"> space </div> 
-          <div class = "backspace static-key"> del </div> 
+          <div class = "shift-toggle static-key static-key-default" id = "shift-toggle"> shift </div> 
+          <div class = "ctrl-toggle static-key static-key-default" id = "ctrl-toggle"> ctrl </div> 
+          <div class = "spacebar static-key static-key-default" id = "spacebar"> space </div>
+          <div class = "go-toggle static-key static-key-default" id = "go-toggle"> Go </div>  
+          <div class = "backspace static-key static-key-default" id = "backspace"> del </div> 
         </div>
       </div>
 
@@ -77,14 +79,17 @@
     <div id="myModal" class="modal">
 
       <div id="modal-content" class="modal-content">
+
         <button type="button" class="close" data-dismiss="modal">&times;</button>
-        <button class="password-button" id="passcode"><i class="mdi-notification-vpn-lock"></i> PassCode</a>
+        <a class="btn btn-primary" href="/public/faq"> Help Page </a>  
+         <button class="password-button" id="passcode"><i class="mdi-notification-vpn-lock"></i> PassCode</a></button>
         <br>
         <button class="settings-button" id="new-keyboard"> New Keyboard </button>
+        <button class="settings-button" id="delete-keyboard"> Delete Keyboard </button>
         <button class="settings-button" id="add-key"> Add Key </button>
         <div id="edit-wrapper">
-          <label>
           <input id="edit-toggle" type="checkbox" data-toggle="toggle" data-onstyle="success" data-offstyle="danger">
+          <label id = "edit-label">
           Edit Toggle
           </label>
         </div>
@@ -94,15 +99,16 @@
 
       <!-- Edit Modal -->
       <div id="edit-modal" class="modal">
+
         <div class="modal-header">
           <h4 class="modal-title">Change Input</h4>
           <h4 class="modal-alt">Alt Text (Optional)</h4>
         </div>
         <div id="modal-body">
-          <p class='modal-title'><input type="text" id="inputText" value=""></p>
-          <p class='modal-alt'><input type="text" id="altText" value=""></p>
+          <p class='modal-title'><input type="text" class="inputText" id="inputText" value=""></p>
+          <p class='modal-alt'><input type="text" class="inputText" id="altText" value=""></p>
         </div>
-        <div id="modal-save">
+        <div class = "save" id="modal-save">
           <button type="button" class="btn btn-default" data-dismiss="modal">Save</button>
         </div>
         <div id="modal-close">
@@ -110,6 +116,20 @@
         </div>
 
      </div>
+
+     <!-- New Board Modal -->
+      <div id="newBoard-modal" class="modal">
+        <div class="modal-header">
+          <button type="button" class="close" data-dismiss="modal">&times;</button>
+          <h4 class="modal-title">Name Board</h4>
+        </div>
+        <div id="newBoard-modal-body">
+          <p><input type="text" class="inputText" id="inputBoardName" value=""></p>
+        </div>
+        <div class = "save" id="newBoard-save">
+          <button type="button" class="btn btn-default" data-dismiss="modal">Save</button>
+        </div>
+     </div>
        
 
     <script defer src="/public/vendor/jquery/dist/jquery.min.js"></script>

public/faq/css/style.css

@@ -433,7 +433,7 @@ header h1 {
   }
 }
 
-#test{
+.picture{
     display: block;
     margin-left: auto;
     margin-right: auto;