|
9 | 9 | <script src="numeral.js"></script>
|
10 | 10 | <style>
|
11 | 11 | body{font-family: "Segoe UI", "Century Gothic", "Helvetica";}
|
12 |
| - h2{margin: 2px 0 2px} |
| 12 | + h1{text-align: center} |
| 13 | + #arsonitelayoutimg{text-align: center} |
| 14 | + h3{margin: 2px 0 2px} |
13 | 15 | .layout{margin: 8px 4px 20px}
|
14 | 16 | </style>
|
15 | 17 | </head>
|
16 | 18 | <body>
|
| 19 | +<h1>Arsonite</h1> |
| 20 | +<img id="arsonitelayoutimg" src="arsonitelayout.png" alt="Arsonite Layout"/> |
| 21 | +<h2> |
| 22 | +Arsonite is an efficient keyboard layout with minimal changes from QWERTY and almost all |
| 23 | +changes are symmetrical swaps, making it very easy to learn. |
| 24 | +</h2> |
| 25 | + |
| 26 | +<div id="downloads"> |
| 27 | + <span>Windows</span> |
| 28 | + <span>Linux</span> |
| 29 | +</div> |
| 30 | + |
| 31 | + |
17 | 32 | <textarea name="text" id="text" cols="30" rows="10">
|
18 | 33 | "Attitude"
|
19 | 34 |
|
|
54 | 69 |
|
55 | 70 | <div id="layouts-all">
|
56 | 71 | <div id="layout-template" class="layout" style="display: none">
|
57 |
| - <h2></h2> |
| 72 | + <h3></h3> |
58 | 73 | <div>
|
59 | 74 | <span>Distance</span>
|
60 | 75 | <span class="distance"></span>
|
@@ -118,24 +133,33 @@ <h2></h2>
|
118 | 133 | // Qwerty already added as a starting point
|
119 | 134 |
|
120 | 135 | K.dvorakMap = [
|
121 |
| - "`1234567890[]\\" , "~!@#$%^&*(){}", |
122 |
| - " ',.pyfgcrl/=\\" , " \"<>PYFGCRL?+|", |
123 |
| - " aoeuidhtns-\n" , " AOEUIDHTNS_\n", |
124 |
| - " ;qjkxbmwvz" , " :QJKXBMWVZ", |
125 |
| - " " , "" |
| 136 | + "`1234567890[]\\" , "~!@#$%^&*(){}", |
| 137 | + " ',.pyfgcrl/=\\" , " \"<>PYFGCRL?+|", |
| 138 | + " aoeuidhtns-\n" , " AOEUIDHTNS_\n", |
| 139 | + " ;qjkxbmwvz" , " :QJKXBMWVZ", |
| 140 | + " " , "" |
126 | 141 | ];
|
127 | 142 |
|
128 | 143 | K.arsoniteMap = [
|
129 |
| - "`1234567890-=" , "~!@#$%^&*()_+", |
130 |
| - " qwdf;yuklp[]\\", " QWDF:YUKLP{}", |
131 |
| - " asetghnior'\n" , " ASETGHNIOR\"\n", |
132 |
| - " zxcvbjm,./" , " ZXCVBJM<>?", |
133 |
| - " " , "" |
| 144 | + "`1234567890-=" , "~!@#$%^&*()_+", |
| 145 | + " qwdf;yuklp[]\\", " QWDF:YUKLP{}|", |
| 146 | + " asetghnior'\n" , " ASETGHNIOR\"\n", |
| 147 | + " zxcvbjm,./" , " ZXCVBJM<>?", |
| 148 | + " " , "" |
| 149 | + ]; |
| 150 | + |
| 151 | + K.colemakMap = [ |
| 152 | + "`1234567890-=" , "~!@#$%^&*()_+", |
| 153 | + " qwfpgjluy;[]\\", " QWFPGJLUY:{}|", |
| 154 | + " arstdhneio'\n" , " ARSTDHNEIO\"\n", |
| 155 | + " zxcvbkm,./" , " ZXCVBKM<>?", |
| 156 | + " " , "" |
134 | 157 | ];
|
135 | 158 |
|
136 | 159 | K.AddLayout("qwerty");
|
137 | 160 | K.AddLayout("dvorak", K.dvorakMap);
|
138 | 161 | K.AddLayout("arsonite", K.arsoniteMap);
|
| 162 | + K.AddLayout("colemak", K.colemakMap); |
139 | 163 |
|
140 | 164 | $("#process").click(function(){
|
141 | 165 | var text = $("#text").val();
|
|
0 commit comments