Update layers-main.html

* Explained the FingerShui color scheme

Author: DreymaR

docs/layers-base.html

@@ -423,31 +423,31 @@ <h4 class="anchor" id="a-battle-of-elements">A Battle Of Elements</h4>
     </p>
     <ul class="disc">
         <li>
-        	Gralmak ended up with a sort of mix between them and some Colemak principles.
+            Gralmak ended up with a sort of mix between them and some Colemak principles.
         </li><li>
-        	Like Colemak, I keep the symbol keys unchanged, instead using my Sym mod and special keys.
+            Like Colemak, I keep the symbol keys unchanged, instead using my Sym mod and special keys.
         </li><li>
-        	The symbols staying in their familiar positions makes it easier to learn.
+            The symbols staying in their familiar positions makes it easier to learn.
         </li><li>
-        	I prefer <kbd>J</kbd> in the middle and apostrophe on the side, like Gallium and Colemak have.
+            I prefer <kbd>J</kbd> in the middle and apostrophe on the side, like Gallium and Colemak have.
         </li><li>
-        	For added familiarity and convenience, I put <kbd>ZX</kbd> back into its corner in Gralmak.
+            For added familiarity and convenience, I put <kbd>ZX</kbd> back into its corner in Gralmak.
         </li><li>
-        	Swapping <kbd>Z</kbd> and <kbd>Q</kbd> has no discernible negative impact on layout quality, 
+            Swapping <kbd>Z</kbd> and <kbd>Q</kbd> has no discernible negative impact on layout quality, 
             and it just feels and looks right.
         </li><li>
-        	Apart from the rare <kbd>ZXQ</kbd>, the only other letter difference between Gallium and Graphite is 
+            Apart from the rare <kbd>ZXQ</kbd>, the only other letter difference between Gallium and Graphite is 
             <kbd>CV</kbd> vs <kbd>WZ</kbd> on the upper vs lower row.
         </li><li>
-        	I first went with Gallium to make the <kbd>SC</kbd> bigram a bit easier, but now ...
+            I first went with Gallium to make the <kbd>SC</kbd> bigram a bit easier, but now ...
         </li><li>
             I prefer Graphite's keeping <kbd>W</kbd> on top and <kbd>CV</kbd> on the lower row.
         </li><li>
-        	This is mainly because those assignments are more in line with what we're used to. 
+            This is mainly because those assignments are more in line with what we're used to. 
         </li><li>
             In the long run, that's not a strong argument, but it makes transitions easier.
         </li><li>
-        	The bigrams involved are fine either way, really.
+            The bigrams involved are fine either way, really.
         </li>
     </ul><br />
     <h4 class="anchor" id="here-be-dragons">Here Be Dragons</h4>

docs/layers-main.html

@@ -90,7 +90,7 @@ <h3>Alpha Base, This Is Enterprise</h3>
     </div>
 </div>
 
-<h2 class="anchor" id="Cmk-eD">LAYOUT[eD] - LAYERS, EDITION DREYMAR</h2>
+<h2 class="anchor" id="eD">LAYOUT[eD] - LAYERS, EDITION DREYMAR</h2>
 <p>
     "Edition DreymaR" (abbreviated "[eD]") is the name of the <a href="https://en.wikipedia.org/wiki/AltGr_key"><b>AltGr</b></a> and <a href="https://en.wikipedia.org/wiki/Dead_key"><b>dead key</b></a> layers I've created, originally for the Colemak layout. I've tried to add much functionality while keeping it intuitive. In particular, I want to be able to write different scripts and tech/maths symbols. Since the start, there's been some minor tweaks based on my experience and forum feedback, but it's been stable for a long time now.
 </p><p>
@@ -119,6 +119,44 @@ <h2 class="anchor" id="Cmk-eD">LAYOUT[eD] - LAYERS, EDITION DREYMAR</h2>
     Shown on an ANSI keyboard with dead key emphasis (golden) and "FingerShui" color-coded fingering.
 </p>
 
+    <div class="spoiler newbspoiler">
+        <p><span>"What's that finger coding color scheme you're using? Finger-Chop-Suey?!?"</span></p>
+        <div class="spoiler-body">
+            <h3>Finger Shui!</h3>
+            <p>
+                The colored images on this site are based on a "vintage IBM-style keyboard" vector image I've created. 
+                Besides Big Bag illustrations, my <a href="https://github.com/DreymaR/BigBagKbdTrixPKL">EPKL program for Windows</a> uses it for help images.
+            <p></p>
+                Out of interest and amusement, I once looked up how traditional Chinese elements are mapped to fingers and to colors. 
+                As you can imagine, that quickly got complex! There are several schools with differing opinions on the matter. 
+                However, I settled on a scheme used in many Taoist and Qigong practices. 
+                Somewhat ironically, I then named my scheme after Feng Shui which usually has somewhat different assignments!
+            <p></p>
+                <b>Disclaimer:</b> I don't believe in any of the above schools of more-or-less ancient thought. It's just pretty.
+            <p>
+            <img class="img-small" alt="Cmk-CAWS-ANSI with FingerShui coloring" src="res/cmk/Colemak-ANS-CAWS_s0_EPKL.png" />
+            </p>
+                So, here are the finger-element-color assignments in my FingerShui color scheme. 
+                It's convenient that the Wood element can be represented either as blue or green. 
+                On the left hand, colors are a little warmer as that hand is considered more Yin.
+            </p><br>
+            <table class="center" style="width: 50%; margin: auto;">
+                <tr><th>Finger</th> <th>Element</th><th>Color</th>      </tr>
+                <tr><td>Thumb</td>  <td>Earth</td>  <td>Gold</td>       </tr>
+                <tr><td>Index</td>  <td>Wood</td>   <td>Green/Blue</td> </tr>
+                <tr><td>Middle</td> <td>Fire</td>   <td>Red</td>        </tr>
+                <tr><td>Ring</td>   <td>Metal</td>  <td>White</td>      </tr>
+                <tr><td>Pinky</td>  <td>Water</td>  <td>Gray</td>       </tr>
+            </table><br>
+            <!-- ul class="disc">
+                <li><b>Thumb: Earth</b> (gold)      </li>
+                <li><b>Index: Wood</b> (green/blue) </li>
+                <li><b>Middle: Fire</b> (red)       </li>
+                <li><b>Ring: Metal</b> (white)      </li>
+                <li><b>Pinky: Water</b> (gray)      </li>            </ul -->
+        </div>
+    </div><br>
+
 <div class="platform-box" id="pfbx-Colemak-eD"></div><!-- Colemak-eD -->
 
 <h2 class="anchor" id="extend">EXTEND LAYERS!!!</h2>