diff --git a/images/modules/left-ansi.svg b/images/modules/left-ansi.svg
new file mode 100644
index 00000000..57e98a53
--- /dev/null
+++ b/images/modules/left-ansi.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="744.094488189" height="1052.36220472">
+    <rect id="key-1"  x="-446.27197" y="678.38013" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-2"  x="-379.92999" y="678.38013" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-3"  x="-313.58899" y="678.38013" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-4"  x="-247.24799" y="678.38013" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-5"  x="-180.90698" y="678.38013" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-6"  x="-114.56499" y="678.38013" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-7"  x="-48.223999" y="678.38013" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-8"  x="-446.27197" y="744.89612" ry="3.5107117" width="96.728996" height="63.014999" style="fill:#333" />
+    <rect id="key-9"  x="-346.21698" y="744.89612" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-10" x="-279.87601" y="744.89612" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-11" x="-213.535"   y="744.89612" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-12" x="-147.19299" y="744.89612" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-14" x="-80.852005" y="744.89612" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-15" x="-446.27197" y="811.41315" ry="3.5107117" width="115.108"   height="63.014999" style="fill:#333" />
+    <rect id="key-16" x="-328.18799" y="811.41315" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-17" x="-262.19598" y="811.41315" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-18" x="-196.20499" y="811.41315" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-19" x="-130.21399" y="811.41315" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-21" x="-64.222992" y="811.41315" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-22" x="-446.27197" y="877.92914" ry="3.5107117" width="146.686"   height="63.014999" style="fill:#333" />
+    <rect id="key-24" x="-296.26001" y="877.92914" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-25" x="-230.02377" y="877.92914" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-26" x="-163.78757" y="877.92914" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-27" x="-97.551331" y="877.92914" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-28" x="-31.315111" y="877.92914" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-29" x="-446.27197" y="944.44714" ry="3.5107117" width="80.029999" height="63.014999" style="fill:#333" />
+    <rect id="key-30" x="-363.79099" y="944.44714" ry="3.5107117" width="80.029999" height="63.014999" style="fill:#333" />
+    <rect id="key-31" x="-281.311"   y="944.44714" ry="3.5107117" width="80.029999" height="63.014999" style="fill:#333" />
+    <rect id="key-32" x="-198.83099" y="944.44714" ry="3.5107117" width="80.029999" height="63.014999" style="fill:#333" />
+    <rect id="key-33" x="-116.351"   y="1011.1872" ry="3.6962967" width="115.108"   height="41.174999" style="fill:#333" />
+    <rect id="key-34" x="-116.351"   y="944.44714" ry="3.5107117" width="115.108"   height="63.014999" style="fill:#333" />
+    <path d="M -94.51036,646.84101 C -94.11496,648.67469 -92.68469,649.80097 -91.0281,649.78029 L 13.023181,649.78029 C 14.001631,649.78029 14.794821,650.57349 14.794821,651.55194 L 14.794821,651.55868 14.794821,673.23866 C 14.794821,674.21746 14.001631,675.01093 13.023181,675.01093 L -444.52338,675.01093 C -447.45834,675.01093 -449.83652,677.38911 -449.83652,680.32407 L -449.83652,1005.8729 C -449.83652,1008.8079 -447.45834,1011.1861 -444.52338,1011.1861 L -120.57683,1011.1861 C -119.59838,1011.1861 -118.80518,1011.9795 -118.80518,1012.9583 L -118.80518,1050.5832 -118.80518,1050.5899 C -118.80518,1051.5684 -119.59838,1052.3616 -120.57683,1052.3616 L -464.45746,1052.3616 C -469.36122,1052.166 -473.26634,1048.3775 -473.2955,1043.5236 L -473.2955,658.54868 C -473.28473,654.0371 -470.24793,650.61741 -466.01444,649.84887 L -114.09291,586.86646 C -109.10971,586.16157 -104.69185,589.2677 -103.81746,594.05779 -100.59959,612.36858 -97.46095,630.10521 -94.51036,646.84101 Z" style="fill:#333" />
+</svg>
diff --git a/images/modules/left-iso.svg b/images/modules/left-iso.svg
new file mode 100644
index 00000000..c1dc45a5
--- /dev/null
+++ b/images/modules/left-iso.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="744.094488189" height="1052.36220472">
+    <rect id="key-1"  x="-446.27197" y="678.38013" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-2"  x="-379.92999" y="678.38013" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-3"  x="-313.58899" y="678.38013" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-4"  x="-247.24799" y="678.38013" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-5"  x="-180.90698" y="678.38013" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-6"  x="-114.56499" y="678.38013" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-7"  x="-48.223999" y="678.38013" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-8"  x="-446.27197" y="744.89612" ry="3.5107117" width="96.728996" height="63.014999" style="fill:#333" />
+    <rect id="key-9"  x="-346.21698" y="744.89612" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-10" x="-279.87601" y="744.89612" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-11" x="-213.535"   y="744.89612" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-12" x="-147.19299" y="744.89612" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-14" x="-80.852005" y="744.89612" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-15" x="-446.27197" y="811.41315" ry="3.5107117" width="115.108"   height="63.014999" style="fill:#333" />
+    <rect id="key-16" x="-328.18799" y="811.41315" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-17" x="-262.19598" y="811.41315" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-18" x="-196.20499" y="811.41315" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-19" x="-130.21399" y="811.41315" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-21" x="-64.222992" y="811.41315" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-22" x="-446.27197" y="877.92914" ry="3.5107117" width="80.029999" height="63.014999" style="fill:#333" />
+    <rect id="key-23" x="-362.60098" y="877.92914" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-24" x="-296.26001" y="877.92914" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-25" x="-230.02377" y="877.92914" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-26" x="-163.78757" y="877.92914" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-27" x="-97.551331" y="877.92914" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-28" x="-31.315111" y="877.92914" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-29" x="-446.27197" y="944.44714" ry="3.5107117" width="80.029999" height="63.014999" style="fill:#333" />
+    <rect id="key-30" x="-363.79099" y="944.44714" ry="3.5107117" width="80.029999" height="63.014999" style="fill:#333" />
+    <rect id="key-31" x="-281.311"   y="944.44714" ry="3.5107117" width="80.029999" height="63.014999" style="fill:#333" />
+    <rect id="key-32" x="-198.83099" y="944.44714" ry="3.5107117" width="80.029999" height="63.014999" style="fill:#333" />
+    <rect id="key-33" x="-116.351"   y="1011.1872" ry="3.6962967" width="115.108"   height="41.174999" style="fill:#333" />
+    <rect id="key-34" x="-116.351"   y="944.44714" ry="3.5107117" width="115.108"   height="63.014999" style="fill:#333" />
+    <path d="M -94.51036,646.84101 C -94.11496,648.67469 -92.68469,649.80097 -91.0281,649.78029 L 13.023181,649.78029 C 14.001631,649.78029 14.794821,650.57349 14.794821,651.55194 L 14.794821,651.55868 14.794821,673.23866 C 14.794821,674.21746 14.001631,675.01093 13.023181,675.01093 L -444.52338,675.01093 C -447.45834,675.01093 -449.83652,677.38911 -449.83652,680.32407 L -449.83652,1005.8729 C -449.83652,1008.8079 -447.45834,1011.1861 -444.52338,1011.1861 L -120.57683,1011.1861 C -119.59838,1011.1861 -118.80518,1011.9795 -118.80518,1012.9583 L -118.80518,1050.5832 -118.80518,1050.5899 C -118.80518,1051.5684 -119.59838,1052.3616 -120.57683,1052.3616 L -464.45746,1052.3616 C -469.36122,1052.166 -473.26634,1048.3775 -473.2955,1043.5236 L -473.2955,658.54868 C -473.28473,654.0371 -470.24793,650.61741 -466.01444,649.84887 L -114.09291,586.86646 C -109.10971,586.16157 -104.69185,589.2677 -103.81746,594.05779 -100.59959,612.36858 -97.46095,630.10521 -94.51036,646.84101 Z" style="fill:#333" />
+</svg>
diff --git a/images/modules/right.svg b/images/modules/right.svg
new file mode 100644
index 00000000..c8f7c986
--- /dev/null
+++ b/images/modules/right.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="744.094488189" height="1052.36220472">
+    <rect id="key-1"  x="18.116484"  y="678.38116" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-2"  x="84.457497"  y="678.38116" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-3"  x="150.79849"  y="678.38116" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-4"  x="217.14047"  y="678.38116" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-5"  x="283.48148"  y="678.38116" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-6"  x="349.82248"  y="678.38116" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-7"  x="416.16348"  y="678.38116" ry="3.5107117" width="96.728996" height="63.014999" style="fill:#333" />
+    <rect id="key-8"  x="51.829502"  y="744.89612" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-9"  x="118.17051"  y="744.89612" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-10" x="184.51248"  y="744.89612" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-11" x="250.85349"  y="744.89612" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-12" x="317.19449"  y="744.89612" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-13" x="383.53549"  y="744.89612" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-14" x="449.87747"  y="744.89612" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-15" x="-14.511499" y="744.89612" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-16" x="67.828499"  y="811.41315" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-17" x="133.81949"  y="811.41315" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-18" x="199.81052"  y="811.41315" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-19" x="265.80252"  y="811.41315" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-20" x="331.79349"  y="811.41315" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-21" x="397.78452"  y="811.41412" ry="3.5107117" width="115.108"   height="63.014999" style="fill:#333" />
+    <rect id="key-22" x="1.8374995"  y="811.41315" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-23" x="34.921108"  y="877.92914" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-24" x="101.15734"  y="877.92914" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-25" x="167.39355"  y="877.92914" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-26" x="233.62976"  y="877.92914" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-27" x="299.86551"  y="877.92914" ry="3.5107117" width="63.014999" height="63.014999" style="fill:#333" />
+    <rect id="key-28" x="366.20651"  y="877.93018" ry="3.5107117" width="146.686"   height="63.014999" style="fill:#333" />
+    <rect id="key-30" x="1.2074946"  y="944.44714" ry="3.5107117" width="115.108"   height="63.014999" style="fill:#333" />
+    <rect id="key-31" x="1.2074946"  y="1011.1872" ry="3.6962967" width="115.108"   height="41.174999" style="fill:#333" />
+    <rect id="key-32" x="118.76652"  y="944.44714" ry="3.5107117" width="80.029999" height="63.014999" style="fill:#333" />
+    <rect id="key-33" x="201.24649"  y="944.44714" ry="3.5107117" width="80.029999" height="63.014999" style="fill:#333" />
+    <rect id="key-34" x="283.72647"  y="944.44714" ry="3.5107117" width="80.029999" height="63.014999" style="fill:#333" />
+    <rect id="key-35" x="366.20651"  y="944.44714" ry="3.5107117" width="146.686"   height="63.014999" style="fill:#333" />
+    <path d="M 516.38706,680.32407 C 516.38706,677.38911 514.00888,675.01093 511.07392,675.01093 L 19.888327,675.01093 C 18.909867,675.01093 18.116667,674.21746 18.116667,673.23866 L 18.116667,651.55868 18.116667,651.55194 C 18.116667,650.57349 18.909867,649.78029 19.888327,649.78029 L 125.68888,649.78029 C 127.81809,649.73639 128.89871,648.55406 129.17114,646.84101 132.26186,628.99452 135.45421,611.20795 138.49949,593.93731 139.53551,589.17354 143.88942,585.96932 148.65533,586.72553 281.11656,609.26905 403.66743,628.75963 532.4454,649.98632 536.92364,650.86249 539.55062,654.40739 539.84604,658.70669 L 539.84604,1043.5236 C 539.65045,1048.4273 535.86191,1052.3324 531.008,1052.3616 L 120.53833,1052.3616 C 119.55987,1052.3616 118.76667,1051.5684 118.76667,1050.5899 L 118.76667,1050.5832 118.76667,1012.9583 C 118.76667,1011.9795 119.55987,1011.1861 120.53833,1011.1861 L 511.07392,1011.1861 C 514.00888,1011.1861 516.38706,1008.8079 516.38706,1005.8729 Z" style="fill:#333" />
+</svg>