Adding Colemak Mod-DH layout and Halmak layout

README.md

@@ -5,17 +5,18 @@ The keyboard heatmap shows the distribution of characters of a text while you're
 Currently support keyboard layouts:
 - ASSET
 - CARPALX_QFMLWY
-- QWERTY
+- COLEMAK
+- COLEMAK MOD-DH
 - DVORAK
 - DVORAK PROGRAMMER
-- COLEMAK
+- ERGODOX COLEMAK/DVORAK/QWERTY
+- HALMAK
 - LIIGOL
-- ERGODOX COLEMAK/DVORAK/QUERY
 - MINIMAK 4/8/12 K
 - NORMAN
+- QWERTY
 - WORKMAN
 
-
 **Contributions are very welcome!**
 
 ## How to add your own layout
@@ -31,10 +32,14 @@ I wrote an article about [how to add your own keyboard layout to the keyboard he
 - Added DVORAK Layout
 - Added ERGODOX DVORAK Layout 
 - Added LIIGOL Layout
+- Added COLEMAK MOD-DH Layout
+- Added Halmak Layout
 
 ## Contributions
 - Zeff Houssney contributed the DVORAK background image and the layout's coordinates
 - Liigo Zhuang contributed the LIIGOL layout design, background image and the layout's coordinates 
+- Prashanth K S contributed the COLEMAK MOD-DH and HALMAK layout's background image and coordinates
+- Prashanth K S contributed the BEAKL 15, BEAKL 27, BEAKL 30, and BEAKL 27-A layout's background images and coordinates
 
 ## License
 The Keyboard Heatmap is licensed under the [MIT](http://www.opensource.org/licenses/mit-license.php "") and [Beerware](http://en.wikipedia.org/wiki/Beerware "") License.

app/index.html

@@ -67,18 +67,24 @@ <h2>Customize it</h2>
                     <option value="ASSET">Asset</option>
                     <option value="CARPALX_QFMLWY">Carpalx QFMLWY</option>
                     <option value="COLEMAK">Colemak</option>
+                    <option value="COLEMAK_Mod_DH">Colemak Mod-DH</option>
                     <option value="DVORAK">Dvorak</option>
                     <option value="DVORAK_PROGRAMMER">Dvorak Programmer</option>
                     <option value="ERGODOX_COLEMAK">ErgoDox COLEMAK</option>
                     <option value="ERGODOX_QWERTY">ErgoDox QWERTY</option>
                     <option value="ERGODOX_DVORAK">ErgoDox DVORAK</option>
+                    <option value="HALMAK">Halmak</option>
                     <option value="LIIGOL">LIIGOL Layout</option>
                     <option value="MINIMAK_4K">Minimak 4-Keys</option>
                     <option value="MINIMAK_8K">Minimak 8-Keys</option>
                     <option value="MINIMAK_12K">Minimak 12-Keys</option>
                     <option value="NORMAN">Norman</option>
                     <option value="QWERTY" selected>QWERTY</option>
                     <option value="WORKMAN">Workman</option>
+                    <option value="BEAKL_15">BEAKL 15</option>
+                    <option value="BEAKL_27">BEAKL 27</option>
+                    <option value="BEAKL_27_A">BEAKL 27-A</option>
+                    <option value="BEAKL_30">BEAKL 30</option>
                 </select>
                 <!-- <div id="apply" class="button">
                     Apply customizations