Merge pull request #2175 from keymanapp/beta-alpha-p7s8

Cherry Pick P7S8 PRs to Alpha.

android/KMAPro/kMAPro/src/main/assets/info/cdn/dev/css/app-info-a.css

@@ -0,0 +1,102 @@
+
+/***********************
+	Wrapper CSS
+***********************/
+
+#android-tab-header{
+	width: 100%;
+	background: #f2f2f2;
+}
+
+#android-mobile-header, #android-tablet-header{
+	width: 50%;
+	float: left;
+	text-align: center;
+	background: #e4e4e4;
+	padding: 10px 0px;
+	cursor: pointer;
+}
+
+.tab{
+	display: none;
+}
+
+#android-mobile-header.selected-tab, #android-tablet-header.selected-tab, .tab.selected-tab{
+	display: block;
+	background: #f2f2f2;
+}
+
+#android-mobile-header h4, #android-tablet-header h4{
+	font-size: 14pt;
+	font-weight: bold;
+}
+
+h2{
+	font-size: 22pt;
+	font-weight: 400;
+	margin: 30px 20px 15px 20px;
+	text-align: center;
+	color: #BA2034;
+}
+
+/*
+	Setting display: block; to ~!important will break CSS rules for phone vs tablet.
+ */
+p img{
+	margin-top: 10px !important;
+	display: block;
+	margin-left: auto !important;
+	margin-right: auto !important;
+	margin-bottom: 10px !important;
+}
+
+table{
+	width: 100%;
+	margin-bottom: 50px;
+}
+
+
+td{
+	text-align: left;
+	vertical-align: middle;
+	padding: 10px;
+}
+
+td:first-child{
+	width: 15%;
+}
+
+td:last-child{
+	width: 85%;
+}
+
+th{
+	font-weight: bold;
+	font-size: 14pt;
+	padding: 15px 0px 5px 0px;
+}
+
+.command{
+	font-weight: bold;
+	color: #69B7D3;
+}
+
+#toolbar{
+	padding-top: 40px;
+}
+
+/***********************
+	Images CSS
+***********************/
+
+#section2 img{
+	min-width: 40px;
+}
+
+/**
+	Removes existing max-width property settings from images in tables.
+	They overly shrink the images on the main Android symbol glossary.
+ */
+#section2 td img {
+	max-width: unset;
+}

android/KMAPro/kMAPro/src/main/assets/info/cdn/dev/css/embed.css

@@ -0,0 +1,7 @@
+.embed-on .content-online {
+    display: none;
+}
+
+.embed-off .content-in-app {
+    display: none;
+}

android/KMAPro/kMAPro/src/main/assets/info/cdn/dev/css/formfactor.css

@@ -0,0 +1,28 @@
+.phone-form .tablet {
+    display: none;
+}
+
+.tablet-form .phone {
+    display: none;
+}
+
+#section2 a.phone, #section2 a.tablet {
+    color: #000000;
+}
+
+.tablet-form a.phone {
+    display: block;
+}
+
+.phone-form a.tablet {
+    display: block;
+}
+
+.phone-form #android-mobile-header {
+    background: #f2f2f2;
+}
+
+.tablet-form #android-tablet-header {
+    background: #f2f2f2;
+}
+

android/KMAPro/kMAPro/src/main/assets/info/cdn/dev/js/keyrenderer.js

@@ -0,0 +1,250 @@
+if(typeof KeyRenderer == 'undefined')
+{
+  var KeyRenderer = new function()
+  {
+    var site = '/cdn/dev';
+
+    this.render = function(s)
+    {
+      return "<span class='highlightKeys'>" + this.renderInternal(s, true) + "</span>";
+    }
+      
+    this.renderInternal = function(s, includePrintable)
+    {
+      var i = 0, r = '';
+      var spkey = {PgUp:'pgup',PgDn:'pgdn',Left:'left',Right:'right',Up:'up',Down:'down',Ins:'ins',Del:'del',Home:'home',End:'end',
+        Enter:'enter',Tab:'tab',Esc:'esc',Caps:'caps',Shift:'shift2',Ctrl:'ctrl2',Alt:'alt2',Bksp:'bksp'};
+      while(i < s.length)
+      {
+        var endspan = false;
+        var ch = s.charAt(i);
+        if(ch == '[' && i < s.length-1)
+        {
+          i++; ch = s.charAt(i);
+          if(ch != '[')
+          {
+            /* Ctrl+Shift+Alt+key */
+            var t = '';
+            while(s.charAt(i) != ']' && i < s.length)
+            {
+              t += s.charAt(i);
+              i++;
+            }
+            var n = t.indexOf('&'),t1=t;
+            if(n >= 0)
+            {
+              ch = t.substr(n,t.length-n);
+              t = t.substr(0,n);
+            }
+            else
+            {
+              ch = t.charAt(t.length-1);
+              t = t.substr(0, t.length-1);
+            }
+            r += "<span class='key-grp'>";
+            
+            var x = t1.indexOf('!'),u='',ks,kn;
+            if(x >= 0)
+            {            
+              ks = t1.substr(x+1,t1.length-x-1);
+              kn = spkey[ks];
+              if(kn) 
+              { 
+                u = "<img src='"+site+"/img/keys/tr.gif' title='"+ks+"' alt='"+ks+"' class='key-"+kn+"' />";
+                t = t.substr(0,x); ch = '*';
+              }
+            }
+            
+            if(t.indexOf('C') >= 0) r += "<img src='"+site+"/img/keys/tr.gif' title='Ctrl' alt='Ctrl' class='key-ctrl' />";
+            if(t.indexOf('S') >= 0) r += "<img src='"+site+"/img/keys/tr.gif' title='Shift' alt='Shift' class='key-shift' />";
+            if(t.indexOf('A') >= 0) r += "<img src='"+site+"/img/keys/tr.gif' title='Alt' alt='Alt' class='key-alt' />";
+            
+            r += u;
+            endspan = true;
+          }
+        }
+        if(!endspan || ch != '*')
+        {
+          if(ch.substr(0,1) == '&')
+          {
+            if(ch == '&')
+            {
+              ch = '';
+              while(s.charAt(i) != ';' && i < s.length)
+              {
+                ch += s.charAt(i);
+                i++;
+              }
+              ch += ';';
+            }
+            if(ch == '&lt;') ch = '<';
+            else if(ch == '&gt;') ch = '>';
+            else if(ch == '&amp;') ch = '&';
+            else if(ch == '&quot;') ch = '"';
+          }
+          chv = ch.charCodeAt(0);
+          r += "<img src='"+site+"/img/keys/tr.gif' class='key-"+chv.toString()+"' title='"+this.encodeEntities(ch)+"' alt='"+this.encodeEntities(ch)+"' />";
+        }
+        if(endspan) r += "</span>";
+        i++;
+      }
+        
+      if(includePrintable)
+      {
+        r += "<span class='key-print'>";
+        i = 0;
+        while(i < s.length)
+        {
+          endspan = false;
+          ch = s.charAt(i);
+          if(ch == '[' && i < s.length-1)
+          {
+            i++; ch = s.charAt(i);
+            if(ch != '[')
+            {
+              /* Ctrl+Shift+Alt+key */
+              t = '';
+              while(s.charAt(i) != ']' && i < s.length)
+              {
+                t += s.charAt(i);
+                i++;
+              }
+              var t1 = t;
+              ch = t.charAt(t.length-1);
+              t = t.substr(0, t.length-1);
+              r += "<span class='key-grp'>";
+ 
+              var x = t1.indexOf('!'),u='',ks,kn;
+              if(x >= 0)
+              {            
+                ks = t1.substr(x+1,t1.length-x-1);
+                kn = spkey[ks];
+                if(kn) 
+                { 
+                  u = ks;
+                  t = t.substr(0,x); ch = '*';
+                }
+              }
+              
+              if(t.indexOf('C') >= 0) r += "Ctrl+";
+              if(t.indexOf('S') >= 0) r += "Shift+";
+              if(t.indexOf('A') >= 0) r += "Alt+";
+              endspan = true;
+              
+              r += u;
+            }
+          }
+          if(!endspan || ch != '*')
+            if(ch == ' ') r += "<span class='key-grp'>Space</span>"; else r += this.encodeEntities(ch);
+          if(endspan) r += "</span>";
+          i++;
+        }
+        r += "</span>";
+      }
+    
+      return r;
+    }
+      
+    this.encodeEntities = function(s)
+    {
+      return s.replace('&', '&amp;').replace('<', '&lt;').replace('>', '&gt;').replace('"', '&quot;').replace("'", '&#39;');
+    }
+    
+    this.getElementsByClassName = function(className, tag, elm)
+    {
+      if (document.getElementsByClassName) {
+	getElementsByClassName = function (className, tag, elm) {
+	  elm = elm || document;
+	  var elements = elm.getElementsByClassName(className),
+	  nodeName = (tag)? new RegExp("\\b" + tag + "\\b", "i") : null,
+	  returnElements = [],
+	  current;
+	  for(var i=0, il=elements.length; i<il; i+=1){
+	    current = elements[i];
+	    if(!nodeName || nodeName.test(current.nodeName)) {
+	      returnElements.push(current);
+	    }
+	  }
+	  return returnElements;
+	};
+      }
+      else if (document.evaluate) {
+	getElementsByClassName = function (className, tag, elm) {
+	  tag = tag || "*";
+	  elm = elm || document;
+	  var classes = className.split(" "),
+	  classesToCheck = "",
+	  xhtmlNamespace = "http://www.w3.org/1999/xhtml",
+	  namespaceResolver = (document.documentElement.namespaceURI === xhtmlNamespace)? xhtmlNamespace : null,
+	  returnElements = [],
+	  elements,
+	  node;
+	  for(var j=0, jl=classes.length; j<jl; j+=1){
+	    classesToCheck += "[contains(concat(' ', @class, ' '), ' " + classes[j] + " ')]";
+	  }
+	  try	{
+	    elements = document.evaluate(".//" + tag + classesToCheck, elm, namespaceResolver, 0, null);
+	  }
+	  catch (e) {
+	    elements = document.evaluate(".//" + tag + classesToCheck, elm, null, 0, null);
+	  }
+	  while ((node = elements.iterateNext())) {
+	    returnElements.push(node);
+	  }
+	  return returnElements;
+	};
+      }
+      else {
+	getElementsByClassName = function (className, tag, elm) {
+	  tag = tag || "*";
+	  elm = elm || document;
+	  var classes = className.split(" "),
+	  classesToCheck = [],
+	  elements = (tag === "*" && elm.all)? elm.all : elm.getElementsByTagName(tag),
+	  current,
+	  returnElements = [],
+	  match;
+	  for(var k=0, kl=classes.length; k<kl; k+=1){
+	    classesToCheck.push(new RegExp("(^|\\s)" + classes[k] + "(\\s|$)"));
+	  }
+	  for(var l=0, ll=elements.length; l<ll; l+=1){
+	    current = elements[l];
+	    match = false;
+	    for(var m=0, ml=classesToCheck.length; m<ml; m+=1){
+	      match = classesToCheck[m].test(current.className);
+	      if (!match) {
+		break;
+	      }
+	    }
+	    if (match) {
+	      returnElements.push(current);
+	    }
+	  }
+	  return returnElements;
+	};
+      }
+      return getElementsByClassName(className, tag, elm);
+    };
+    
+    
+    this.renderAll = function()
+    {
+      var elems = KeyRenderer.getElementsByClassName('keys');
+      for(var i = 0; i < elems.length; i++)
+      {
+        elems[i].innerHTML = KeyRenderer.render(elems[i].innerHTML);
+      }
+      //<script>document.writeln(KeyRenderer.render('hf'));</script>
+    }
+    
+  }
+
+  if(window.attachEvent)
+  {
+    window.attachEvent('onload', KeyRenderer.renderAll);
+  }
+  else if(window.addEventListener)
+  {
+    window.addEventListener('load', KeyRenderer.renderAll, false);
+  }
+}

android/KMAPro/kMAPro/src/main/assets/info/css/app-info-a.css

@@ -1,253 +0,0 @@
-
-/* http://meyerweb.com/eric/tools/css/reset/ 
-   v2.0 | 20110126
-   License: none (public domain)
-*/
-
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed, 
-figure, figcaption, footer, header, hgroup, 
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	font-size: 100%;
-	font: inherit;
-	vertical-align: baseline;
-}
-/* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure, 
-footer, header, hgroup, menu, nav, section {
-	display: block;
-}
-body {
-	line-height: 1;
-}
-ol, ul {
-	list-style: none;
-}
-blockquote, q {
-	quotes: none;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: '';
-	content: none;
-}
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}
-
-body{
-    font-family: verdana;
-    background: #fff;
-}
-
-/***********************
-	Wrapper CSS
-***********************/
-
-.wrapper{
-	margin-left: auto;
-	margin-right: auto;
-	width: 960px;
-	padding-bottom: 30px;
-}
-
-h2{
-	font-size: 22pt;
-	font-weight: 400;
-	margin: 30px 20px 15px 20px;
-	text-align: center;
-	color: #BA2034;
-}
-
-p{
-	font-size: 16pt;
-	line-height: 1.3;
-	padding: 0px 20px;
-}
-
-p img{
-	margin-top: 10px;
-	display: block;
-	margin-left: auto;
-	margin-right: auto;
-	margin-bottom: 10px;
-}
-
-img{
-	border: solid 2px #fff;
-}
-
-table{
-	width: 100%;
-	margin-bottom: 50px;
-}
-
-
-td{
-	text-align: left;
-	vertical-align: middle;
-	padding: 10px;
-}
-
-td:first-child{
-	width: 15%;
-}
-
-td:last-child{
-	width: 85%;
-}
-
-th{
-	font-weight: bold;
-	font-size: 14pt;
-	padding: 15px 0px 5px 0px;
-}
-
-.command{
-	font-weight: bold;
-	color: #69B7D3;
-}
-
-#toolbar{
-	padding-top: 40px;
-}
-
-
-@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait){
-	.wrapper{
-		width: 750px;
-	}
-}
-
-
-@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape){
-	.wrapper{
-		width: 960px;
-	}
-}
-
-
-@media only screen and (min-device-width: 320px) and (max-device-width: 600px) and (orientation: portrait){
-	.wrapper{
-		width: 300px;
-	}
-}
-
-
-@media only screen and (min-device-width: 320px) and (max-device-width: 600px) and (orientation: landscape){
-	.wrapper{
-		width: 460px;
-	}
-}
-
-/***********************
-	Wrapper CSS
-***********************/
-
-#android-tab-header{
-	width: 100%;
-	background: #f2f2f2;
-}
-
-#android-mobile-header, #android-tablet-header{
-	width: 50%;
-	float: left;
-	text-align: center;
-	background: #e4e4e4;
-	padding: 10px 0px;
-	cursor: pointer;
-}
-
-.tab{
-	display: none;
-}
-
-#android-mobile-header.selected-tab, #android-tablet-header.selected-tab, .tab.selected-tab{
-	display: block;
-	background: #f2f2f2;
-}
-
-#android-mobile-header h4, #android-tablet-header h4{
-	font-size: 14pt;
-	font-weight: bold;
-}
-
-h2{
-	font-size: 22pt;
-	font-weight: 400;
-	margin: 30px 20px 15px 20px;
-	text-align: center;
-	color: #BA2034;
-}
-
-p img{
-	margin-top: 10px !important;
-	display: block !important;
-	margin-left: auto !important;
-	margin-right: auto !important;
-	margin-bottom: 10px !important;
-}
-
-table{
-	width: 100%;
-	margin-bottom: 50px;
-}
-
-
-td{
-	text-align: left;
-	vertical-align: middle;
-	padding: 10px;
-}
-
-td:first-child{
-	width: 15%;
-}
-
-td:last-child{
-	width: 85%;
-}
-
-th{
-	font-weight: bold;
-	font-size: 14pt;
-	padding: 15px 0px 5px 0px;
-}
-
-.command{
-	font-weight: bold;
-	color: #69B7D3;
-}
-
-#toolbar{
-	padding-top: 40px;
-}
-
-/***********************
-	Images CSS
-***********************/
-
-#section2 img{
-	min-width: 40px;
-}
-
-/**
-	Removes existing max-width property settings from images in tables.
-	They overly shrink the images on the main Android symbol glossary.
- */
-#section2 td img {
-	max-width: unset;
-}

android/KMAPro/kMAPro/src/main/assets/info/info.html

@@ -1,725 +0,0 @@
-<!DOCTYPE html>
-
-<html>
-<head>
-  <title>Keyman for Android Information Page</title>
-  <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" 
-      name="viewport">
-  <script type="text/javascript">
-      var screenWidth = window.screen.availWidth;
-      var ppi = screenWidth / window.devicePixelRatio;
-      document.write('<link rel="stylesheet" type="text/css" href="css/app-info-a.css" />');
-  </script>
-  <script>
-      (function (i, s, o, g, r, a, m) {
-          i['GoogleAnalyticsObject'] = r;
-          i[r] = i[r] || function () {
-                  (i[r].q = i[r].q || []).push(arguments)
-              }, i[r].l = 1 * new Date();
-          a = s.createElement(o),
-              m = s.getElementsByTagName(o)[0];
-          a.async = 1;
-          a.src = g;
-          m.parentNode.insertBefore(a, m)
-      })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
-
-      ga('create', 'UA-249828-1', 'auto', {'allowLinker': true});
-      ga('require', 'linker');
-      ga('linker:autoLink',
-          ['keyman.com', 'www.keyman.com',
-              'keymanweb.com', 'www.keymanweb.com',
-              'help.keyman.com',
-              'blog.keyman.com',
-              'www.tavultesoft.com', 'tavultesoft.com', 'secure.tavultesoft.com']);
-      ga('send', 'pageview');
-  </script>
-  <script src="jquery1-10-2.js"></script>
-  <script type="text/javascript">
-      function loaded() {
-          // Switch between android docs
-          $('#android-mobile-header').click(function () {
-              $('#android-tablet-tab,#android-tablet-header').removeClass('selected-tab');
-              $('#android-mobile-tab,#android-mobile-header').addClass('selected-tab');
-          });
-          $('#android-tablet-header').click(function () {
-              $('#android-mobile-tab,#android-mobile-header').removeClass('selected-tab');
-              $('#android-tablet-tab,#android-tablet-header').addClass('selected-tab');
-          });
-          if ($(window).width() <= 600) {
-              $('#android-tablet-tab,#android-tablet-header').removeClass('selected-tab');
-              $('#android-mobile-tab,#android-mobile-header').addClass('selected-tab');
-          }
-      };
-      $(document).ready(function () {
-          loaded();
-      });
-  </script>
-</head>
-
-<body>
-<div class="wrapper">
-    <h2>
-      Getting Started
-    </h2>
-    <!-- Content below this point is manually copied from help.keyman.com -->
-<div id="android-tab-header">
-  <div id="android-mobile-header">
-    <h4>Phone</h4>
-      </div>
-      <div class="selected-tab" id="android-tablet-header">
-        <h4>Tablet</h4>
-      </div>
-    </div>
-    <div class="tab" id="android-mobile-tab">
-      <p>
-        Keyman for Android lets you type in over 600 languages on Android mobiles and tablets.
-        To get started, here are some helpful hints:
-      </p>
-      <table>
-        <tr>
-          <th colspan="2">Keyboard Keys <br/>(Keyboard Present)</th>
-        </tr>
-        <tr>
-          <td><img id="install-keyboard-ap" src="img/app/12.0/globe-ap.png"></td>
-          <td>Select another language/keyboard</td>
-        </tr>
-        <tr>
-          <td><img id="hide-keyboard-ap" src="img/app/12.0/hide-keyboard-ap.png"></td>
-          <td>Hide the keyboard</td>
-        </tr>
-        <tr>
-          <td><img id="backspace-ap" src="img/app/12.0/backspace-ap.png"></td>
-          <td>Backspace</td>
-        </tr>
-        <tr>
-          <td><img id="return-ap" src="img/app/12.0/return-ap.png"></td>
-          <td>Return</td>
-        </tr>
-        <tr>
-          <td><img id="shift-ap" src="img/app/12.0/shift-ap.png"></td>
-          <td>Shift key. Long press this key to access the CTRL, ALT and CTRL ALT keys
-            (which can access additional key layers)
-          </td>
-        </tr>
-        <tr>
-          <td><img id="touch-hold-ap" src="img/app/12.0/touch-hold-ap.png"></td>
-          <td>Keys with a small dot in the top right corner indicate a long press key. Access
-            further functionality by long pressing the key
-          </td>
-        </tr>
-        <tr>
-          <th colspan="2" id="toolbar-ap">Toolbar Icons</th>
-        </tr>
-        <tr>
-          <td><img id="share-ap" src="img/app/12.0/share-a.png"></td>
-          <td>Share your text via Mail, Text, or Twitter</td>
-        </tr>
-        <tr>
-          <td><img id="browser-ap" src="img/app/12.0/browser-a.png"></td>
-          <td>Open the Keyman Browser to use the web in your language</td>
-        </tr>
-        <tr>
-          <td><img id="menu-ap" src="img/app/12.0/menu-icon-a.png"></td>
-          <td>Open the menu for additional options</td>
-        </tr>
-        <tr>
-          <td><img id="font-size-ap" src="img/app/12.0/font-size-a.png"></td>
-          <td>Adjust the font size</td>
-        </tr>
-        <tr>
-          <td><img id="delete-ap" src="img/app/12.0/delete-a.png"></td>
-          <td>Delete all current text</td>
-        </tr>
-        <tr>
-          <td><img id="info-ap" src="img/app/12.0/info-a.png"></td>
-          <td>Load this help page</td>
-        </tr>
-        <tr>
-          <td><img id="get-started-ap" src="img/app/12.0/get-started-a.png"></td>
-          <td>Open the initial setup screen</td>
-        </tr>
-        <tr>
-          <td><img id="settings-ap" src="img/app/12.0/settings-a.png"></td>
-          <td>Open the Keyman Settings screen</td>
-        </tr>
-      </table>
-    
-      <h2>Switching between Keyboards</h2>
-      <p>
-        To switch keyboards, follow these steps:
-        <br/><br/>
-        Step 1)
-        <br/>
-        With the keyboard visible, touch the globe key:
-        <br/>
-        <img id="globe-ap" src="img/app/12.0/globe-ap.png">
-        <br/>
-        This will bring up a list of all currently installed languages (the default is English
-        EuroLatin (SIL)). If you have already downloaded additional languages, they will appear here.
-        Simply select them and the keyboard will re-appear with the new language.
-        <br/><br/>
-    
-      <h2>Adding New Keyboards</h2>
-      <p>
-        To add keyboards, follow these steps:
-        <br/><br/>
-        Step 1)
-        <br/>
-        Open the menu for additional options. Select 'Settings'
-        <br/><br/>
-        Step 2)
-        <br/>
-        From the Keyman Settings menu, select 'Installed languages'
-        <br/>
-        <img id="settings-language-ap" src="img/app/12.0/settings-language-ap.png">
-        <br/><br/>
-        Step 3)
-        From the 'Installed languages' menu, touch the <span class="command">+</span>
-        button in the bottom right corner of your screen.
-        <br/>
-        <img id="plus-ap" src="img/app/12.0/plus-a.png">
-        <br/><br/>
-        Step 4)
-        <br/>
-        A list of all available languages will appear. Scroll through this list until you find
-        the language you want to install. Languages marked with a right arrow have multiple keyboards - for
-        example we have 10+ different Tamil keyboards.
-        <br/>
-        <img id="lang-list-ap" src="img/app/12.0/lang-list-ap.png">
-        <br/><br/>
-        Select the language and keyboard you want to install - a popup will ask for confirmation,
-        hit the <span class="command">Download</span> button.
-        <br/>
-        <img id="confirm-dl-ap" src="img/app/12.0/confirm-dl-ap.png">
-        <br/><br/>
-        Step 5)
-        <br/>
-        Once the download is complete, the new keyboard will be selected. Touch the <span class="command">&larr;</span>
-        button on the top left corner of the popup several times and the new keyboard will become active.
-        <br/>
-        <img id="success-ap" src="img/app/12.0/dl-success-ap.png">
-        <br/><br/>
-        Alternate Step for System Keyboard)
-        <br/>
-        The Keyman system keyboard has an additional <span class="command">CLOSE KEYMAN</span> button at the bottom left of
-        the "Keyboards" menu. Pushing this button will close Keyman and switch to the next non-Keyman system keyboard.
-        <br/>
-        <img id="close-keyman-ap" src="img/app/12.0/close-keyman-a.png">
-        <br/>
-      </p>
-    
-      <h2>Removing a Keyboard</h2>
-      <p>
-        To uninstall a keyboard, follow these steps:
-        <br/><br/>
-        Step 1)
-        <br/>
-        Open the menu for additional options. Select 'Settings'
-        <br/><br/>
-        Step 2)
-        <br/>
-        From the Keyman Settings menu, select 'Installed languages'
-        <br/>
-        <img id="settings-languages-ap" src="img/app/12.0/settings-languages-ap.png">
-        <br/><br/>
-        Step 3)
-        From the 'Installed languages' menu, select the language for the keyboard you want to remove.
-        <br/>
-        <img id="settings-two-installed-languages-ap" src="img/app/12.0/settings-two-installed-languages-ap.png">
-        <br/><br/>
-        Step 4) The language Settings menu lists currently installed keyboards associated with the language.
-        Select the keyboard you want to uninstall
-        <br/>
-        <img id="khmer-settings-ap" src="img/app/12.0/khmer-settings-ap.png">
-        <br/><br/>
-        Step 5)
-        <br/>
-        The bottom of the keyboard settings menu displays an option to uninstall the keyboard.
-        Select 'Uninstall keyboard' to get a prompt to delete the keyboard.
-        <br/>
-        Note: the default 'SIL EuroLatin' keyboard for English cannot be removed.
-        <br/>
-        <img id="settings-khmer-info-ap" src="img/app/12.0/settings-khmer-info-ap.png">
-        <br/><br/>
-        Step 6)
-        Press "Delete" to uninstall the keyboard.
-        <br/>
-        <img id="confirm-khmer-delete-ap" src="img/app/12.0/confirm-khmer-delete-ap.png">
-        <br/>
-        You'll see a notification when the keyboard is deleted.
-        <br/>
-        <img id="uninstall-notification-ap" src="img/app/12.0/uninstall-notification-ap.png">
-      </p>
-    
-      <h2>Hotkey</h2>
-      <p>
-        To switch between languages while using an external keyboard (i.e. a bluetooth keyboard), a quick and easy way is to
-        use a hotkey combination. Press and hold 'Ctrl' and then press 'Tab'.
-        You should see a list of languages/keyboards. Tap on any available language of your choice.
-      </p>
-    
-      <h2>Accessing Keyboard Help</h2>
-      <p>
-        Step 1) Open the keyboard list by touching the globe key.
-      </p>
-      <p><img id="keyboard-help1-ap" src="img/app/12.0/globe-ap.png"></p>
-      <br/>
-      <p>
-        Step 2) Touch the info icon for your keyboard.
-      </p>
-      <p><img id="keyboard-help2-ap" src="img/app/12.0/info-a-gray.png"></p>
-      <br/>
-    
-      <h2>Installing System Wide Keyboards</h2>
-      <p>
-        Step 1) Open the Keyman app and select the menu for additional options.
-        The screenshots below are of a device running Android 9.0 Pie.
-      </p>
-      <p><img id="settings1-ap" src="img/app/12.0/settings1-ap.png"></p>
-      <br/>
-      <p>
-        Step 2) Select 'Get Started' and then select 'Enable Keyman as system-wide keyboard'.
-      </p>
-      <p><img id="settings2-ap" src="img/app/12.0/settings2-ap.png"></p>
-      <br/>
-      <p>
-        This will open an Android settings screen for 'Available virtual keyboard'.
-      </p>
-      <p><img id="settings3-ap" src="img/app/12.0/settings3-ap.png"></p>
-      <br/>
-      <p>
-        Step 3) Enable 'Keyman' as an available virtual keyboard.
-        This will bring up two confirmation dialogs.
-      </p>
-      <p><img id="settings4-ap" src="img/app/12.0/settings4-ap.png"></p>
-      <br/>
-      <p><img id="settings5-ap" src="img/app/12.0/settings5-ap.png"></p>
-      <br/>
-      <p>
-        Select 'OK' on both. Now when the on-screen keyboard appears for apps other than Keyman,
-        you'll see a keyboard icon at the bottom right.
-      </p>
-      <p><img id="settings6-ap" src="img/app/12.0/settings6-ap.png"></p>
-      <br/>
-      <p>
-        Click the keyboard icon whenever you want to change the current system keyboard.
-      </p>
-      <p><img id="settings7-ap" src="img/app/12.0/settings7-ap.png"></p>
-      <br/><br/>
-    
-      <h2>Installing Custom Keyboards</h2>
-      <p>
-        Step 1) Click the link to your custom keyboard package file. The link in this example is for Khmer Angkor keyboard.
-      </p>
-      <p><img id="dist-url-screen-ap" src="img/app/12.0/dist-url-screen-ap.png"></p>
-      <p>
-        Step 2) Once the KMP file is on your device, you will need to browse to the KMP file and select it.
-        From the Keyman menu, select 'Settings'.
-        <br/>
-        From the Keyman Settings menu, select 'Add Keyboard from Device'.
-      </p>
-      <p><img id="settings-add-keyboard-from-device-ap" src="img/app/12.0/settings-language-ap.png"></p>
-      <p>
-        The device will launch a file browser where you'll browse to the directory of your KMP file.
-        A common place to look is the "Downloads" folder.
-      </p>
-      <p><img id="dist-file-browser-ap" src="img/app/12.0/dist-file-browser-ap.png"></p>
-      <p>
-        Selecting the KMP file should bring you to Step 3)
-      </p>
-      <p>
-        Step 3) On Android 6.0 (Marshmallow) and higher, mobile apps need to request permissions to access storage. Keyman
-        for Android needs access to read storage for installing the KMP file. At the dialog, select "ALLOW". Once authorized,
-        Keyman for Android won't need to ask for storage permission again, unless the user revokes or uninstalls the app.
-      </p>
-      <p><img id="dist-storrage-permission-ap" src="img/app/12.0/dist-storage-permission-ap.png"></p>
-      <p>
-        Older versions of Android grant Storage permissions at app installation time, so those users can skip this step.
-      </p>
-      <p>
-        Step 4) Keyman for Android will parse the metadata in the package. If the keyboard package includes a "welcome.htm"
-        file, this will be displayed at the confirmation to install the keyboard package.
-      </p>
-      <p><img id="dist-welcome-ap" src="img/app/12.0/dist-welcome-ap.png"></p>
-      <p>
-        If "welcome.htm" is not included, a generic page with the package ID and package version will be shown. Click the
-        left "Install" button to install the entire keyboard package.
-      </p>
-      <p>
-        Step 5) All the keyboards in the package are installed as a group. In this example, the package only has the
-        "Khmer Angkor" keyboard, so it becomes the active keyboard.
-      </p>
-      <p><img id="dist-install1-ap" src="img/app/12.0/dist-install1-ap.png"></p>
-      <p>
-        Once the keyboard has been downloaded, you should be able to use it as normal.
-        <br/>
-        To learn how to create a custom installable keyboard,
-        <a href="https://help.keyman.com/developer/12.0/guides/distribute/">click here</a>.
-      </p>
-    
-      <h2>Granting storage permission</h2>
-      <p>
-        If Keyman for Android is permanently denied storage access, attempts to install custom keyboards will fail with the
-        notification "Storage permission request was denied". Perform these steps to grant Keyman for Android access to storage
-      </p>
-      <p>
-        Step 1) Go to Android Settings.
-        <br/>
-        Step 2) Depending on your device, click "Apps", "Apps &amp; notifications", or "App permissions" and grant Keyman
-        storage permission. The screenshot below is from Android 9.0 Pie.
-      </p>
-      <p><img id="keyman-storage-permission-ap" src="img/app/12.0/keyman-storage-permission-ap.png"></p>
-    
-      <h2>Use the Keyman Browser</h2>
-      <p>
-        Step 1) Click the Keyman Browser button in the Keyman app
-        <br/>
-        Step 2) Enter the URL of a website to visit into the address bar, for example <strong>google.com</strong>.
-        Keyman Browser will load the page and detect your language if it is present, and reformat it to show your
-        language instead of square boxes.
-        <br/>
-        Step 3) Use the bookmark button to save the current page for browsing later.
-        <br/>
-        Step 4) Use the Globe icon to swap between languages.
-      </p>
-    
-      <h2>Integrate Keyman with your App or Website</h2>
-      <p>
-        If you are interested in learning how Keyman can be integrated into your own app or
-        website, visit <a href="https://keyman.com/engine/">keyman.com/engine</a>
-      </p>
-    
-      <h2>Further Help</h2>
-      <p>
-        For more information on Keyman, visit <a href="https://keyman.com">keyman.com</a>
-        <br/><br/>
-        For more information on Keyman for Android, visit <a href="https://keyman.com/android">keyman.com/android</a>
-      </p>
-    
-    </div>
-    
-    <div class="tab selected-tab" id="android-tablet-tab">
-      <p>
-        Keyman for Android lets you type in over 600 languages on Android mobiles and tablets.
-        To get started, here are some helpful hints:
-      </p>
-      <table>
-        <tr>
-          <th colspan="2">Keyboard Keys <br/>(Keyboard Present)</th>
-        </tr>
-        <tr>
-          <td><img id="install-keyboard-at" src="img/app/12.0/globe-at.png"></td>
-          <td>Select another language/keyboard</td>
-        </tr>
-        <tr>
-          <td><img id="hide-keyboard-at" src="img/app/12.0/hide-keyboard-at.png"></td>
-          <td>Hide the keyboard</td>
-        </tr>
-        <tr>
-          <td><img id="backspace-at" src="img/app/12.0/backspace-at.png"></td>
-          <td>Backspace</td>
-        </tr>
-        <tr>
-          <td><img id="return-at" src="img/app/12.0/return-at.png"></td>
-          <td>Return</td>
-        </tr>
-        <tr>
-          <td><img id="shift-at" src="img/app/12.0/shift-at.png"></td>
-          <td>Shift key. Long press this key to access the CTRL, ALT and CTRL ALT keys
-            (which can access additional key layers)
-          </td>
-        </tr>
-        <tr>
-          <td><img id="touch-hold-at" src="img/app/12.0/touch-hold-at.png"></td>
-          <td>Keys with a small dot in the top right corner indicate a long press key. Access
-            further functionality by long pressing the key
-          </td>
-        </tr>
-        <tr>
-          <th colspan="2" id="toolbar-at">Toolbar Icons</th>
-        </tr>
-        <tr>
-          <td><img id="share-at" src="img/app/12.0/share-a.png"></td>
-          <td>Share your text via Mail, Text, or Twitter</td>
-        </tr>
-        <tr>
-          <td><img id="browser-at" src="img/app/12.0/browser-a.png"></td>
-          <td>Open the Keyman Browser to use the web in your language</td>
-        </tr>
-        <tr>
-          <td><img id="font-size-at" src="img/app/12.0/font-size-a.png"></td>
-          <td>Adjust the font size</td>
-        </tr>
-        <tr>
-          <td><img id="delete-at" src="img/app/12.0/delete-a.png"></td>
-          <td>Delete all current text</td>
-        </tr>
-        <tr>
-          <td><img id="info-at" src="img/app/12.0/info-a.png"></td>
-          <td>Load this help page</td>
-        </tr>
-        <tr>
-          <td><img id="get-started-at" src="img/app/12.0/get-started-a.png"></td>
-          <td>Open the initial setup screen</td>
-        </tr>
-        <tr>
-          <td><img id="settings-at" src="img/app/12.0/settings-a.png"></td>
-          <td>Open the Keyman Settings screen</td>
-        </tr>
-      </table>
-    
-      <h2>Switching between Keyboards</h2>
-      <p>
-        To switch keyboards, follow these steps:
-        <br/><br/>
-        Step 1)
-        <br/>
-        With the keyboard visible, touch the globe key:
-        <br/>
-        <img id="globe-at" src="img/app/12.0/globe-at.png">
-        <br/>
-        This will bring up a list of all currently installed languages (the default is English
-        EuroLatin (SIL)). If you have already downloaded additional languages, they will appear here.
-        Simply select them and the keyboard will re-appear with the new language.
-        <br/><br/>
-    
-      <h2>Adding New Keyboards</h2>
-      <p>
-        To add keyboards, follow these steps:
-        <br/><br/>
-        Step 1)
-        <br/>
-        Open the menu for additional options. Select 'Settings'
-        <br/><br/>
-        Step 2)
-        <br/>
-        From the Keyman Settings menu, select 'Installed languages'
-        <br/>
-        <img id="settings-language-at" src="img/app/12.0/settings-language-ap.png">
-        <br/><br/>
-        Step 3)
-        From the 'Installed languages' menu, touch the <span class="command">+</span>
-        button in the bottom right corner of your screen.
-        <br/>
-        <img id="plus-at" src="img/app/12.0/plus-a.png">
-        <br/><br/>
-        Step 4)
-        <br/>
-        A list of all available languages will appear. Scroll through this list until you find
-        the language you want to install. Languages marked with a right arrow have multiple keyboards - for
-        example we have 10+ different Tamil keyboards.
-        <br/>
-        <img id="lang-list-at" src="img/app/12.0/lang-list-at.png">
-        <br/><br/>
-        Select the language and keyboard you want to install - a popup will ask for confirmation,
-        hit the <span class="command">Download</span> button.
-        <br/>
-        <img id="confirm-dl-at" src="img/app/12.0/confirm-dl-at.png">
-        <br/><br/>
-        Step 5)
-        <br/>
-        Once the download is complete, the new keyboard will be selected. Touch the <span class="command">&larr;</span>
-        button on the top left corner of the popup several times and the new keyboard will become active.
-        <br/>
-        <img id="success-at" src="img/app/12.0/dl-success-at.png">
-        <br/><br/>
-        Alternate Step for System Keyboard)
-        <br/>
-        The Keyman system keyboard has an additional <span class="command">CLOSE KEYMAN</span> button at the bottom left of
-        the "Keyboards" menu. Pushing this button will close Keyman and switch to the next non-Keyman system keyboard.
-        <br/>
-        <img id="close-keyman-at" src="img/app/12.0/close-keyman-a.png">
-        <br/>
-      </p>
-    
-      <h2>Removing a Keyboard</h2>
-      <p>
-        To uninstall a keyboard, follow these steps:
-        <br/><br/>
-        Step 1)
-        <br/>
-        From the menu, select 'Settings'
-        <br/><br/>
-        Step 2)
-        <br/>
-        From the Keyman Settings menu, select 'Installed languages'
-        <br/>
-        <img id="settings-languages-at" src="img/app/12.0/settings-languages-ap.png">
-        <br/><br/>
-        Step 3)
-        From the 'Installed languages' menu, select the language for the keyboard you want to remove.
-        <br/>
-        <img id="settings-two-installed-languages-at" src="img/app/12.0/settings-two-installed-languages-ap.png">
-        <br/><br/>
-        Step 4) The language Settings menu lists currently installed keyboards associated with the language.
-        Select the keyboard you want to uninstall
-        <br/>
-        <img id="khmer-settings-at" src="img/app/12.0/khmer-settings-ap.png">
-        <br/><br/>
-        Step 5)
-        <br/>
-        The bottom of the keyboard settings menu displays an option to uninstall the keyboard.
-        Select 'Uninstall keyboard' to get a prompt to delete the keyboard.
-        <br/>
-        Note: the default 'SIL EuroLatin' keyboard for English cannot be removed.
-        <br/>
-        <img id="settings-khmer-info-at" src="img/app/12.0/settings-khmer-info-ap.png">
-        <br/><br/>
-        Step 6)
-        Press "Delete" to uninstall the keyboard.
-        <br/>
-        <img id="confirm-khmer-delete-at" src="img/app/12.0/confirm-khmer-delete-ap.png">
-        <br/>
-        You'll see a notification when the keyboard is deleted.
-        <br/>
-        <img id="uninstall-notification-at" src="img/app/12.0/uninstall-notification-at.png">
-      </p>
-    
-      <h2>Hotkey</h2>
-      <p>
-        To switch between languages while using an external keyboard (i.e. a bluetooth keyboard), a quick and easy way is to
-        use a hotkey combination. Press and hold 'Ctrl' and then press 'Tab'.
-        You should see a list of languages/keyboards. Tap on any available language of your choice.
-      </p>
-    
-      <h2>Accessing Keyboard Help</h2>
-      <p>
-        Step 1) Open the keyboard list by touching the globe key.
-      </p>
-      <p><img id="keyboard-help1-at" src="img/app/12.0/globe-at.png"></p>
-      <br/>
-      <p>
-        Step 2) Touch the info icon for your keyboard.
-      </p>
-      <p><img id="keyboard-help2-at" src="img/app/12.0/info-a-gray.png"></p>
-      <br/>
-    
-      <h2>Installing System Wide Keyboards</h2>
-      <p>
-        Step 1) Open the Keyman app. The screenshots below are of a device running Android 8.1 Oreo.
-      </p>
-      <p><img id="settings1-at" src="img/app/12.0/settings1-at.png"></p>
-      <br/>
-      <p>
-        Step 2) Select 'Get Started' and then select 'Enable Keyman as system-wide keyboard'.
-      </p>
-      <p><img id="settings2-at" src="img/app/12.0/settings2-at.png"></p>
-      <br/>
-      <p>
-        This will open an Android settings screen for 'Available virtual keyboard'.
-      </p>
-      <p><img id="settings3-at" src="img/app/12.0/settings3-at.png"></p>
-      <br/>
-      <p>
-        Step 3) Enable 'Keyman' as an available virtual keyboard.
-        This will bring up two confirmation dialogs.
-      </p>
-      <p><img id="settings4-at" src="img/app/12.0/settings4-at.png"></p>
-      <br/>
-      <p><img id="settings5-at" src="img/app/12.0/settings5-at.png"></p>
-      <br/>
-      <p>
-        Select 'OK' on both. Now when the on-screen keyboard appears for apps other than Keyman,
-        you'll see a keyboard icon at the bottom right.
-      </p>
-      <p><img id="settings6-at" src="img/app/12.0/settings6-at.png"></p>
-      <br/>
-      <p>
-        Click the keyboard icon whenever you want to change the current system keyboard.
-      </p>
-      <p><img id="settings7-at" src="img/app/12.0/settings7-at.png"></p>
-      <br/><br/>
-    
-      <h2>Installing Custom Keyboards</h2>
-      <p>
-        Step 1) Click the link to your custom keyboard package file. The link in this example is for Khmer Angkor keyboard.
-      </p>
-      <p><img id="dist-url-screen-at" src="img/app/12.0/dist-url-screen-at.png"></p>
-      <p>
-        Step 2) Once the KMP file is on your device, you will need to browse to the KMP file and select it.
-        From the Keyman menu, select 'Settings'.
-        <br/>
-        From the Keyman Settings menu, select 'Add Keyboard from Device'.
-      </p>
-      <p><img id="settings-add-keyboard-from-device-at" src="img/app/12.0/settings-language-ap.png"></p>
-      <p>
-        The device will launch a file browser where you'll browse to the directory of your KMP file.
-        A common place to look is the "Downloads" folder.
-      </p>
-      <p><img id="dist-file-browser-at" src="img/app/12.0/dist-file-browser-at.png"></p>
-      <p>
-        Selecting the KMP file should bring you to Step 3)
-      </p>
-      <p>
-        Step 3) On Android 6.0 (Marshmallow) and higher, mobile apps need to request permissions to access storage. Keyman
-        for Android needs access to read storage for installing the KMP file. At the dialog, select "ALLOW". Once authorized,
-        Keyman for Android won't need to ask for storage permission again, unless the user revokes or uninstalls the app.
-      </p>
-      <p><img id="dist-storage-permission-at" src="img/app/12.0/dist-storage-permission-at.png"></p>
-      <p>
-        Older versions of Android grant Storage permissions at app installation time, so those users can skip this step.
-      </p>
-      <p>
-        Step 4) Keyman for Android will parse the metadata in the package. If the keyboard package includes a "welcome.htm"
-        file, this will be displayed at the confirmation to install the keyboard package.
-      </p>
-      <p><img id="dist-welcome-at" src="img/app/12.0/dist-welcome-at.png"></p>
-      <p>
-        If "welcome.htm" is not included, a generic page with the package ID and package version will be shown. Click the
-        left "Install" button to install the entire keyboard package.
-      </p>
-      <p>
-        Step 5) All the keyboards in the package are installed as a group. In this example, the package only has the
-        "Khmer Angkor" keyboard, so it becomes the active keyboard.
-      </p>
-      <p><img id="dist-install1-at" src="img/app/12.0/dist-install1-at.png"></p>
-      <p>
-        Once the keyboard has been downloaded, you should be able to use it as normal.
-        <br/>
-        To learn how to create a custom installable keyboard,
-        <a href="https://help.keyman.com/developer/12.0/guides/distribute/">click here</a>.
-      </p>
-    
-      <h2>Granting storage permission</h2>
-      <p>
-        If Keyman for Android is permanently denied storage access, attempts to install custom keyboards will fail with the
-        notification "Storage permission request was denied". Perform these steps to grant Keyman for Android access to storage
-      </p>
-      <p>
-        Step 1) Go to Android Settings.
-        <br/>
-        Step 2) Depending on your device, click "Apps", "Apps &amp; notifications", or "App permissions" and grant Keyman
-        storage permission. The screenshot below is from Android 8.1 Oreo.
-      </p>
-      <p><img id="keyman-storage-permission-at" src="img/app/12.0/keyman-storage-permission-at.png"></p>
-    
-      <h2>Use the Keyman Browser</h2>
-      <p>
-        Step 1) Click the Keyman Browser button in the Keyman app
-        <br/>
-        Step 2) Enter the URL of a website to visit into the address bar, for example <strong>google.com</strong>.
-        Keyman Browser will load the page and detect your language if it is present, and reformat it to show your
-        language instead of square boxes.
-        <br/>
-        Step 3) Use the bookmark button to save the current page for browsing later.
-        <br/>
-        Step 4) Use the Globe icon to swap between languages.
-      </p>
-    
-      <h2>Integrate Keyman with your App or Website</h2>
-      <p>
-        If you are interested in learning how Keyman can be integrated into your own app or
-        website, visit <a href="https://keyman.com/engine/">keyman.com/engine</a>
-      </p>
-    
-      <h2>Further Help</h2>
-      <p>
-        For more information on Keyman, visit <a href="https://keyman.com">keyman.com</a>
-        <br/><br/>
-        For more information on Keyman for Android, visit <a href="https://keyman.com/android">keyman.com/android</a>
-      </p>
-    
-    </div>
-</div>
-</body>
-</html>

android/KMAPro/kMAPro/src/main/assets/info/products/android/phone/index.html

@@ -0,0 +1,240 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Keyman for Android Help</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <link rel='shortcut icon' href="../../../cdn/dev/img/favicon.ico">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/template.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/app-info-a.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/embed.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/formfactor.css">
+    <link href='https://fonts.googleapis.com/css?family=Cabin:400,400italic,500,600,700,700italic|Source+Sans+Pro:400,700,900,600,300|Noto+Serif:400' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
+  <script type='text/javascript' src='../../../cdn/dev/js/keyrenderer.js'></script>
+  <script type="text/javascript">
+   // Add a script element as a child of the body
+   
+    function downloadJS(src) {
+      var element = document.createElement("script");
+      element.src = src;
+      document.body.appendChild(element);
+    }
+   
+    function downloadJSAtOnload() {
+      downloadJS("/cdn/dev/js/jquery1-11-1.min.js");
+              downloadJS("/cdn/dev/js/kmlive.js");
+            //downloadJS("/cdn/dev/js/keyrenderer.js");
+    }
+    
+   // Check for browser support of event handling capability
+   if (window.addEventListener)
+   window.addEventListener("load", downloadJSAtOnload, false);
+   else if (window.attachEvent)
+   window.attachEvent("onload", downloadJSAtOnload);
+   else window.onload = downloadJSAtOnload;
+  </script>
+    <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-249828-1',  'auto', {'allowLinker': true});
+    ga('require', 'linker');
+    ga('linker:autoLink', 
+      ['keyman.com', 'www.keyman.com', 
+       'keymanweb.com', 'www.keymanweb.com', 
+       'help.keyman.com',
+       'blog.keyman.com',
+       'www.tavultesoft.com', 'tavultesoft.com', 'secure.tavultesoft.com'] );
+    ga('send', 'pageview');
+  </script>
+  </head>
+<body data-device="Unknown">
+  <div id="container">
+    <div class="header">
+      <div id="show-phone-menu-spacer"></div>
+              <img id="logo" src="../../../cdn/dev/img/logo2.png" alt='Keyman Logo' />
+            <div id="no-menu-spacer"></div>
+      <img id="header-bottom" src="../../../cdn/dev/img/headerbar.png" alt='Header bottom' />
+      <a id="help" href="http://keyman.com/">
+        <p id="keyman-help">Keyman.com</p><img src="../../../cdn/dev/img/helpIcon.png">
+      </a>
+    </div>
+    <div id="phone-header-spacer"></div><div class="main no-toc no-index">
+  <div id="section2" class='embed-on phone-form'>
+    <div class="column-left">
+      <div id="index">
+        <h3>Index</h3>
+        <div id="index-content"></div>
+      </div>
+    </div>    
+    <div class="wrapper">
+      <article>
+<h2 class="content-in-app">Getting Started</h2>
+<h2 class="content-online">Keyman for Android</h2>
+
+<p class="content-online"><a href='http://help.keyman.com.local/products/android/version-history'>Version history</a></p>
+
+
+<p>
+  Keyman for Android lets you type in over 600 languages on Android mobiles and tablets.
+  To get started, here are some helpful hints:
+</p>
+<table>
+  <tr>
+    <th colspan="2">Keyboard Keys <br/>(Keyboard Present)</th>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="install-keyboard-ap" src="../../../cdn/dev/img/app/12.0/globe-ap.png">
+      <img class="tablet" id="install-keyboard-at" src="../../../cdn/dev/img/app/12.0/globe-at.png">
+    </td>
+    <td>Select another language/keyboard</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="hide-keyboard-ap" src="../../../cdn/dev/img/app/12.0/hide-keyboard-ap.png">
+      <img class="tablet" id="hide-keyboard-at" src="../../../cdn/dev/img/app/12.0/hide-keyboard-at.png">
+    </td>
+    <td>Hide the keyboard</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="backspace-ap" src="../../../cdn/dev/img/app/12.0/backspace-ap.png">
+      <img class="tablet" id="backspace-at" src="../../../cdn/dev/img/app/12.0/backspace-at.png">
+    </td>
+    <td>Backspace</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="return-ap" src="../../../cdn/dev/img/app/12.0/return-ap.png">
+      <img class="tablet" id="return-at" src="../../../cdn/dev/img/app/12.0/return-at.png">
+    </td>
+    <td>Return</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="shift-ap" src="../../../cdn/dev/img/app/12.0/shift-ap.png">
+      <img class="tablet" id="shift-at" src="../../../cdn/dev/img/app/12.0/shift-at.png">
+    </td>
+    <td>Shift key. Long press this key to access the CTRL, ALT and CTRL ALT keys
+      (which can access additional key layers)
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="touch-hold-ap" src="../../../cdn/dev/img/app/12.0/touch-hold-ap.png">
+      <img class="tablet" id="touch-hold-at" src="../../../cdn/dev/img/app/12.0/touch-hold-at.png">
+    </td>
+    <td>Keys with a small dot in the top right corner indicate a long press key. Access
+      further functionality by long pressing the key
+    </td>
+  </tr>
+  <tr>
+    <th colspan="2" id="toolbar-ap">Toolbar Icons</th>
+  </tr>
+  <tr>
+    <td><img id="share-ap" src="../../../cdn/dev/img/app/12.0/share-a.png"></td>
+    <td>Share your text via Mail, Text, or Twitter</td>
+  </tr>
+  <tr>
+    <td><img id="browser-ap" src="../../../cdn/dev/img/app/12.0/browser-a.png"></td>
+    <td>Open the Keyman Browser to use the web in your language</td>
+  </tr>
+  <tr>
+    <td><img id="menu-ap" src="../../../cdn/dev/img/app/12.0/menu-icon-a.png"></td>
+    <td>Open the menu for additional options</td>
+  </tr>
+  <tr>
+    <td><img id="font-size-ap" src="../../../cdn/dev/img/app/12.0/font-size-a.png"></td>
+    <td>Adjust the font size</td>
+  </tr>
+  <tr>
+    <td><img id="delete-ap" src="../../../cdn/dev/img/app/12.0/delete-a.png"></td>
+    <td>Delete all current text</td>
+  </tr>
+  <tr>
+    <td><img id="info-ap" src="../../../cdn/dev/img/app/12.0/info-a.png"></td>
+    <td>Load this help page</td>
+  </tr>
+  <tr>
+    <td><img id="get-started-ap" src="../../../cdn/dev/img/app/12.0/get-started-a.png"></td>
+    <td>Open the initial setup screen</td>
+  </tr>
+  <tr>
+    <td><img id="settings-ap" src="../../../cdn/dev/img/app/12.0/settings-a.png"></td>
+    <td>Open the Keyman Settings screen</td>
+  </tr>
+</table>
+
+<h2>Accessing Keyboard Help</h2>
+<p>
+  Step 1) Open the keyboard list by touching the globe key.
+</p>
+<p>
+  <img class="phone" id="keyboard-help1-ap" src="../../../cdn/dev/img/app/12.0/globe-ap.png">
+  <img class="tablet" id="keyboard-help1-at" src="../../../cdn/dev/img/app/12.0/globe-at.png">
+</p>
+<br/>
+<p>
+  Step 2) Touch the info icon for your keyboard.
+</p>
+<p><img id="keyboard-help2-ap" src="../../../cdn/dev/img/app/12.0/info-a-gray.png"></p>
+<br/>
+
+<h2>Help Index</h2>
+
+<ul>
+  <li class="content-in-app"><a href="index.php.html">Getting Started</a></li>
+  <li class="content-online"><a href="index.php.html">Keyman for Android help home</a></li>
+  <li><a href="installing-keyboards.php.html">Adding new keyboards</a></li>
+  <li><a href='switching-between-keyboards.php.html'>Switching between keyboards</a></li>
+  <li><a href='uninstalling-keyboards.php.html'>Removing a keyboard</a></li>
+  <li><a href='installing-custom-packages.php.html'>Installing custom keyboards/dictionaries</a></li>
+  <li><a href='installing-system-keyboard.php.html'>Installing system-wide keyboards</a></li>
+  <li><a href='uninstalling-dictionaries.php.html'>Removing a dictionary</a></li>
+  <li><a href='using-keyman-browser.php.html'>Using the Keyman browser</a></li>
+</ul>
+
+<h2>Integrate Keyman with your App or Website</h2>
+<p>
+  If you are interested in learning how Keyman can be integrated into your own app or
+  website, visit <a href="https://keyman.com/engine/">keyman.com/engine</a>
+</p>
+
+<h2>Further Help</h2>
+<p>
+  For more information on Keyman, visit <a href="https://keyman.com">keyman.com</a>
+  <br/><br/>
+  For more information on Keyman for Android, visit <a href="https://keyman.com/android">keyman.com/android</a>
+</p>
+
+<div class="content-online">
+  <h2>Keyman for Android Documentation Versions</h2>
+
+  <ul>
+    <li><a href='index.html'>Keyman for Android 12.0 Documentation</a></li>
+    <li><a href='http://help.keyman.com.local/products/android/11.0/'>Keyman for Android 11.0 Documentation</a></li>
+    <li><a href='http://help.keyman.com.local/products/android/10.0/'>Keyman for Android 10.0 Documentation</a></li>
+    <li><a href='http://help.keyman.com.local/products/android/2.0/'>Keyman for Android 2.0 Documentation</a></li>
+  </ul>
+</div>
+          </article>
+        </div>
+    </div>
+</div>
+<div class="footer">
+    <div class="wrapper">
+        <div class="footer-third sil-logo">
+            <br>
+            <a href="https://www.keyman.com/about/"><img id="sil-logo" src="../../../cdn/dev/img/sil-logo-blue-2017_1.png" alt='SIL' /></a>
+            <p>Copyright &copy; 1992-2019</p>
+            <p>Created by <a href="https://www.keyman.com/about/">SIL International</a></p>
+          </div>
+    </div>
+</div>
+</body>
+</html>

android/KMAPro/kMAPro/src/main/assets/info/products/android/phone/index.php.html

@@ -0,0 +1,240 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Keyman for Android Help</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <link rel='shortcut icon' href="../../../cdn/dev/img/favicon.ico">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/template.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/app-info-a.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/embed.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/formfactor.css">
+    <link href='https://fonts.googleapis.com/css?family=Cabin:400,400italic,500,600,700,700italic|Source+Sans+Pro:400,700,900,600,300|Noto+Serif:400' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
+  <script type='text/javascript' src='../../../cdn/dev/js/keyrenderer.js'></script>
+  <script type="text/javascript">
+   // Add a script element as a child of the body
+   
+    function downloadJS(src) {
+      var element = document.createElement("script");
+      element.src = src;
+      document.body.appendChild(element);
+    }
+   
+    function downloadJSAtOnload() {
+      downloadJS("/cdn/dev/js/jquery1-11-1.min.js");
+              downloadJS("/cdn/dev/js/kmlive.js");
+            //downloadJS("/cdn/dev/js/keyrenderer.js");
+    }
+    
+   // Check for browser support of event handling capability
+   if (window.addEventListener)
+   window.addEventListener("load", downloadJSAtOnload, false);
+   else if (window.attachEvent)
+   window.attachEvent("onload", downloadJSAtOnload);
+   else window.onload = downloadJSAtOnload;
+  </script>
+    <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-249828-1',  'auto', {'allowLinker': true});
+    ga('require', 'linker');
+    ga('linker:autoLink', 
+      ['keyman.com', 'www.keyman.com', 
+       'keymanweb.com', 'www.keymanweb.com', 
+       'help.keyman.com',
+       'blog.keyman.com',
+       'www.tavultesoft.com', 'tavultesoft.com', 'secure.tavultesoft.com'] );
+    ga('send', 'pageview');
+  </script>
+  </head>
+<body data-device="Unknown">
+  <div id="container">
+    <div class="header">
+      <div id="show-phone-menu-spacer"></div>
+              <img id="logo" src="../../../cdn/dev/img/logo2.png" alt='Keyman Logo' />
+            <div id="no-menu-spacer"></div>
+      <img id="header-bottom" src="../../../cdn/dev/img/headerbar.png" alt='Header bottom' />
+      <a id="help" href="http://keyman.com/">
+        <p id="keyman-help">Keyman.com</p><img src="../../../cdn/dev/img/helpIcon.png">
+      </a>
+    </div>
+    <div id="phone-header-spacer"></div><div class="main no-toc no-index">
+  <div id="section2" class='embed-on phone-form'>
+    <div class="column-left">
+      <div id="index">
+        <h3>Index</h3>
+        <div id="index-content"></div>
+      </div>
+    </div>    
+    <div class="wrapper">
+      <article>
+<h2 class="content-in-app">Getting Started</h2>
+<h2 class="content-online">Keyman for Android</h2>
+
+<p class="content-online"><a href='http://help.keyman.com.local/products/android/version-history'>Version history</a></p>
+
+
+<p>
+  Keyman for Android lets you type in over 600 languages on Android mobiles and tablets.
+  To get started, here are some helpful hints:
+</p>
+<table>
+  <tr>
+    <th colspan="2">Keyboard Keys <br/>(Keyboard Present)</th>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="install-keyboard-ap" src="../../../cdn/dev/img/app/12.0/globe-ap.png">
+      <img class="tablet" id="install-keyboard-at" src="../../../cdn/dev/img/app/12.0/globe-at.png">
+    </td>
+    <td>Select another language/keyboard</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="hide-keyboard-ap" src="../../../cdn/dev/img/app/12.0/hide-keyboard-ap.png">
+      <img class="tablet" id="hide-keyboard-at" src="../../../cdn/dev/img/app/12.0/hide-keyboard-at.png">
+    </td>
+    <td>Hide the keyboard</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="backspace-ap" src="../../../cdn/dev/img/app/12.0/backspace-ap.png">
+      <img class="tablet" id="backspace-at" src="../../../cdn/dev/img/app/12.0/backspace-at.png">
+    </td>
+    <td>Backspace</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="return-ap" src="../../../cdn/dev/img/app/12.0/return-ap.png">
+      <img class="tablet" id="return-at" src="../../../cdn/dev/img/app/12.0/return-at.png">
+    </td>
+    <td>Return</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="shift-ap" src="../../../cdn/dev/img/app/12.0/shift-ap.png">
+      <img class="tablet" id="shift-at" src="../../../cdn/dev/img/app/12.0/shift-at.png">
+    </td>
+    <td>Shift key. Long press this key to access the CTRL, ALT and CTRL ALT keys
+      (which can access additional key layers)
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="touch-hold-ap" src="../../../cdn/dev/img/app/12.0/touch-hold-ap.png">
+      <img class="tablet" id="touch-hold-at" src="../../../cdn/dev/img/app/12.0/touch-hold-at.png">
+    </td>
+    <td>Keys with a small dot in the top right corner indicate a long press key. Access
+      further functionality by long pressing the key
+    </td>
+  </tr>
+  <tr>
+    <th colspan="2" id="toolbar-ap">Toolbar Icons</th>
+  </tr>
+  <tr>
+    <td><img id="share-ap" src="../../../cdn/dev/img/app/12.0/share-a.png"></td>
+    <td>Share your text via Mail, Text, or Twitter</td>
+  </tr>
+  <tr>
+    <td><img id="browser-ap" src="../../../cdn/dev/img/app/12.0/browser-a.png"></td>
+    <td>Open the Keyman Browser to use the web in your language</td>
+  </tr>
+  <tr>
+    <td><img id="menu-ap" src="../../../cdn/dev/img/app/12.0/menu-icon-a.png"></td>
+    <td>Open the menu for additional options</td>
+  </tr>
+  <tr>
+    <td><img id="font-size-ap" src="../../../cdn/dev/img/app/12.0/font-size-a.png"></td>
+    <td>Adjust the font size</td>
+  </tr>
+  <tr>
+    <td><img id="delete-ap" src="../../../cdn/dev/img/app/12.0/delete-a.png"></td>
+    <td>Delete all current text</td>
+  </tr>
+  <tr>
+    <td><img id="info-ap" src="../../../cdn/dev/img/app/12.0/info-a.png"></td>
+    <td>Load this help page</td>
+  </tr>
+  <tr>
+    <td><img id="get-started-ap" src="../../../cdn/dev/img/app/12.0/get-started-a.png"></td>
+    <td>Open the initial setup screen</td>
+  </tr>
+  <tr>
+    <td><img id="settings-ap" src="../../../cdn/dev/img/app/12.0/settings-a.png"></td>
+    <td>Open the Keyman Settings screen</td>
+  </tr>
+</table>
+
+<h2>Accessing Keyboard Help</h2>
+<p>
+  Step 1) Open the keyboard list by touching the globe key.
+</p>
+<p>
+  <img class="phone" id="keyboard-help1-ap" src="../../../cdn/dev/img/app/12.0/globe-ap.png">
+  <img class="tablet" id="keyboard-help1-at" src="../../../cdn/dev/img/app/12.0/globe-at.png">
+</p>
+<br/>
+<p>
+  Step 2) Touch the info icon for your keyboard.
+</p>
+<p><img id="keyboard-help2-ap" src="../../../cdn/dev/img/app/12.0/info-a-gray.png"></p>
+<br/>
+
+<h2>Help Index</h2>
+
+<ul>
+  <li class="content-in-app"><a href="index.php.html">Getting Started</a></li>
+  <li class="content-online"><a href="index.php.html">Keyman for Android help home</a></li>
+  <li><a href="installing-keyboards.php.html">Adding new keyboards</a></li>
+  <li><a href='switching-between-keyboards.php.html'>Switching between keyboards</a></li>
+  <li><a href='uninstalling-keyboards.php.html'>Removing a keyboard</a></li>
+  <li><a href='installing-custom-packages.php.html'>Installing custom keyboards/dictionaries</a></li>
+  <li><a href='installing-system-keyboard.php.html'>Installing system-wide keyboards</a></li>
+  <li><a href='uninstalling-dictionaries.php.html'>Removing a dictionary</a></li>
+  <li><a href='using-keyman-browser.php.html'>Using the Keyman browser</a></li>
+</ul>
+
+<h2>Integrate Keyman with your App or Website</h2>
+<p>
+  If you are interested in learning how Keyman can be integrated into your own app or
+  website, visit <a href="https://keyman.com/engine/">keyman.com/engine</a>
+</p>
+
+<h2>Further Help</h2>
+<p>
+  For more information on Keyman, visit <a href="https://keyman.com">keyman.com</a>
+  <br/><br/>
+  For more information on Keyman for Android, visit <a href="https://keyman.com/android">keyman.com/android</a>
+</p>
+
+<div class="content-online">
+  <h2>Keyman for Android Documentation Versions</h2>
+
+  <ul>
+    <li><a href='index.html'>Keyman for Android 12.0 Documentation</a></li>
+    <li><a href='http://help.keyman.com.local/products/android/11.0/'>Keyman for Android 11.0 Documentation</a></li>
+    <li><a href='http://help.keyman.com.local/products/android/10.0/'>Keyman for Android 10.0 Documentation</a></li>
+    <li><a href='http://help.keyman.com.local/products/android/2.0/'>Keyman for Android 2.0 Documentation</a></li>
+  </ul>
+</div>
+          </article>
+        </div>
+    </div>
+</div>
+<div class="footer">
+    <div class="wrapper">
+        <div class="footer-third sil-logo">
+            <br>
+            <a href="https://www.keyman.com/about/"><img id="sil-logo" src="../../../cdn/dev/img/sil-logo-blue-2017_1.png" alt='SIL' /></a>
+            <p>Copyright &copy; 1992-2019</p>
+            <p>Created by <a href="https://www.keyman.com/about/">SIL International</a></p>
+          </div>
+    </div>
+</div>
+</body>
+</html>

android/KMAPro/kMAPro/src/main/assets/info/products/android/phone/index.php@embed=android&formfactor=phone.html

@@ -0,0 +1,240 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Keyman for Android Help</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <link rel='shortcut icon' href="../../../cdn/dev/img/favicon.ico">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/template.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/app-info-a.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/embed.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/formfactor.css">
+    <link href='https://fonts.googleapis.com/css?family=Cabin:400,400italic,500,600,700,700italic|Source+Sans+Pro:400,700,900,600,300|Noto+Serif:400' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
+  <script type='text/javascript' src='../../../cdn/dev/js/keyrenderer.js'></script>
+  <script type="text/javascript">
+   // Add a script element as a child of the body
+   
+    function downloadJS(src) {
+      var element = document.createElement("script");
+      element.src = src;
+      document.body.appendChild(element);
+    }
+   
+    function downloadJSAtOnload() {
+      downloadJS("/cdn/dev/js/jquery1-11-1.min.js");
+              downloadJS("/cdn/dev/js/kmlive.js");
+            //downloadJS("/cdn/dev/js/keyrenderer.js");
+    }
+    
+   // Check for browser support of event handling capability
+   if (window.addEventListener)
+   window.addEventListener("load", downloadJSAtOnload, false);
+   else if (window.attachEvent)
+   window.attachEvent("onload", downloadJSAtOnload);
+   else window.onload = downloadJSAtOnload;
+  </script>
+    <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-249828-1',  'auto', {'allowLinker': true});
+    ga('require', 'linker');
+    ga('linker:autoLink', 
+      ['keyman.com', 'www.keyman.com', 
+       'keymanweb.com', 'www.keymanweb.com', 
+       'help.keyman.com',
+       'blog.keyman.com',
+       'www.tavultesoft.com', 'tavultesoft.com', 'secure.tavultesoft.com'] );
+    ga('send', 'pageview');
+  </script>
+  </head>
+<body data-device="Unknown">
+  <div id="container">
+    <div class="header">
+      <div id="show-phone-menu-spacer"></div>
+              <img id="logo" src="../../../cdn/dev/img/logo2.png" alt='Keyman Logo' />
+            <div id="no-menu-spacer"></div>
+      <img id="header-bottom" src="../../../cdn/dev/img/headerbar.png" alt='Header bottom' />
+      <a id="help" href="http://keyman.com/">
+        <p id="keyman-help">Keyman.com</p><img src="../../../cdn/dev/img/helpIcon.png">
+      </a>
+    </div>
+    <div id="phone-header-spacer"></div><div class="main no-toc no-index">
+  <div id="section2" class='embed-on phone-form'>
+    <div class="column-left">
+      <div id="index">
+        <h3>Index</h3>
+        <div id="index-content"></div>
+      </div>
+    </div>    
+    <div class="wrapper">
+      <article>
+<h2 class="content-in-app">Getting Started</h2>
+<h2 class="content-online">Keyman for Android</h2>
+
+<p class="content-online"><a href='http://help.keyman.com.local/products/android/version-history'>Version history</a></p>
+
+
+<p>
+  Keyman for Android lets you type in over 600 languages on Android mobiles and tablets.
+  To get started, here are some helpful hints:
+</p>
+<table>
+  <tr>
+    <th colspan="2">Keyboard Keys <br/>(Keyboard Present)</th>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="install-keyboard-ap" src="../../../cdn/dev/img/app/12.0/globe-ap.png">
+      <img class="tablet" id="install-keyboard-at" src="../../../cdn/dev/img/app/12.0/globe-at.png">
+    </td>
+    <td>Select another language/keyboard</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="hide-keyboard-ap" src="../../../cdn/dev/img/app/12.0/hide-keyboard-ap.png">
+      <img class="tablet" id="hide-keyboard-at" src="../../../cdn/dev/img/app/12.0/hide-keyboard-at.png">
+    </td>
+    <td>Hide the keyboard</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="backspace-ap" src="../../../cdn/dev/img/app/12.0/backspace-ap.png">
+      <img class="tablet" id="backspace-at" src="../../../cdn/dev/img/app/12.0/backspace-at.png">
+    </td>
+    <td>Backspace</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="return-ap" src="../../../cdn/dev/img/app/12.0/return-ap.png">
+      <img class="tablet" id="return-at" src="../../../cdn/dev/img/app/12.0/return-at.png">
+    </td>
+    <td>Return</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="shift-ap" src="../../../cdn/dev/img/app/12.0/shift-ap.png">
+      <img class="tablet" id="shift-at" src="../../../cdn/dev/img/app/12.0/shift-at.png">
+    </td>
+    <td>Shift key. Long press this key to access the CTRL, ALT and CTRL ALT keys
+      (which can access additional key layers)
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="touch-hold-ap" src="../../../cdn/dev/img/app/12.0/touch-hold-ap.png">
+      <img class="tablet" id="touch-hold-at" src="../../../cdn/dev/img/app/12.0/touch-hold-at.png">
+    </td>
+    <td>Keys with a small dot in the top right corner indicate a long press key. Access
+      further functionality by long pressing the key
+    </td>
+  </tr>
+  <tr>
+    <th colspan="2" id="toolbar-ap">Toolbar Icons</th>
+  </tr>
+  <tr>
+    <td><img id="share-ap" src="../../../cdn/dev/img/app/12.0/share-a.png"></td>
+    <td>Share your text via Mail, Text, or Twitter</td>
+  </tr>
+  <tr>
+    <td><img id="browser-ap" src="../../../cdn/dev/img/app/12.0/browser-a.png"></td>
+    <td>Open the Keyman Browser to use the web in your language</td>
+  </tr>
+  <tr>
+    <td><img id="menu-ap" src="../../../cdn/dev/img/app/12.0/menu-icon-a.png"></td>
+    <td>Open the menu for additional options</td>
+  </tr>
+  <tr>
+    <td><img id="font-size-ap" src="../../../cdn/dev/img/app/12.0/font-size-a.png"></td>
+    <td>Adjust the font size</td>
+  </tr>
+  <tr>
+    <td><img id="delete-ap" src="../../../cdn/dev/img/app/12.0/delete-a.png"></td>
+    <td>Delete all current text</td>
+  </tr>
+  <tr>
+    <td><img id="info-ap" src="../../../cdn/dev/img/app/12.0/info-a.png"></td>
+    <td>Load this help page</td>
+  </tr>
+  <tr>
+    <td><img id="get-started-ap" src="../../../cdn/dev/img/app/12.0/get-started-a.png"></td>
+    <td>Open the initial setup screen</td>
+  </tr>
+  <tr>
+    <td><img id="settings-ap" src="../../../cdn/dev/img/app/12.0/settings-a.png"></td>
+    <td>Open the Keyman Settings screen</td>
+  </tr>
+</table>
+
+<h2>Accessing Keyboard Help</h2>
+<p>
+  Step 1) Open the keyboard list by touching the globe key.
+</p>
+<p>
+  <img class="phone" id="keyboard-help1-ap" src="../../../cdn/dev/img/app/12.0/globe-ap.png">
+  <img class="tablet" id="keyboard-help1-at" src="../../../cdn/dev/img/app/12.0/globe-at.png">
+</p>
+<br/>
+<p>
+  Step 2) Touch the info icon for your keyboard.
+</p>
+<p><img id="keyboard-help2-ap" src="../../../cdn/dev/img/app/12.0/info-a-gray.png"></p>
+<br/>
+
+<h2>Help Index</h2>
+
+<ul>
+  <li class="content-in-app"><a href="index.php.html">Getting Started</a></li>
+  <li class="content-online"><a href="index.php.html">Keyman for Android help home</a></li>
+  <li><a href="installing-keyboards.php.html">Adding new keyboards</a></li>
+  <li><a href='switching-between-keyboards.php.html'>Switching between keyboards</a></li>
+  <li><a href='uninstalling-keyboards.php.html'>Removing a keyboard</a></li>
+  <li><a href='installing-custom-packages.php.html'>Installing custom keyboards/dictionaries</a></li>
+  <li><a href='installing-system-keyboard.php.html'>Installing system-wide keyboards</a></li>
+  <li><a href='uninstalling-dictionaries.php.html'>Removing a dictionary</a></li>
+  <li><a href='using-keyman-browser.php.html'>Using the Keyman browser</a></li>
+</ul>
+
+<h2>Integrate Keyman with your App or Website</h2>
+<p>
+  If you are interested in learning how Keyman can be integrated into your own app or
+  website, visit <a href="https://keyman.com/engine/">keyman.com/engine</a>
+</p>
+
+<h2>Further Help</h2>
+<p>
+  For more information on Keyman, visit <a href="https://keyman.com">keyman.com</a>
+  <br/><br/>
+  For more information on Keyman for Android, visit <a href="https://keyman.com/android">keyman.com/android</a>
+</p>
+
+<div class="content-online">
+  <h2>Keyman for Android Documentation Versions</h2>
+
+  <ul>
+    <li><a href='index.html'>Keyman for Android 12.0 Documentation</a></li>
+    <li><a href='http://help.keyman.com.local/products/android/11.0/'>Keyman for Android 11.0 Documentation</a></li>
+    <li><a href='http://help.keyman.com.local/products/android/10.0/'>Keyman for Android 10.0 Documentation</a></li>
+    <li><a href='http://help.keyman.com.local/products/android/2.0/'>Keyman for Android 2.0 Documentation</a></li>
+  </ul>
+</div>
+          </article>
+        </div>
+    </div>
+</div>
+<div class="footer">
+    <div class="wrapper">
+        <div class="footer-third sil-logo">
+            <br>
+            <a href="https://www.keyman.com/about/"><img id="sil-logo" src="../../../cdn/dev/img/sil-logo-blue-2017_1.png" alt='SIL' /></a>
+            <p>Copyright &copy; 1992-2019</p>
+            <p>Created by <a href="https://www.keyman.com/about/">SIL International</a></p>
+          </div>
+    </div>
+</div>
+</body>
+</html>

android/KMAPro/kMAPro/src/main/assets/info/products/android/phone/installing-custom-packages.php.html

@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Installing Custom Keyboards/Dictionaries - Keyman for Android Help</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <link rel='shortcut icon' href="../../../cdn/dev/img/favicon.ico">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/template.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/app-info-a.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/embed.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/formfactor.css">
+    <link href='https://fonts.googleapis.com/css?family=Cabin:400,400italic,500,600,700,700italic|Source+Sans+Pro:400,700,900,600,300|Noto+Serif:400' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
+  <script type='text/javascript' src='../../../cdn/dev/js/keyrenderer.js'></script>
+  <script type="text/javascript">
+   // Add a script element as a child of the body
+   
+    function downloadJS(src) {
+      var element = document.createElement("script");
+      element.src = src;
+      document.body.appendChild(element);
+    }
+   
+    function downloadJSAtOnload() {
+      downloadJS("/cdn/dev/js/jquery1-11-1.min.js");
+              downloadJS("/cdn/dev/js/kmlive.js");
+            //downloadJS("/cdn/dev/js/keyrenderer.js");
+    }
+    
+   // Check for browser support of event handling capability
+   if (window.addEventListener)
+   window.addEventListener("load", downloadJSAtOnload, false);
+   else if (window.attachEvent)
+   window.attachEvent("onload", downloadJSAtOnload);
+   else window.onload = downloadJSAtOnload;
+  </script>
+    <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-249828-1',  'auto', {'allowLinker': true});
+    ga('require', 'linker');
+    ga('linker:autoLink', 
+      ['keyman.com', 'www.keyman.com', 
+       'keymanweb.com', 'www.keymanweb.com', 
+       'help.keyman.com',
+       'blog.keyman.com',
+       'www.tavultesoft.com', 'tavultesoft.com', 'secure.tavultesoft.com'] );
+    ga('send', 'pageview');
+  </script>
+  </head>
+<body data-device="Unknown">
+  <div id="container">
+    <div class="header">
+      <div id="show-phone-menu-spacer"></div>
+              <img id="logo" src="../../../cdn/dev/img/logo2.png" alt='Keyman Logo' />
+            <div id="no-menu-spacer"></div>
+      <img id="header-bottom" src="../../../cdn/dev/img/headerbar.png" alt='Header bottom' />
+      <a id="help" href="http://keyman.com/">
+        <p id="keyman-help">Keyman.com</p><img src="../../../cdn/dev/img/helpIcon.png">
+      </a>
+    </div>
+    <div id="phone-header-spacer"></div><div class="main no-toc no-index">
+  <div id="section2" class='embed-on phone-form'>
+    <div class="column-left">
+      <div id="index">
+        <h3>Index</h3>
+        <div id="index-content"></div>
+      </div>
+    </div>    
+    <div class="wrapper">
+      <article>
+<h2>Installing Custom Keyboards/Dictionaries</h2>
+
+
+<p>
+  These same steps can be used for installing custom keyboard or custom dictionary packages. This example is for Khmer Angkor keyboard.
+</p>
+
+<p>
+  Step 1) Click the link to your custom package file.
+</p>
+<p>
+  <img class="phone" id="dist-url-screen-ap" src="../../../cdn/dev/img/app/12.0/dist-url-screen-ap.png">
+  <img class="tablet" id="dist-url-screen-at" src="../../../cdn/dev/img/app/12.0/dist-url-screen-at.png">
+</p>
+<p>
+  Step 2) Once the KMP file is on your device, you will need to browse to the KMP file and select it.
+  From the Keyman menu, select 'Settings'.
+  <br/>
+  From the Keyman Settings menu, select 'Add Keyboard from Device'.
+</p>
+<p><img id="settings-add-keyboard-from-device-ap" src="../../../cdn/dev/img/app/12.0/settings-language-ap.png"></p>
+<p>
+  The device will launch a file browser where you'll browse to the directory of your KMP file.
+  A common place to look is the "Downloads" folder.
+</p>
+<p>
+  <img class="phone" id="dist-file-browser-ap" src="../../../cdn/dev/img/app/12.0/dist-file-browser-ap.png">
+  <img class="tablet" id="dist-file-browser-at" src="../../../cdn/dev/img/app/12.0/dist-file-browser-at.png">
+</p>
+<p>
+  Selecting the KMP file should bring you to Step 3)
+</p>
+<p>
+  Step 3) On Android 6.0 (Marshmallow) and higher, mobile apps need to request permissions to access storage. Keyman
+  for Android needs access to read storage for installing the KMP file. At the dialog, select "ALLOW". Once authorized,
+  Keyman for Android won't need to ask for storage permission again, unless the user revokes or uninstalls the app.
+</p>
+<p>
+  <img class="phone" id="dist-storrage-permission-ap" src="../../../cdn/dev/img/app/12.0/dist-storage-permission-ap.png">
+  <img class="tablet" id="dist-storrage-permission-at" src="../../../cdn/dev/img/app/12.0/dist-storage-permission-at.png">
+</p>
+<p>
+  Older versions of Android grant Storage permissions at app installation time, so those users can skip this step.
+</p>
+<p>
+  Step 4) Keyman for Android will parse the metadata in the package. If the keyboard package includes a "welcome.htm"
+  file, this will be displayed at the confirmation to install the keyboard package.
+</p>
+<p>
+  <img class="phone" id="dist-welcome-ap" src="../../../cdn/dev/img/app/12.0/dist-welcome-ap.png">
+  <img class="tablet" id="dist-welcome-at" src="../../../cdn/dev/img/app/12.0/dist-welcome-at.png">
+</p>
+<p>
+  If "welcome.htm" is not included, a generic page with the package ID and package version will be shown. Click the
+  left "Install" button to install the entire keyboard package.
+</p>
+<p>
+  Step 5) All the keyboards in the package are installed as a group. In this example, the package only has the
+  "Khmer Angkor" keyboard, so it becomes the active keyboard. For custom dictionary packages, only one dictionary
+  will be installed.
+</p>
+<p>
+  <img class="phone" id="dist-install1-ap" src="../../../cdn/dev/img/app/12.0/dist-install1-ap.png">
+  <img class="tablet" id="dist-install1-at" src="../../../cdn/dev/img/app/12.0/dist-install1-at.png">
+</p>
+<p>
+  Once the keyboard has been installed, you should be able to use it as normal.
+  <br/>
+  To learn how to create a custom installable keyboard,
+  <a href="https://help.keyman.com/developer/12.0/guides/distribute/">click here</a>.
+</p>
+
+<h2>Granting storage permission</h2>
+<p>
+  If Keyman for Android is permanently denied storage access, attempts to install custom packages will fail with the
+  notification "Storage permission request was denied". Perform these steps to grant Keyman for Android access to storage
+</p>
+<p>
+  Step 1) Go to Android Settings.
+  <br/>
+  Step 2) Depending on your device, click "Apps", "Apps &amp; notifications", or "App permissions" and grant Keyman
+  storage permission. The screenshot below is from Android 9.0 Pie.
+</p>
+<p>
+  <img class="phone" id="keyman-storage-permission-ap" src="../../../cdn/dev/img/app/12.0/keyman-storage-permission-ap.png">
+  <img class="tablet" id="keyman-storage-permission-at" src="../../../cdn/dev/img/app/12.0/keyman-storage-permission-at.png">
+</p>
+
+<h2>Help Index</h2>
+
+<ul>
+  <li class="content-in-app"><a href="index.php.html">Getting Started</a></li>
+  <li class="content-online"><a href="index.php.html">Keyman for Android help home</a></li>
+  <li><a href="installing-keyboards.php.html">Adding new keyboards</a></li>
+  <li><a href='switching-between-keyboards.php.html'>Switching between keyboards</a></li>
+  <li><a href='uninstalling-keyboards.php.html'>Removing a keyboard</a></li>
+  <li><a href='installing-custom-packages.php.html'>Installing custom keyboards/dictionaries</a></li>
+  <li><a href='installing-system-keyboard.php.html'>Installing system-wide keyboards</a></li>
+  <li><a href='uninstalling-dictionaries.php.html'>Removing a dictionary</a></li>
+  <li><a href='using-keyman-browser.php.html'>Using the Keyman browser</a></li>
+</ul>
+          </article>
+        </div>
+    </div>
+</div>
+<div class="footer">
+    <div class="wrapper">
+        <div class="footer-third sil-logo">
+            <br>
+            <a href="https://www.keyman.com/about/"><img id="sil-logo" src="../../../cdn/dev/img/sil-logo-blue-2017_1.png" alt='SIL' /></a>
+            <p>Copyright &copy; 1992-2019</p>
+            <p>Created by <a href="https://www.keyman.com/about/">SIL International</a></p>
+          </div>
+    </div>
+</div>
+</body>
+</html>

android/KMAPro/kMAPro/src/main/assets/info/products/android/phone/installing-keyboards.php.html

@@ -0,0 +1,158 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Adding Keyboards - Keyman for Android Help</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <link rel='shortcut icon' href="../../../cdn/dev/img/favicon.ico">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/template.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/app-info-a.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/embed.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/formfactor.css">
+    <link href='https://fonts.googleapis.com/css?family=Cabin:400,400italic,500,600,700,700italic|Source+Sans+Pro:400,700,900,600,300|Noto+Serif:400' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
+  <script type='text/javascript' src='../../../cdn/dev/js/keyrenderer.js'></script>
+  <script type="text/javascript">
+   // Add a script element as a child of the body
+   
+    function downloadJS(src) {
+      var element = document.createElement("script");
+      element.src = src;
+      document.body.appendChild(element);
+    }
+   
+    function downloadJSAtOnload() {
+      downloadJS("/cdn/dev/js/jquery1-11-1.min.js");
+              downloadJS("/cdn/dev/js/kmlive.js");
+            //downloadJS("/cdn/dev/js/keyrenderer.js");
+    }
+    
+   // Check for browser support of event handling capability
+   if (window.addEventListener)
+   window.addEventListener("load", downloadJSAtOnload, false);
+   else if (window.attachEvent)
+   window.attachEvent("onload", downloadJSAtOnload);
+   else window.onload = downloadJSAtOnload;
+  </script>
+    <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-249828-1',  'auto', {'allowLinker': true});
+    ga('require', 'linker');
+    ga('linker:autoLink', 
+      ['keyman.com', 'www.keyman.com', 
+       'keymanweb.com', 'www.keymanweb.com', 
+       'help.keyman.com',
+       'blog.keyman.com',
+       'www.tavultesoft.com', 'tavultesoft.com', 'secure.tavultesoft.com'] );
+    ga('send', 'pageview');
+  </script>
+  </head>
+<body data-device="Unknown">
+  <div id="container">
+    <div class="header">
+      <div id="show-phone-menu-spacer"></div>
+              <img id="logo" src="../../../cdn/dev/img/logo2.png" alt='Keyman Logo' />
+            <div id="no-menu-spacer"></div>
+      <img id="header-bottom" src="../../../cdn/dev/img/headerbar.png" alt='Header bottom' />
+      <a id="help" href="http://keyman.com/">
+        <p id="keyman-help">Keyman.com</p><img src="../../../cdn/dev/img/helpIcon.png">
+      </a>
+    </div>
+    <div id="phone-header-spacer"></div><div class="main no-toc no-index">
+  <div id="section2" class='embed-on phone-form'>
+    <div class="column-left">
+      <div id="index">
+        <h3>Index</h3>
+        <div id="index-content"></div>
+      </div>
+    </div>    
+    <div class="wrapper">
+      <article>
+<h2>Adding New Keyboards</h2>
+
+
+<p>
+  To add keyboards, follow these steps:
+</p><p>
+  Step 1)
+</p><p>
+  Open the menu for additional options. Select 'Settings'
+</p><p>
+  Step 2)
+</p><p>
+  From the Keyman Settings menu, select 'Installed languages'
+</p><p>
+  <img id="settings-language-ap" src="../../../cdn/dev/img/app/12.0/settings-language-ap.png">
+</p><p>
+  Step 3)
+</p><p>
+  From the 'Installed languages' menu, touch the <span class="command">+</span>
+  button in the bottom right corner of your screen.
+</p><p>
+  <img id="plus-a" src="../../../cdn/dev/img/app/12.0/plus-a.png">
+</p><p>
+  Step 4)
+</p><p>
+  A list of all available languages will appear. Scroll through this list until you find
+  the language you want to install. Languages marked with a right arrow have multiple keyboards - for
+  example we have 10+ different Tamil keyboards.
+</p><p>
+  <img class="phone" id="lang-list-ap" src="../../../cdn/dev/img/app/12.0/lang-list-ap.png">
+  <img class="tablet" id="lang-list-at" src="../../../cdn/dev/img/app/12.0/lang-list-at.png">
+</p><p>
+  Select the language and keyboard you want to install - a popup will ask for confirmation,
+  hit the <span class="command">Download</span> button.
+</p><p>
+  <img class="phone" id="confirm-dl-ap" src="../../../cdn/dev/img/app/12.0/confirm-dl-ap.png">
+  <img class="tablet" id="confirm-dl-at" src="../../../cdn/dev/img/app/12.0/confirm-dl-at.png">
+</p><p>
+  Step 5)
+</p><p>
+  Once the download is complete, the new keyboard will be selected. Touch the <span class="command">&larr;</span>
+  button on the top left corner of the popup several times and the new keyboard will become active.
+</p><p>
+  <img class="phone" id="success-ap" src="../../../cdn/dev/img/app/12.0/dl-success-ap.png">
+  <img class="tablet" id="success-at" src="../../../cdn/dev/img/app/12.0/dl-success-at.png">
+</p><p>
+  Alternate Step for System Keyboard)
+</p><p>
+  The Keyman system keyboard has an additional <span class="command">CLOSE KEYMAN</span> button at the bottom left of
+  the "Keyboards" menu. Pushing this button will close Keyman and switch to the next non-Keyman system keyboard.
+</p><p>
+  <img id="close-keyman-a" src="../../../cdn/dev/img/app/12.0/close-keyman-a.png"/>
+</p>
+
+<h2>Help Index</h2>
+
+<ul>
+  <li class="content-in-app"><a href="index.php.html">Getting Started</a></li>
+  <li class="content-online"><a href="index.php.html">Keyman for Android help home</a></li>
+  <li><a href="installing-keyboards.php.html">Adding new keyboards</a></li>
+  <li><a href='switching-between-keyboards.php.html'>Switching between keyboards</a></li>
+  <li><a href='uninstalling-keyboards.php.html'>Removing a keyboard</a></li>
+  <li><a href='installing-custom-packages.php.html'>Installing custom keyboards/dictionaries</a></li>
+  <li><a href='installing-system-keyboard.php.html'>Installing system-wide keyboards</a></li>
+  <li><a href='uninstalling-dictionaries.php.html'>Removing a dictionary</a></li>
+  <li><a href='using-keyman-browser.php.html'>Using the Keyman browser</a></li>
+</ul>
+          </article>
+        </div>
+    </div>
+</div>
+<div class="footer">
+    <div class="wrapper">
+        <div class="footer-third sil-logo">
+            <br>
+            <a href="https://www.keyman.com/about/"><img id="sil-logo" src="../../../cdn/dev/img/sil-logo-blue-2017_1.png" alt='SIL' /></a>
+            <p>Copyright &copy; 1992-2019</p>
+            <p>Created by <a href="https://www.keyman.com/about/">SIL International</a></p>
+          </div>
+    </div>
+</div>
+</body>
+</html>

android/KMAPro/kMAPro/src/main/assets/info/products/android/phone/installing-system-keyboard.php.html

@@ -0,0 +1,163 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>The System-Wide Keyboard - Keyman for Android Help</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <link rel='shortcut icon' href="../../../cdn/dev/img/favicon.ico">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/template.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/app-info-a.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/embed.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/formfactor.css">
+    <link href='https://fonts.googleapis.com/css?family=Cabin:400,400italic,500,600,700,700italic|Source+Sans+Pro:400,700,900,600,300|Noto+Serif:400' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
+  <script type='text/javascript' src='../../../cdn/dev/js/keyrenderer.js'></script>
+  <script type="text/javascript">
+   // Add a script element as a child of the body
+   
+    function downloadJS(src) {
+      var element = document.createElement("script");
+      element.src = src;
+      document.body.appendChild(element);
+    }
+   
+    function downloadJSAtOnload() {
+      downloadJS("/cdn/dev/js/jquery1-11-1.min.js");
+              downloadJS("/cdn/dev/js/kmlive.js");
+            //downloadJS("/cdn/dev/js/keyrenderer.js");
+    }
+    
+   // Check for browser support of event handling capability
+   if (window.addEventListener)
+   window.addEventListener("load", downloadJSAtOnload, false);
+   else if (window.attachEvent)
+   window.attachEvent("onload", downloadJSAtOnload);
+   else window.onload = downloadJSAtOnload;
+  </script>
+    <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-249828-1',  'auto', {'allowLinker': true});
+    ga('require', 'linker');
+    ga('linker:autoLink', 
+      ['keyman.com', 'www.keyman.com', 
+       'keymanweb.com', 'www.keymanweb.com', 
+       'help.keyman.com',
+       'blog.keyman.com',
+       'www.tavultesoft.com', 'tavultesoft.com', 'secure.tavultesoft.com'] );
+    ga('send', 'pageview');
+  </script>
+  </head>
+<body data-device="Unknown">
+  <div id="container">
+    <div class="header">
+      <div id="show-phone-menu-spacer"></div>
+              <img id="logo" src="../../../cdn/dev/img/logo2.png" alt='Keyman Logo' />
+            <div id="no-menu-spacer"></div>
+      <img id="header-bottom" src="../../../cdn/dev/img/headerbar.png" alt='Header bottom' />
+      <a id="help" href="http://keyman.com/">
+        <p id="keyman-help">Keyman.com</p><img src="../../../cdn/dev/img/helpIcon.png">
+      </a>
+    </div>
+    <div id="phone-header-spacer"></div><div class="main no-toc no-index">
+  <div id="section2" class='embed-on phone-form'>
+    <div class="column-left">
+      <div id="index">
+        <h3>Index</h3>
+        <div id="index-content"></div>
+      </div>
+    </div>    
+    <div class="wrapper">
+      <article>
+<h2>Installing System Wide Keyboards</h2>
+
+
+<p>
+  Step 1) Open the Keyman app and select the menu for additional options.
+  The screenshots below are of a device running Android 9.0 Pie.
+</p>
+<p>
+  <img class="phone" id="settings1-ap" src="../../../cdn/dev/img/app/12.0/settings1-ap.png">
+  <img class="tablet" id="settings1-at" src="../../../cdn/dev/img/app/12.0/settings1-at.png">
+</p>
+<br/>
+<p>
+  Step 2) Select 'Get Started' and then select 'Enable Keyman as system-wide keyboard'.
+</p>
+<p>
+  <img class="phone" id="settings2-ap" src="../../../cdn/dev/img/app/12.0/settings2-ap.png">
+  <img class="tablet" id="settings2-at" src="../../../cdn/dev/img/app/12.0/settings2-at.png">
+</p>
+<br/>
+<p>
+  This will open an Android settings screen for 'Available virtual keyboard'.
+</p>
+<p>
+  <img class="phone" id="settings3-ap" src="../../../cdn/dev/img/app/12.0/settings3-ap.png">
+  <img class="tablet" id="settings3-at" src="../../../cdn/dev/img/app/12.0/settings3-at.png">
+</p>
+<br/>
+<p>
+  Step 3) Enable 'Keyman' as an available virtual keyboard.
+  This will bring up two confirmation dialogs.
+</p>
+<p>
+  <img class="phone" id="settings4-ap" src="../../../cdn/dev/img/app/12.0/settings4-ap.png">
+  <img class="tablet" id="settings4-at" src="../../../cdn/dev/img/app/12.0/settings4-at.png">
+</p>
+<br/>
+<p>
+  <img class="phone" id="settings5-ap" src="../../../cdn/dev/img/app/12.0/settings5-ap.png">
+  <img class="tablet" id="settings5-at" src="../../../cdn/dev/img/app/12.0/settings5-at.png">
+</p>
+<br/>
+<p>
+  Select 'OK' on both. Now when the on-screen keyboard appears for apps other than Keyman,
+  you'll see a keyboard icon at the bottom right.
+</p>
+<p>
+  <img class="phone" id="settings6-ap" src="../../../cdn/dev/img/app/12.0/settings6-ap.png">
+  <img class="tablet" id="settings6-at" src="../../../cdn/dev/img/app/12.0/settings6-at.png">
+</p>
+<br/>
+<p>
+  Click the keyboard icon whenever you want to change the current system keyboard.
+</p>
+<p>
+  <img class="phone" id="settings7-ap" src="../../../cdn/dev/img/app/12.0/settings7-ap.png">
+  <img class="tablet" id="settings7-at" src="../../../cdn/dev/img/app/12.0/settings7-at.png">
+</p>
+
+<h2>Help Index</h2>
+
+<ul>
+  <li class="content-in-app"><a href="index.php.html">Getting Started</a></li>
+  <li class="content-online"><a href="index.php.html">Keyman for Android help home</a></li>
+  <li><a href="installing-keyboards.php.html">Adding new keyboards</a></li>
+  <li><a href='switching-between-keyboards.php.html'>Switching between keyboards</a></li>
+  <li><a href='uninstalling-keyboards.php.html'>Removing a keyboard</a></li>
+  <li><a href='installing-custom-packages.php.html'>Installing custom keyboards/dictionaries</a></li>
+  <li><a href='installing-system-keyboard.php.html'>Installing system-wide keyboards</a></li>
+  <li><a href='uninstalling-dictionaries.php.html'>Removing a dictionary</a></li>
+  <li><a href='using-keyman-browser.php.html'>Using the Keyman browser</a></li>
+</ul>
+          </article>
+        </div>
+    </div>
+</div>
+<div class="footer">
+    <div class="wrapper">
+        <div class="footer-third sil-logo">
+            <br>
+            <a href="https://www.keyman.com/about/"><img id="sil-logo" src="../../../cdn/dev/img/sil-logo-blue-2017_1.png" alt='SIL' /></a>
+            <p>Copyright &copy; 1992-2019</p>
+            <p>Created by <a href="https://www.keyman.com/about/">SIL International</a></p>
+          </div>
+    </div>
+</div>
+</body>
+</html>

android/KMAPro/kMAPro/src/main/assets/info/products/android/phone/switching-between-keyboards.php.html

@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Switching Between Keyboards - Keyman for Android Help</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <link rel='shortcut icon' href="../../../cdn/dev/img/favicon.ico">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/template.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/app-info-a.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/embed.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/formfactor.css">
+    <link href='https://fonts.googleapis.com/css?family=Cabin:400,400italic,500,600,700,700italic|Source+Sans+Pro:400,700,900,600,300|Noto+Serif:400' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
+  <script type='text/javascript' src='../../../cdn/dev/js/keyrenderer.js'></script>
+  <script type="text/javascript">
+   // Add a script element as a child of the body
+   
+    function downloadJS(src) {
+      var element = document.createElement("script");
+      element.src = src;
+      document.body.appendChild(element);
+    }
+   
+    function downloadJSAtOnload() {
+      downloadJS("/cdn/dev/js/jquery1-11-1.min.js");
+              downloadJS("/cdn/dev/js/kmlive.js");
+            //downloadJS("/cdn/dev/js/keyrenderer.js");
+    }
+    
+   // Check for browser support of event handling capability
+   if (window.addEventListener)
+   window.addEventListener("load", downloadJSAtOnload, false);
+   else if (window.attachEvent)
+   window.attachEvent("onload", downloadJSAtOnload);
+   else window.onload = downloadJSAtOnload;
+  </script>
+    <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-249828-1',  'auto', {'allowLinker': true});
+    ga('require', 'linker');
+    ga('linker:autoLink', 
+      ['keyman.com', 'www.keyman.com', 
+       'keymanweb.com', 'www.keymanweb.com', 
+       'help.keyman.com',
+       'blog.keyman.com',
+       'www.tavultesoft.com', 'tavultesoft.com', 'secure.tavultesoft.com'] );
+    ga('send', 'pageview');
+  </script>
+  </head>
+<body data-device="Unknown">
+  <div id="container">
+    <div class="header">
+      <div id="show-phone-menu-spacer"></div>
+              <img id="logo" src="../../../cdn/dev/img/logo2.png" alt='Keyman Logo' />
+            <div id="no-menu-spacer"></div>
+      <img id="header-bottom" src="../../../cdn/dev/img/headerbar.png" alt='Header bottom' />
+      <a id="help" href="http://keyman.com/">
+        <p id="keyman-help">Keyman.com</p><img src="../../../cdn/dev/img/helpIcon.png">
+      </a>
+    </div>
+    <div id="phone-header-spacer"></div><div class="main no-toc no-index">
+  <div id="section2" class='embed-on phone-form'>
+    <div class="column-left">
+      <div id="index">
+        <h3>Index</h3>
+        <div id="index-content"></div>
+      </div>
+    </div>    
+    <div class="wrapper">
+      <article>
+<h2>Switching Between Keyboards</h2>
+
+
+<p>
+  To switch keyboards, follow these steps:
+</p>
+<p>
+  Step 1)
+</p>
+<p>
+  With the keyboard visible, touch the globe key:
+<p>
+  <img class="phone" id="globe-ap" src="../../../cdn/dev/img/app/12.0/globe-ap.png">
+  <img class="tablet" id="globe-at" src="../../../cdn/dev/img/app/12.0/globe-at.png">
+</p>
+<p>
+  This will bring up a list of all currently installed languages (the default is English
+  EuroLatin (SIL)). If you have already downloaded additional languages, they will appear here.
+  Simply select them and the keyboard will re-appear with the new language.
+</p>
+
+<h2>Hotkey</h2>
+<p>
+  To switch between languages while using an external keyboard (i.e. a bluetooth keyboard), a quick and easy way is to
+  use a hotkey combination. Press and hold 'Ctrl' and then press 'Tab'.
+  You should then see the same listing of languages/keyboards. Tap on any available language of your choice.
+</p>
+
+<h2>Help Index</h2>
+
+<ul>
+  <li class="content-in-app"><a href="index.php.html">Getting Started</a></li>
+  <li class="content-online"><a href="index.php.html">Keyman for Android help home</a></li>
+  <li><a href="installing-keyboards.php.html">Adding new keyboards</a></li>
+  <li><a href='switching-between-keyboards.php.html'>Switching between keyboards</a></li>
+  <li><a href='uninstalling-keyboards.php.html'>Removing a keyboard</a></li>
+  <li><a href='installing-custom-packages.php.html'>Installing custom keyboards/dictionaries</a></li>
+  <li><a href='installing-system-keyboard.php.html'>Installing system-wide keyboards</a></li>
+  <li><a href='uninstalling-dictionaries.php.html'>Removing a dictionary</a></li>
+  <li><a href='using-keyman-browser.php.html'>Using the Keyman browser</a></li>
+</ul>
+          </article>
+        </div>
+    </div>
+</div>
+<div class="footer">
+    <div class="wrapper">
+        <div class="footer-third sil-logo">
+            <br>
+            <a href="https://www.keyman.com/about/"><img id="sil-logo" src="../../../cdn/dev/img/sil-logo-blue-2017_1.png" alt='SIL' /></a>
+            <p>Copyright &copy; 1992-2019</p>
+            <p>Created by <a href="https://www.keyman.com/about/">SIL International</a></p>
+          </div>
+    </div>
+</div>
+</body>
+</html>

android/KMAPro/kMAPro/src/main/assets/info/products/android/phone/uninstalling-dictionaries.php.html

@@ -0,0 +1,182 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Removing Dictionaries - Keyman for Android Help</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <link rel='shortcut icon' href="../../../cdn/dev/img/favicon.ico">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/template.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/app-info-a.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/embed.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/formfactor.css">
+    <link href='https://fonts.googleapis.com/css?family=Cabin:400,400italic,500,600,700,700italic|Source+Sans+Pro:400,700,900,600,300|Noto+Serif:400' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
+  <script type='text/javascript' src='../../../cdn/dev/js/keyrenderer.js'></script>
+  <script type="text/javascript">
+   // Add a script element as a child of the body
+   
+    function downloadJS(src) {
+      var element = document.createElement("script");
+      element.src = src;
+      document.body.appendChild(element);
+    }
+   
+    function downloadJSAtOnload() {
+      downloadJS("/cdn/dev/js/jquery1-11-1.min.js");
+              downloadJS("/cdn/dev/js/kmlive.js");
+            //downloadJS("/cdn/dev/js/keyrenderer.js");
+    }
+    
+   // Check for browser support of event handling capability
+   if (window.addEventListener)
+   window.addEventListener("load", downloadJSAtOnload, false);
+   else if (window.attachEvent)
+   window.attachEvent("onload", downloadJSAtOnload);
+   else window.onload = downloadJSAtOnload;
+  </script>
+    <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-249828-1',  'auto', {'allowLinker': true});
+    ga('require', 'linker');
+    ga('linker:autoLink', 
+      ['keyman.com', 'www.keyman.com', 
+       'keymanweb.com', 'www.keymanweb.com', 
+       'help.keyman.com',
+       'blog.keyman.com',
+       'www.tavultesoft.com', 'tavultesoft.com', 'secure.tavultesoft.com'] );
+    ga('send', 'pageview');
+  </script>
+  </head>
+<body data-device="Unknown">
+  <div id="container">
+    <div class="header">
+      <div id="show-phone-menu-spacer"></div>
+              <img id="logo" src="../../../cdn/dev/img/logo2.png" alt='Keyman Logo' />
+            <div id="no-menu-spacer"></div>
+      <img id="header-bottom" src="../../../cdn/dev/img/headerbar.png" alt='Header bottom' />
+      <a id="help" href="http://keyman.com/">
+        <p id="keyman-help">Keyman.com</p><img src="../../../cdn/dev/img/helpIcon.png">
+      </a>
+    </div>
+    <div id="phone-header-spacer"></div><div class="main no-toc no-index">
+  <div id="section2" class='embed-on phone-form'>
+    <div class="column-left">
+      <div id="index">
+        <h3>Index</h3>
+        <div id="index-content"></div>
+      </div>
+    </div>    
+    <div class="wrapper">
+      <article>
+<h2>Removing a Dictionary</h2>
+
+
+<p>
+  To uninstall a dictionary, follow these steps:
+</p>
+
+<p>
+  Step 1)
+</p>
+<p>
+  Open the menu for additional options. Select 'Settings'
+</p>
+<p>
+  Step 2)
+</p>
+<p>
+  From the Keyman Settings menu, select 'Installed languages'
+</p>
+<p>
+  <img id="settings-languages-ap" src="../../../cdn/dev/img/app/12.0/settings-languages-ap.png">
+</p>
+<p>
+  Step 3)
+</p>
+<p>
+  From the 'Installed languages' menu, select the language for the dictionary you want to remove. In this example,
+  we will be removing the "MTNT Dictionary" for the English language.
+</p>
+<p>
+  <img id="settings-two-installed-languages-ap" src="../../../cdn/dev/img/app/12.0/settings-two-installed-languages-ap.png">
+</p>
+<p>
+  Step 4)
+</p>
+<p>
+  The language Settings menu lists currently installed keyboards and dictionaries associated with the language.
+  Select the dictionary you want to uninstall at the bottom of the page.
+</p>
+<p>
+  <img id="english-settings-ap" src="../../../cdn/dev/img/app/12.0/english-settings-ap.png">
+</p>
+<p>
+  Step 5)
+</p>
+<p>
+  The dictionaries menu displays the dictionaries that are available for a language. Installed dictionaries show a check mark.
+  Select the dictionary to display the info menu.
+</p>
+<p>
+  <img id="english-dictionaries-ap" src="../../../cdn/dev/img/app/12.0/english-dictionaries-ap.png">
+</p>
+<p>
+  Step 6)
+</p>
+<p>
+  The bottom of the dictionary settings menu displays an option to uninstall the dictionary.
+  Select 'Uninstall dictionary' to get a prompt to delete the dictionary.
+</p>
+<p>
+  <img id="english-dictionary-info-ap" src="../../../cdn/dev/img/app/12.0/english-dictionary-info-ap.png">
+</p>
+<p>
+  Step 7)
+</p>
+<p>
+  Press "Delete" to uninstall the dictionary.
+</p>
+<p>
+  <img id="confirm-english-dictionary-delete-ap" src="../../../cdn/dev/img/app/12.0/confirm-english-dictionary-delete-ap.png">
+</p>
+<p>
+  You'll see a notification when the dictionary is deleted.
+</p>
+<p>
+  <img id="uninstall-dictionary-notification-ap" src="../../../cdn/dev/img/app/12.0/uninstall-dictionary-notification-ap.png">
+</p>
+
+<h2>Help Index</h2>
+
+<ul>
+  <li class="content-in-app"><a href="index.php.html">Getting Started</a></li>
+  <li class="content-online"><a href="index.php.html">Keyman for Android help home</a></li>
+  <li><a href="installing-keyboards.php.html">Adding new keyboards</a></li>
+  <li><a href='switching-between-keyboards.php.html'>Switching between keyboards</a></li>
+  <li><a href='uninstalling-keyboards.php.html'>Removing a keyboard</a></li>
+  <li><a href='installing-custom-packages.php.html'>Installing custom keyboards/dictionaries</a></li>
+  <li><a href='installing-system-keyboard.php.html'>Installing system-wide keyboards</a></li>
+  <li><a href='uninstalling-dictionaries.php.html'>Removing a dictionary</a></li>
+  <li><a href='using-keyman-browser.php.html'>Using the Keyman browser</a></li>
+</ul>
+          </article>
+        </div>
+    </div>
+</div>
+<div class="footer">
+    <div class="wrapper">
+        <div class="footer-third sil-logo">
+            <br>
+            <a href="https://www.keyman.com/about/"><img id="sil-logo" src="../../../cdn/dev/img/sil-logo-blue-2017_1.png" alt='SIL' /></a>
+            <p>Copyright &copy; 1992-2019</p>
+            <p>Created by <a href="https://www.keyman.com/about/">SIL International</a></p>
+          </div>
+    </div>
+</div>
+</body>
+</html>

android/KMAPro/kMAPro/src/main/assets/info/products/android/phone/uninstalling-keyboards.php.html

@@ -0,0 +1,154 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Removing Keyboards - Keyman for Android Help</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <link rel='shortcut icon' href="../../../cdn/dev/img/favicon.ico">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/template.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/app-info-a.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/embed.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/formfactor.css">
+    <link href='https://fonts.googleapis.com/css?family=Cabin:400,400italic,500,600,700,700italic|Source+Sans+Pro:400,700,900,600,300|Noto+Serif:400' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
+  <script type='text/javascript' src='../../../cdn/dev/js/keyrenderer.js'></script>
+  <script type="text/javascript">
+   // Add a script element as a child of the body
+   
+    function downloadJS(src) {
+      var element = document.createElement("script");
+      element.src = src;
+      document.body.appendChild(element);
+    }
+   
+    function downloadJSAtOnload() {
+      downloadJS("/cdn/dev/js/jquery1-11-1.min.js");
+              downloadJS("/cdn/dev/js/kmlive.js");
+            //downloadJS("/cdn/dev/js/keyrenderer.js");
+    }
+    
+   // Check for browser support of event handling capability
+   if (window.addEventListener)
+   window.addEventListener("load", downloadJSAtOnload, false);
+   else if (window.attachEvent)
+   window.attachEvent("onload", downloadJSAtOnload);
+   else window.onload = downloadJSAtOnload;
+  </script>
+    <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-249828-1',  'auto', {'allowLinker': true});
+    ga('require', 'linker');
+    ga('linker:autoLink', 
+      ['keyman.com', 'www.keyman.com', 
+       'keymanweb.com', 'www.keymanweb.com', 
+       'help.keyman.com',
+       'blog.keyman.com',
+       'www.tavultesoft.com', 'tavultesoft.com', 'secure.tavultesoft.com'] );
+    ga('send', 'pageview');
+  </script>
+  </head>
+<body data-device="Unknown">
+  <div id="container">
+    <div class="header">
+      <div id="show-phone-menu-spacer"></div>
+              <img id="logo" src="../../../cdn/dev/img/logo2.png" alt='Keyman Logo' />
+            <div id="no-menu-spacer"></div>
+      <img id="header-bottom" src="../../../cdn/dev/img/headerbar.png" alt='Header bottom' />
+      <a id="help" href="http://keyman.com/">
+        <p id="keyman-help">Keyman.com</p><img src="../../../cdn/dev/img/helpIcon.png">
+      </a>
+    </div>
+    <div id="phone-header-spacer"></div><div class="main no-toc no-index">
+  <div id="section2" class='embed-on phone-form'>
+    <div class="column-left">
+      <div id="index">
+        <h3>Index</h3>
+        <div id="index-content"></div>
+      </div>
+    </div>    
+    <div class="wrapper">
+      <article>
+<h2>Removing a Keyboard</h2>
+
+
+<p>
+  To uninstall a keyboard, follow these steps:
+</p><p>
+  Step 1)
+</p><p>
+  Open the menu for additional options. Select 'Settings'
+</p><p>
+  Step 2)
+</p><p>
+  From the Keyman Settings menu, select 'Installed languages'
+</p><p>
+  <img id="settings-languages-ap" src="../../../cdn/dev/img/app/12.0/settings-languages-ap.png">
+</p><p>
+  Step 3)
+</p><p>
+  From the 'Installed languages' menu, select the language for the keyboard you want to remove.
+</p><p>
+  <img id="settings-two-installed-languages-ap" src="../../../cdn/dev/img/app/12.0/settings-two-installed-languages-ap.png">
+</p><p>
+  Step 4)
+</p><p>
+  The language Settings menu lists currently installed keyboards associated with the language.
+  Select the keyboard you want to uninstall
+</p><p>
+  <img id="khmer-settings-ap" src="../../../cdn/dev/img/app/12.0/khmer-settings-ap.png">
+</p><p>
+  Step 5)
+</p><p>
+  The bottom of the keyboard settings menu displays an option to uninstall the keyboard.
+  Select 'Uninstall keyboard' to get a prompt to delete the keyboard.
+</p><p>
+  Note: the default 'SIL EuroLatin' keyboard for English cannot be removed.
+</p><p>
+  <img id="settings-khmer-info-ap" src="../../../cdn/dev/img/app/12.0/settings-khmer-info-ap.png">
+</p><p>
+  Step 6)
+</p><p>
+  Press "Delete" to uninstall the keyboard.
+</p><p>
+  <img id="confirm-khmer-delete-ap" src="../../../cdn/dev/img/app/12.0/confirm-khmer-delete-ap.png">
+</p><p>
+  You'll see a notification when the keyboard is deleted.
+</p><p>
+  <img class="phone" id="uninstall-notification-ap" src="../../../cdn/dev/img/app/12.0/uninstall-notification-ap.png">
+  <img class="tablet" id="uninstall-notification-at" src="../../../cdn/dev/img/app/12.0/uninstall-notification-at.png">
+</p>
+
+<h2>Help Index</h2>
+
+<ul>
+  <li class="content-in-app"><a href="index.php.html">Getting Started</a></li>
+  <li class="content-online"><a href="index.php.html">Keyman for Android help home</a></li>
+  <li><a href="installing-keyboards.php.html">Adding new keyboards</a></li>
+  <li><a href='switching-between-keyboards.php.html'>Switching between keyboards</a></li>
+  <li><a href='uninstalling-keyboards.php.html'>Removing a keyboard</a></li>
+  <li><a href='installing-custom-packages.php.html'>Installing custom keyboards/dictionaries</a></li>
+  <li><a href='installing-system-keyboard.php.html'>Installing system-wide keyboards</a></li>
+  <li><a href='uninstalling-dictionaries.php.html'>Removing a dictionary</a></li>
+  <li><a href='using-keyman-browser.php.html'>Using the Keyman browser</a></li>
+</ul>
+          </article>
+        </div>
+    </div>
+</div>
+<div class="footer">
+    <div class="wrapper">
+        <div class="footer-third sil-logo">
+            <br>
+            <a href="https://www.keyman.com/about/"><img id="sil-logo" src="../../../cdn/dev/img/sil-logo-blue-2017_1.png" alt='SIL' /></a>
+            <p>Copyright &copy; 1992-2019</p>
+            <p>Created by <a href="https://www.keyman.com/about/">SIL International</a></p>
+          </div>
+    </div>
+</div>
+</body>
+</html>

android/KMAPro/kMAPro/src/main/assets/info/products/android/phone/using-keyman-browser.php.html

@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Using the Keyman Browser - Keyman for Android Help</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <link rel='shortcut icon' href="../../../cdn/dev/img/favicon.ico">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/template.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/app-info-a.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/embed.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/formfactor.css">
+    <link href='https://fonts.googleapis.com/css?family=Cabin:400,400italic,500,600,700,700italic|Source+Sans+Pro:400,700,900,600,300|Noto+Serif:400' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
+  <script type='text/javascript' src='../../../cdn/dev/js/keyrenderer.js'></script>
+  <script type="text/javascript">
+   // Add a script element as a child of the body
+   
+    function downloadJS(src) {
+      var element = document.createElement("script");
+      element.src = src;
+      document.body.appendChild(element);
+    }
+   
+    function downloadJSAtOnload() {
+      downloadJS("/cdn/dev/js/jquery1-11-1.min.js");
+              downloadJS("/cdn/dev/js/kmlive.js");
+            //downloadJS("/cdn/dev/js/keyrenderer.js");
+    }
+    
+   // Check for browser support of event handling capability
+   if (window.addEventListener)
+   window.addEventListener("load", downloadJSAtOnload, false);
+   else if (window.attachEvent)
+   window.attachEvent("onload", downloadJSAtOnload);
+   else window.onload = downloadJSAtOnload;
+  </script>
+    <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-249828-1',  'auto', {'allowLinker': true});
+    ga('require', 'linker');
+    ga('linker:autoLink', 
+      ['keyman.com', 'www.keyman.com', 
+       'keymanweb.com', 'www.keymanweb.com', 
+       'help.keyman.com',
+       'blog.keyman.com',
+       'www.tavultesoft.com', 'tavultesoft.com', 'secure.tavultesoft.com'] );
+    ga('send', 'pageview');
+  </script>
+  </head>
+<body data-device="Unknown">
+  <div id="container">
+    <div class="header">
+      <div id="show-phone-menu-spacer"></div>
+              <img id="logo" src="../../../cdn/dev/img/logo2.png" alt='Keyman Logo' />
+            <div id="no-menu-spacer"></div>
+      <img id="header-bottom" src="../../../cdn/dev/img/headerbar.png" alt='Header bottom' />
+      <a id="help" href="http://keyman.com/">
+        <p id="keyman-help">Keyman.com</p><img src="../../../cdn/dev/img/helpIcon.png">
+      </a>
+    </div>
+    <div id="phone-header-spacer"></div><div class="main no-toc no-index">
+  <div id="section2" class='embed-on phone-form'>
+    <div class="column-left">
+      <div id="index">
+        <h3>Index</h3>
+        <div id="index-content"></div>
+      </div>
+    </div>    
+    <div class="wrapper">
+      <article>
+<h2>Using the Keyman Browser</h2>
+
+
+<p>
+  Step 1) Click the Keyman Browser button in the Keyman app
+</p><p>
+  Step 2) Enter the URL of a website to visit into the address bar, for example <strong>google.com</strong>.
+  Keyman Browser will load the page and detect your language if it is present, and reformat it to show your
+  language instead of square boxes.
+</p><p>
+  Step 3) Use the bookmark button to save the current page for browsing later.
+</p><p>
+  Step 4) Use the Globe icon to swap between languages.
+</p>
+
+<h2>Help Index</h2>
+
+<ul>
+  <li class="content-in-app"><a href="index.php.html">Getting Started</a></li>
+  <li class="content-online"><a href="index.php.html">Keyman for Android help home</a></li>
+  <li><a href="installing-keyboards.php.html">Adding new keyboards</a></li>
+  <li><a href='switching-between-keyboards.php.html'>Switching between keyboards</a></li>
+  <li><a href='uninstalling-keyboards.php.html'>Removing a keyboard</a></li>
+  <li><a href='installing-custom-packages.php.html'>Installing custom keyboards/dictionaries</a></li>
+  <li><a href='installing-system-keyboard.php.html'>Installing system-wide keyboards</a></li>
+  <li><a href='uninstalling-dictionaries.php.html'>Removing a dictionary</a></li>
+  <li><a href='using-keyman-browser.php.html'>Using the Keyman browser</a></li>
+</ul>
+          </article>
+        </div>
+    </div>
+</div>
+<div class="footer">
+    <div class="wrapper">
+        <div class="footer-third sil-logo">
+            <br>
+            <a href="https://www.keyman.com/about/"><img id="sil-logo" src="../../../cdn/dev/img/sil-logo-blue-2017_1.png" alt='SIL' /></a>
+            <p>Copyright &copy; 1992-2019</p>
+            <p>Created by <a href="https://www.keyman.com/about/">SIL International</a></p>
+          </div>
+    </div>
+</div>
+</body>
+</html>

android/KMAPro/kMAPro/src/main/assets/info/products/android/tablet/index.html

@@ -0,0 +1,240 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Keyman for Android Help</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <link rel='shortcut icon' href="../../../cdn/dev/img/favicon.ico">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/template.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/app-info-a.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/embed.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/formfactor.css">
+    <link href='https://fonts.googleapis.com/css?family=Cabin:400,400italic,500,600,700,700italic|Source+Sans+Pro:400,700,900,600,300|Noto+Serif:400' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
+  <script type='text/javascript' src='../../../cdn/dev/js/keyrenderer.js'></script>
+  <script type="text/javascript">
+   // Add a script element as a child of the body
+   
+    function downloadJS(src) {
+      var element = document.createElement("script");
+      element.src = src;
+      document.body.appendChild(element);
+    }
+   
+    function downloadJSAtOnload() {
+      downloadJS("/cdn/dev/js/jquery1-11-1.min.js");
+              downloadJS("/cdn/dev/js/kmlive.js");
+            //downloadJS("/cdn/dev/js/keyrenderer.js");
+    }
+    
+   // Check for browser support of event handling capability
+   if (window.addEventListener)
+   window.addEventListener("load", downloadJSAtOnload, false);
+   else if (window.attachEvent)
+   window.attachEvent("onload", downloadJSAtOnload);
+   else window.onload = downloadJSAtOnload;
+  </script>
+    <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-249828-1',  'auto', {'allowLinker': true});
+    ga('require', 'linker');
+    ga('linker:autoLink', 
+      ['keyman.com', 'www.keyman.com', 
+       'keymanweb.com', 'www.keymanweb.com', 
+       'help.keyman.com',
+       'blog.keyman.com',
+       'www.tavultesoft.com', 'tavultesoft.com', 'secure.tavultesoft.com'] );
+    ga('send', 'pageview');
+  </script>
+  </head>
+<body data-device="Unknown">
+  <div id="container">
+    <div class="header">
+      <div id="show-phone-menu-spacer"></div>
+              <img id="logo" src="../../../cdn/dev/img/logo2.png" alt='Keyman Logo' />
+            <div id="no-menu-spacer"></div>
+      <img id="header-bottom" src="../../../cdn/dev/img/headerbar.png" alt='Header bottom' />
+      <a id="help" href="http://keyman.com/">
+        <p id="keyman-help">Keyman.com</p><img src="../../../cdn/dev/img/helpIcon.png">
+      </a>
+    </div>
+    <div id="phone-header-spacer"></div><div class="main no-toc no-index">
+  <div id="section2" class='embed-on tablet-form'>
+    <div class="column-left">
+      <div id="index">
+        <h3>Index</h3>
+        <div id="index-content"></div>
+      </div>
+    </div>    
+    <div class="wrapper">
+      <article>
+<h2 class="content-in-app">Getting Started</h2>
+<h2 class="content-online">Keyman for Android</h2>
+
+<p class="content-online"><a href='http://help.keyman.com.local/products/android/version-history'>Version history</a></p>
+
+
+<p>
+  Keyman for Android lets you type in over 600 languages on Android mobiles and tablets.
+  To get started, here are some helpful hints:
+</p>
+<table>
+  <tr>
+    <th colspan="2">Keyboard Keys <br/>(Keyboard Present)</th>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="install-keyboard-ap" src="../../../cdn/dev/img/app/12.0/globe-ap.png">
+      <img class="tablet" id="install-keyboard-at" src="../../../cdn/dev/img/app/12.0/globe-at.png">
+    </td>
+    <td>Select another language/keyboard</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="hide-keyboard-ap" src="../../../cdn/dev/img/app/12.0/hide-keyboard-ap.png">
+      <img class="tablet" id="hide-keyboard-at" src="../../../cdn/dev/img/app/12.0/hide-keyboard-at.png">
+    </td>
+    <td>Hide the keyboard</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="backspace-ap" src="../../../cdn/dev/img/app/12.0/backspace-ap.png">
+      <img class="tablet" id="backspace-at" src="../../../cdn/dev/img/app/12.0/backspace-at.png">
+    </td>
+    <td>Backspace</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="return-ap" src="../../../cdn/dev/img/app/12.0/return-ap.png">
+      <img class="tablet" id="return-at" src="../../../cdn/dev/img/app/12.0/return-at.png">
+    </td>
+    <td>Return</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="shift-ap" src="../../../cdn/dev/img/app/12.0/shift-ap.png">
+      <img class="tablet" id="shift-at" src="../../../cdn/dev/img/app/12.0/shift-at.png">
+    </td>
+    <td>Shift key. Long press this key to access the CTRL, ALT and CTRL ALT keys
+      (which can access additional key layers)
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="touch-hold-ap" src="../../../cdn/dev/img/app/12.0/touch-hold-ap.png">
+      <img class="tablet" id="touch-hold-at" src="../../../cdn/dev/img/app/12.0/touch-hold-at.png">
+    </td>
+    <td>Keys with a small dot in the top right corner indicate a long press key. Access
+      further functionality by long pressing the key
+    </td>
+  </tr>
+  <tr>
+    <th colspan="2" id="toolbar-ap">Toolbar Icons</th>
+  </tr>
+  <tr>
+    <td><img id="share-ap" src="../../../cdn/dev/img/app/12.0/share-a.png"></td>
+    <td>Share your text via Mail, Text, or Twitter</td>
+  </tr>
+  <tr>
+    <td><img id="browser-ap" src="../../../cdn/dev/img/app/12.0/browser-a.png"></td>
+    <td>Open the Keyman Browser to use the web in your language</td>
+  </tr>
+  <tr>
+    <td><img id="menu-ap" src="../../../cdn/dev/img/app/12.0/menu-icon-a.png"></td>
+    <td>Open the menu for additional options</td>
+  </tr>
+  <tr>
+    <td><img id="font-size-ap" src="../../../cdn/dev/img/app/12.0/font-size-a.png"></td>
+    <td>Adjust the font size</td>
+  </tr>
+  <tr>
+    <td><img id="delete-ap" src="../../../cdn/dev/img/app/12.0/delete-a.png"></td>
+    <td>Delete all current text</td>
+  </tr>
+  <tr>
+    <td><img id="info-ap" src="../../../cdn/dev/img/app/12.0/info-a.png"></td>
+    <td>Load this help page</td>
+  </tr>
+  <tr>
+    <td><img id="get-started-ap" src="../../../cdn/dev/img/app/12.0/get-started-a.png"></td>
+    <td>Open the initial setup screen</td>
+  </tr>
+  <tr>
+    <td><img id="settings-ap" src="../../../cdn/dev/img/app/12.0/settings-a.png"></td>
+    <td>Open the Keyman Settings screen</td>
+  </tr>
+</table>
+
+<h2>Accessing Keyboard Help</h2>
+<p>
+  Step 1) Open the keyboard list by touching the globe key.
+</p>
+<p>
+  <img class="phone" id="keyboard-help1-ap" src="../../../cdn/dev/img/app/12.0/globe-ap.png">
+  <img class="tablet" id="keyboard-help1-at" src="../../../cdn/dev/img/app/12.0/globe-at.png">
+</p>
+<br/>
+<p>
+  Step 2) Touch the info icon for your keyboard.
+</p>
+<p><img id="keyboard-help2-ap" src="../../../cdn/dev/img/app/12.0/info-a-gray.png"></p>
+<br/>
+
+<h2>Help Index</h2>
+
+<ul>
+  <li class="content-in-app"><a href="index.php.html">Getting Started</a></li>
+  <li class="content-online"><a href="index.php.html">Keyman for Android help home</a></li>
+  <li><a href="installing-keyboards.php.html">Adding new keyboards</a></li>
+  <li><a href='switching-between-keyboards.php.html'>Switching between keyboards</a></li>
+  <li><a href='uninstalling-keyboards.php.html'>Removing a keyboard</a></li>
+  <li><a href='installing-custom-packages.php.html'>Installing custom keyboards/dictionaries</a></li>
+  <li><a href='installing-system-keyboard.php.html'>Installing system-wide keyboards</a></li>
+  <li><a href='uninstalling-dictionaries.php.html'>Removing a dictionary</a></li>
+  <li><a href='using-keyman-browser.php.html'>Using the Keyman browser</a></li>
+</ul>
+
+<h2>Integrate Keyman with your App or Website</h2>
+<p>
+  If you are interested in learning how Keyman can be integrated into your own app or
+  website, visit <a href="https://keyman.com/engine/">keyman.com/engine</a>
+</p>
+
+<h2>Further Help</h2>
+<p>
+  For more information on Keyman, visit <a href="https://keyman.com">keyman.com</a>
+  <br/><br/>
+  For more information on Keyman for Android, visit <a href="https://keyman.com/android">keyman.com/android</a>
+</p>
+
+<div class="content-online">
+  <h2>Keyman for Android Documentation Versions</h2>
+
+  <ul>
+    <li><a href='index.html'>Keyman for Android 12.0 Documentation</a></li>
+    <li><a href='http://help.keyman.com.local/products/android/11.0/'>Keyman for Android 11.0 Documentation</a></li>
+    <li><a href='http://help.keyman.com.local/products/android/10.0/'>Keyman for Android 10.0 Documentation</a></li>
+    <li><a href='http://help.keyman.com.local/products/android/2.0/'>Keyman for Android 2.0 Documentation</a></li>
+  </ul>
+</div>
+          </article>
+        </div>
+    </div>
+</div>
+<div class="footer">
+    <div class="wrapper">
+        <div class="footer-third sil-logo">
+            <br>
+            <a href="https://www.keyman.com/about/"><img id="sil-logo" src="../../../cdn/dev/img/sil-logo-blue-2017_1.png" alt='SIL' /></a>
+            <p>Copyright &copy; 1992-2019</p>
+            <p>Created by <a href="https://www.keyman.com/about/">SIL International</a></p>
+          </div>
+    </div>
+</div>
+</body>
+</html>

android/KMAPro/kMAPro/src/main/assets/info/products/android/tablet/index.php.html

@@ -0,0 +1,240 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Keyman for Android Help</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <link rel='shortcut icon' href="../../../cdn/dev/img/favicon.ico">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/template.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/app-info-a.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/embed.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/formfactor.css">
+    <link href='https://fonts.googleapis.com/css?family=Cabin:400,400italic,500,600,700,700italic|Source+Sans+Pro:400,700,900,600,300|Noto+Serif:400' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
+  <script type='text/javascript' src='../../../cdn/dev/js/keyrenderer.js'></script>
+  <script type="text/javascript">
+   // Add a script element as a child of the body
+   
+    function downloadJS(src) {
+      var element = document.createElement("script");
+      element.src = src;
+      document.body.appendChild(element);
+    }
+   
+    function downloadJSAtOnload() {
+      downloadJS("/cdn/dev/js/jquery1-11-1.min.js");
+              downloadJS("/cdn/dev/js/kmlive.js");
+            //downloadJS("/cdn/dev/js/keyrenderer.js");
+    }
+    
+   // Check for browser support of event handling capability
+   if (window.addEventListener)
+   window.addEventListener("load", downloadJSAtOnload, false);
+   else if (window.attachEvent)
+   window.attachEvent("onload", downloadJSAtOnload);
+   else window.onload = downloadJSAtOnload;
+  </script>
+    <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-249828-1',  'auto', {'allowLinker': true});
+    ga('require', 'linker');
+    ga('linker:autoLink', 
+      ['keyman.com', 'www.keyman.com', 
+       'keymanweb.com', 'www.keymanweb.com', 
+       'help.keyman.com',
+       'blog.keyman.com',
+       'www.tavultesoft.com', 'tavultesoft.com', 'secure.tavultesoft.com'] );
+    ga('send', 'pageview');
+  </script>
+  </head>
+<body data-device="Unknown">
+  <div id="container">
+    <div class="header">
+      <div id="show-phone-menu-spacer"></div>
+              <img id="logo" src="../../../cdn/dev/img/logo2.png" alt='Keyman Logo' />
+            <div id="no-menu-spacer"></div>
+      <img id="header-bottom" src="../../../cdn/dev/img/headerbar.png" alt='Header bottom' />
+      <a id="help" href="http://keyman.com/">
+        <p id="keyman-help">Keyman.com</p><img src="../../../cdn/dev/img/helpIcon.png">
+      </a>
+    </div>
+    <div id="phone-header-spacer"></div><div class="main no-toc no-index">
+  <div id="section2" class='embed-on tablet-form'>
+    <div class="column-left">
+      <div id="index">
+        <h3>Index</h3>
+        <div id="index-content"></div>
+      </div>
+    </div>    
+    <div class="wrapper">
+      <article>
+<h2 class="content-in-app">Getting Started</h2>
+<h2 class="content-online">Keyman for Android</h2>
+
+<p class="content-online"><a href='http://help.keyman.com.local/products/android/version-history'>Version history</a></p>
+
+
+<p>
+  Keyman for Android lets you type in over 600 languages on Android mobiles and tablets.
+  To get started, here are some helpful hints:
+</p>
+<table>
+  <tr>
+    <th colspan="2">Keyboard Keys <br/>(Keyboard Present)</th>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="install-keyboard-ap" src="../../../cdn/dev/img/app/12.0/globe-ap.png">
+      <img class="tablet" id="install-keyboard-at" src="../../../cdn/dev/img/app/12.0/globe-at.png">
+    </td>
+    <td>Select another language/keyboard</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="hide-keyboard-ap" src="../../../cdn/dev/img/app/12.0/hide-keyboard-ap.png">
+      <img class="tablet" id="hide-keyboard-at" src="../../../cdn/dev/img/app/12.0/hide-keyboard-at.png">
+    </td>
+    <td>Hide the keyboard</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="backspace-ap" src="../../../cdn/dev/img/app/12.0/backspace-ap.png">
+      <img class="tablet" id="backspace-at" src="../../../cdn/dev/img/app/12.0/backspace-at.png">
+    </td>
+    <td>Backspace</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="return-ap" src="../../../cdn/dev/img/app/12.0/return-ap.png">
+      <img class="tablet" id="return-at" src="../../../cdn/dev/img/app/12.0/return-at.png">
+    </td>
+    <td>Return</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="shift-ap" src="../../../cdn/dev/img/app/12.0/shift-ap.png">
+      <img class="tablet" id="shift-at" src="../../../cdn/dev/img/app/12.0/shift-at.png">
+    </td>
+    <td>Shift key. Long press this key to access the CTRL, ALT and CTRL ALT keys
+      (which can access additional key layers)
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="touch-hold-ap" src="../../../cdn/dev/img/app/12.0/touch-hold-ap.png">
+      <img class="tablet" id="touch-hold-at" src="../../../cdn/dev/img/app/12.0/touch-hold-at.png">
+    </td>
+    <td>Keys with a small dot in the top right corner indicate a long press key. Access
+      further functionality by long pressing the key
+    </td>
+  </tr>
+  <tr>
+    <th colspan="2" id="toolbar-ap">Toolbar Icons</th>
+  </tr>
+  <tr>
+    <td><img id="share-ap" src="../../../cdn/dev/img/app/12.0/share-a.png"></td>
+    <td>Share your text via Mail, Text, or Twitter</td>
+  </tr>
+  <tr>
+    <td><img id="browser-ap" src="../../../cdn/dev/img/app/12.0/browser-a.png"></td>
+    <td>Open the Keyman Browser to use the web in your language</td>
+  </tr>
+  <tr>
+    <td><img id="menu-ap" src="../../../cdn/dev/img/app/12.0/menu-icon-a.png"></td>
+    <td>Open the menu for additional options</td>
+  </tr>
+  <tr>
+    <td><img id="font-size-ap" src="../../../cdn/dev/img/app/12.0/font-size-a.png"></td>
+    <td>Adjust the font size</td>
+  </tr>
+  <tr>
+    <td><img id="delete-ap" src="../../../cdn/dev/img/app/12.0/delete-a.png"></td>
+    <td>Delete all current text</td>
+  </tr>
+  <tr>
+    <td><img id="info-ap" src="../../../cdn/dev/img/app/12.0/info-a.png"></td>
+    <td>Load this help page</td>
+  </tr>
+  <tr>
+    <td><img id="get-started-ap" src="../../../cdn/dev/img/app/12.0/get-started-a.png"></td>
+    <td>Open the initial setup screen</td>
+  </tr>
+  <tr>
+    <td><img id="settings-ap" src="../../../cdn/dev/img/app/12.0/settings-a.png"></td>
+    <td>Open the Keyman Settings screen</td>
+  </tr>
+</table>
+
+<h2>Accessing Keyboard Help</h2>
+<p>
+  Step 1) Open the keyboard list by touching the globe key.
+</p>
+<p>
+  <img class="phone" id="keyboard-help1-ap" src="../../../cdn/dev/img/app/12.0/globe-ap.png">
+  <img class="tablet" id="keyboard-help1-at" src="../../../cdn/dev/img/app/12.0/globe-at.png">
+</p>
+<br/>
+<p>
+  Step 2) Touch the info icon for your keyboard.
+</p>
+<p><img id="keyboard-help2-ap" src="../../../cdn/dev/img/app/12.0/info-a-gray.png"></p>
+<br/>
+
+<h2>Help Index</h2>
+
+<ul>
+  <li class="content-in-app"><a href="index.php.html">Getting Started</a></li>
+  <li class="content-online"><a href="index.php.html">Keyman for Android help home</a></li>
+  <li><a href="installing-keyboards.php.html">Adding new keyboards</a></li>
+  <li><a href='switching-between-keyboards.php.html'>Switching between keyboards</a></li>
+  <li><a href='uninstalling-keyboards.php.html'>Removing a keyboard</a></li>
+  <li><a href='installing-custom-packages.php.html'>Installing custom keyboards/dictionaries</a></li>
+  <li><a href='installing-system-keyboard.php.html'>Installing system-wide keyboards</a></li>
+  <li><a href='uninstalling-dictionaries.php.html'>Removing a dictionary</a></li>
+  <li><a href='using-keyman-browser.php.html'>Using the Keyman browser</a></li>
+</ul>
+
+<h2>Integrate Keyman with your App or Website</h2>
+<p>
+  If you are interested in learning how Keyman can be integrated into your own app or
+  website, visit <a href="https://keyman.com/engine/">keyman.com/engine</a>
+</p>
+
+<h2>Further Help</h2>
+<p>
+  For more information on Keyman, visit <a href="https://keyman.com">keyman.com</a>
+  <br/><br/>
+  For more information on Keyman for Android, visit <a href="https://keyman.com/android">keyman.com/android</a>
+</p>
+
+<div class="content-online">
+  <h2>Keyman for Android Documentation Versions</h2>
+
+  <ul>
+    <li><a href='index.html'>Keyman for Android 12.0 Documentation</a></li>
+    <li><a href='http://help.keyman.com.local/products/android/11.0/'>Keyman for Android 11.0 Documentation</a></li>
+    <li><a href='http://help.keyman.com.local/products/android/10.0/'>Keyman for Android 10.0 Documentation</a></li>
+    <li><a href='http://help.keyman.com.local/products/android/2.0/'>Keyman for Android 2.0 Documentation</a></li>
+  </ul>
+</div>
+          </article>
+        </div>
+    </div>
+</div>
+<div class="footer">
+    <div class="wrapper">
+        <div class="footer-third sil-logo">
+            <br>
+            <a href="https://www.keyman.com/about/"><img id="sil-logo" src="../../../cdn/dev/img/sil-logo-blue-2017_1.png" alt='SIL' /></a>
+            <p>Copyright &copy; 1992-2019</p>
+            <p>Created by <a href="https://www.keyman.com/about/">SIL International</a></p>
+          </div>
+    </div>
+</div>
+</body>
+</html>

android/KMAPro/kMAPro/src/main/assets/info/products/android/tablet/index.php@embed=android&formfactor=tablet.html

@@ -0,0 +1,240 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Keyman for Android Help</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <link rel='shortcut icon' href="../../../cdn/dev/img/favicon.ico">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/template.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/app-info-a.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/embed.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/formfactor.css">
+    <link href='https://fonts.googleapis.com/css?family=Cabin:400,400italic,500,600,700,700italic|Source+Sans+Pro:400,700,900,600,300|Noto+Serif:400' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
+  <script type='text/javascript' src='../../../cdn/dev/js/keyrenderer.js'></script>
+  <script type="text/javascript">
+   // Add a script element as a child of the body
+   
+    function downloadJS(src) {
+      var element = document.createElement("script");
+      element.src = src;
+      document.body.appendChild(element);
+    }
+   
+    function downloadJSAtOnload() {
+      downloadJS("/cdn/dev/js/jquery1-11-1.min.js");
+              downloadJS("/cdn/dev/js/kmlive.js");
+            //downloadJS("/cdn/dev/js/keyrenderer.js");
+    }
+    
+   // Check for browser support of event handling capability
+   if (window.addEventListener)
+   window.addEventListener("load", downloadJSAtOnload, false);
+   else if (window.attachEvent)
+   window.attachEvent("onload", downloadJSAtOnload);
+   else window.onload = downloadJSAtOnload;
+  </script>
+    <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-249828-1',  'auto', {'allowLinker': true});
+    ga('require', 'linker');
+    ga('linker:autoLink', 
+      ['keyman.com', 'www.keyman.com', 
+       'keymanweb.com', 'www.keymanweb.com', 
+       'help.keyman.com',
+       'blog.keyman.com',
+       'www.tavultesoft.com', 'tavultesoft.com', 'secure.tavultesoft.com'] );
+    ga('send', 'pageview');
+  </script>
+  </head>
+<body data-device="Unknown">
+  <div id="container">
+    <div class="header">
+      <div id="show-phone-menu-spacer"></div>
+              <img id="logo" src="../../../cdn/dev/img/logo2.png" alt='Keyman Logo' />
+            <div id="no-menu-spacer"></div>
+      <img id="header-bottom" src="../../../cdn/dev/img/headerbar.png" alt='Header bottom' />
+      <a id="help" href="http://keyman.com/">
+        <p id="keyman-help">Keyman.com</p><img src="../../../cdn/dev/img/helpIcon.png">
+      </a>
+    </div>
+    <div id="phone-header-spacer"></div><div class="main no-toc no-index">
+  <div id="section2" class='embed-on tablet-form'>
+    <div class="column-left">
+      <div id="index">
+        <h3>Index</h3>
+        <div id="index-content"></div>
+      </div>
+    </div>    
+    <div class="wrapper">
+      <article>
+<h2 class="content-in-app">Getting Started</h2>
+<h2 class="content-online">Keyman for Android</h2>
+
+<p class="content-online"><a href='http://help.keyman.com.local/products/android/version-history'>Version history</a></p>
+
+
+<p>
+  Keyman for Android lets you type in over 600 languages on Android mobiles and tablets.
+  To get started, here are some helpful hints:
+</p>
+<table>
+  <tr>
+    <th colspan="2">Keyboard Keys <br/>(Keyboard Present)</th>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="install-keyboard-ap" src="../../../cdn/dev/img/app/12.0/globe-ap.png">
+      <img class="tablet" id="install-keyboard-at" src="../../../cdn/dev/img/app/12.0/globe-at.png">
+    </td>
+    <td>Select another language/keyboard</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="hide-keyboard-ap" src="../../../cdn/dev/img/app/12.0/hide-keyboard-ap.png">
+      <img class="tablet" id="hide-keyboard-at" src="../../../cdn/dev/img/app/12.0/hide-keyboard-at.png">
+    </td>
+    <td>Hide the keyboard</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="backspace-ap" src="../../../cdn/dev/img/app/12.0/backspace-ap.png">
+      <img class="tablet" id="backspace-at" src="../../../cdn/dev/img/app/12.0/backspace-at.png">
+    </td>
+    <td>Backspace</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="return-ap" src="../../../cdn/dev/img/app/12.0/return-ap.png">
+      <img class="tablet" id="return-at" src="../../../cdn/dev/img/app/12.0/return-at.png">
+    </td>
+    <td>Return</td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="shift-ap" src="../../../cdn/dev/img/app/12.0/shift-ap.png">
+      <img class="tablet" id="shift-at" src="../../../cdn/dev/img/app/12.0/shift-at.png">
+    </td>
+    <td>Shift key. Long press this key to access the CTRL, ALT and CTRL ALT keys
+      (which can access additional key layers)
+    </td>
+  </tr>
+  <tr>
+    <td>
+      <img class="phone" id="touch-hold-ap" src="../../../cdn/dev/img/app/12.0/touch-hold-ap.png">
+      <img class="tablet" id="touch-hold-at" src="../../../cdn/dev/img/app/12.0/touch-hold-at.png">
+    </td>
+    <td>Keys with a small dot in the top right corner indicate a long press key. Access
+      further functionality by long pressing the key
+    </td>
+  </tr>
+  <tr>
+    <th colspan="2" id="toolbar-ap">Toolbar Icons</th>
+  </tr>
+  <tr>
+    <td><img id="share-ap" src="../../../cdn/dev/img/app/12.0/share-a.png"></td>
+    <td>Share your text via Mail, Text, or Twitter</td>
+  </tr>
+  <tr>
+    <td><img id="browser-ap" src="../../../cdn/dev/img/app/12.0/browser-a.png"></td>
+    <td>Open the Keyman Browser to use the web in your language</td>
+  </tr>
+  <tr>
+    <td><img id="menu-ap" src="../../../cdn/dev/img/app/12.0/menu-icon-a.png"></td>
+    <td>Open the menu for additional options</td>
+  </tr>
+  <tr>
+    <td><img id="font-size-ap" src="../../../cdn/dev/img/app/12.0/font-size-a.png"></td>
+    <td>Adjust the font size</td>
+  </tr>
+  <tr>
+    <td><img id="delete-ap" src="../../../cdn/dev/img/app/12.0/delete-a.png"></td>
+    <td>Delete all current text</td>
+  </tr>
+  <tr>
+    <td><img id="info-ap" src="../../../cdn/dev/img/app/12.0/info-a.png"></td>
+    <td>Load this help page</td>
+  </tr>
+  <tr>
+    <td><img id="get-started-ap" src="../../../cdn/dev/img/app/12.0/get-started-a.png"></td>
+    <td>Open the initial setup screen</td>
+  </tr>
+  <tr>
+    <td><img id="settings-ap" src="../../../cdn/dev/img/app/12.0/settings-a.png"></td>
+    <td>Open the Keyman Settings screen</td>
+  </tr>
+</table>
+
+<h2>Accessing Keyboard Help</h2>
+<p>
+  Step 1) Open the keyboard list by touching the globe key.
+</p>
+<p>
+  <img class="phone" id="keyboard-help1-ap" src="../../../cdn/dev/img/app/12.0/globe-ap.png">
+  <img class="tablet" id="keyboard-help1-at" src="../../../cdn/dev/img/app/12.0/globe-at.png">
+</p>
+<br/>
+<p>
+  Step 2) Touch the info icon for your keyboard.
+</p>
+<p><img id="keyboard-help2-ap" src="../../../cdn/dev/img/app/12.0/info-a-gray.png"></p>
+<br/>
+
+<h2>Help Index</h2>
+
+<ul>
+  <li class="content-in-app"><a href="index.php.html">Getting Started</a></li>
+  <li class="content-online"><a href="index.php.html">Keyman for Android help home</a></li>
+  <li><a href="installing-keyboards.php.html">Adding new keyboards</a></li>
+  <li><a href='switching-between-keyboards.php.html'>Switching between keyboards</a></li>
+  <li><a href='uninstalling-keyboards.php.html'>Removing a keyboard</a></li>
+  <li><a href='installing-custom-packages.php.html'>Installing custom keyboards/dictionaries</a></li>
+  <li><a href='installing-system-keyboard.php.html'>Installing system-wide keyboards</a></li>
+  <li><a href='uninstalling-dictionaries.php.html'>Removing a dictionary</a></li>
+  <li><a href='using-keyman-browser.php.html'>Using the Keyman browser</a></li>
+</ul>
+
+<h2>Integrate Keyman with your App or Website</h2>
+<p>
+  If you are interested in learning how Keyman can be integrated into your own app or
+  website, visit <a href="https://keyman.com/engine/">keyman.com/engine</a>
+</p>
+
+<h2>Further Help</h2>
+<p>
+  For more information on Keyman, visit <a href="https://keyman.com">keyman.com</a>
+  <br/><br/>
+  For more information on Keyman for Android, visit <a href="https://keyman.com/android">keyman.com/android</a>
+</p>
+
+<div class="content-online">
+  <h2>Keyman for Android Documentation Versions</h2>
+
+  <ul>
+    <li><a href='index.html'>Keyman for Android 12.0 Documentation</a></li>
+    <li><a href='http://help.keyman.com.local/products/android/11.0/'>Keyman for Android 11.0 Documentation</a></li>
+    <li><a href='http://help.keyman.com.local/products/android/10.0/'>Keyman for Android 10.0 Documentation</a></li>
+    <li><a href='http://help.keyman.com.local/products/android/2.0/'>Keyman for Android 2.0 Documentation</a></li>
+  </ul>
+</div>
+          </article>
+        </div>
+    </div>
+</div>
+<div class="footer">
+    <div class="wrapper">
+        <div class="footer-third sil-logo">
+            <br>
+            <a href="https://www.keyman.com/about/"><img id="sil-logo" src="../../../cdn/dev/img/sil-logo-blue-2017_1.png" alt='SIL' /></a>
+            <p>Copyright &copy; 1992-2019</p>
+            <p>Created by <a href="https://www.keyman.com/about/">SIL International</a></p>
+          </div>
+    </div>
+</div>
+</body>
+</html>

android/KMAPro/kMAPro/src/main/assets/info/products/android/tablet/installing-custom-packages.php.html

@@ -0,0 +1,192 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Installing Custom Keyboards/Dictionaries - Keyman for Android Help</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <link rel='shortcut icon' href="../../../cdn/dev/img/favicon.ico">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/template.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/app-info-a.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/embed.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/formfactor.css">
+    <link href='https://fonts.googleapis.com/css?family=Cabin:400,400italic,500,600,700,700italic|Source+Sans+Pro:400,700,900,600,300|Noto+Serif:400' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
+  <script type='text/javascript' src='../../../cdn/dev/js/keyrenderer.js'></script>
+  <script type="text/javascript">
+   // Add a script element as a child of the body
+   
+    function downloadJS(src) {
+      var element = document.createElement("script");
+      element.src = src;
+      document.body.appendChild(element);
+    }
+   
+    function downloadJSAtOnload() {
+      downloadJS("/cdn/dev/js/jquery1-11-1.min.js");
+              downloadJS("/cdn/dev/js/kmlive.js");
+            //downloadJS("/cdn/dev/js/keyrenderer.js");
+    }
+    
+   // Check for browser support of event handling capability
+   if (window.addEventListener)
+   window.addEventListener("load", downloadJSAtOnload, false);
+   else if (window.attachEvent)
+   window.attachEvent("onload", downloadJSAtOnload);
+   else window.onload = downloadJSAtOnload;
+  </script>
+    <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-249828-1',  'auto', {'allowLinker': true});
+    ga('require', 'linker');
+    ga('linker:autoLink', 
+      ['keyman.com', 'www.keyman.com', 
+       'keymanweb.com', 'www.keymanweb.com', 
+       'help.keyman.com',
+       'blog.keyman.com',
+       'www.tavultesoft.com', 'tavultesoft.com', 'secure.tavultesoft.com'] );
+    ga('send', 'pageview');
+  </script>
+  </head>
+<body data-device="Unknown">
+  <div id="container">
+    <div class="header">
+      <div id="show-phone-menu-spacer"></div>
+              <img id="logo" src="../../../cdn/dev/img/logo2.png" alt='Keyman Logo' />
+            <div id="no-menu-spacer"></div>
+      <img id="header-bottom" src="../../../cdn/dev/img/headerbar.png" alt='Header bottom' />
+      <a id="help" href="http://keyman.com/">
+        <p id="keyman-help">Keyman.com</p><img src="../../../cdn/dev/img/helpIcon.png">
+      </a>
+    </div>
+    <div id="phone-header-spacer"></div><div class="main no-toc no-index">
+  <div id="section2" class='embed-on tablet-form'>
+    <div class="column-left">
+      <div id="index">
+        <h3>Index</h3>
+        <div id="index-content"></div>
+      </div>
+    </div>    
+    <div class="wrapper">
+      <article>
+<h2>Installing Custom Keyboards/Dictionaries</h2>
+
+
+<p>
+  These same steps can be used for installing custom keyboard or custom dictionary packages. This example is for Khmer Angkor keyboard.
+</p>
+
+<p>
+  Step 1) Click the link to your custom package file.
+</p>
+<p>
+  <img class="phone" id="dist-url-screen-ap" src="../../../cdn/dev/img/app/12.0/dist-url-screen-ap.png">
+  <img class="tablet" id="dist-url-screen-at" src="../../../cdn/dev/img/app/12.0/dist-url-screen-at.png">
+</p>
+<p>
+  Step 2) Once the KMP file is on your device, you will need to browse to the KMP file and select it.
+  From the Keyman menu, select 'Settings'.
+  <br/>
+  From the Keyman Settings menu, select 'Add Keyboard from Device'.
+</p>
+<p><img id="settings-add-keyboard-from-device-ap" src="../../../cdn/dev/img/app/12.0/settings-language-ap.png"></p>
+<p>
+  The device will launch a file browser where you'll browse to the directory of your KMP file.
+  A common place to look is the "Downloads" folder.
+</p>
+<p>
+  <img class="phone" id="dist-file-browser-ap" src="../../../cdn/dev/img/app/12.0/dist-file-browser-ap.png">
+  <img class="tablet" id="dist-file-browser-at" src="../../../cdn/dev/img/app/12.0/dist-file-browser-at.png">
+</p>
+<p>
+  Selecting the KMP file should bring you to Step 3)
+</p>
+<p>
+  Step 3) On Android 6.0 (Marshmallow) and higher, mobile apps need to request permissions to access storage. Keyman
+  for Android needs access to read storage for installing the KMP file. At the dialog, select "ALLOW". Once authorized,
+  Keyman for Android won't need to ask for storage permission again, unless the user revokes or uninstalls the app.
+</p>
+<p>
+  <img class="phone" id="dist-storrage-permission-ap" src="../../../cdn/dev/img/app/12.0/dist-storage-permission-ap.png">
+  <img class="tablet" id="dist-storrage-permission-at" src="../../../cdn/dev/img/app/12.0/dist-storage-permission-at.png">
+</p>
+<p>
+  Older versions of Android grant Storage permissions at app installation time, so those users can skip this step.
+</p>
+<p>
+  Step 4) Keyman for Android will parse the metadata in the package. If the keyboard package includes a "welcome.htm"
+  file, this will be displayed at the confirmation to install the keyboard package.
+</p>
+<p>
+  <img class="phone" id="dist-welcome-ap" src="../../../cdn/dev/img/app/12.0/dist-welcome-ap.png">
+  <img class="tablet" id="dist-welcome-at" src="../../../cdn/dev/img/app/12.0/dist-welcome-at.png">
+</p>
+<p>
+  If "welcome.htm" is not included, a generic page with the package ID and package version will be shown. Click the
+  left "Install" button to install the entire keyboard package.
+</p>
+<p>
+  Step 5) All the keyboards in the package are installed as a group. In this example, the package only has the
+  "Khmer Angkor" keyboard, so it becomes the active keyboard. For custom dictionary packages, only one dictionary
+  will be installed.
+</p>
+<p>
+  <img class="phone" id="dist-install1-ap" src="../../../cdn/dev/img/app/12.0/dist-install1-ap.png">
+  <img class="tablet" id="dist-install1-at" src="../../../cdn/dev/img/app/12.0/dist-install1-at.png">
+</p>
+<p>
+  Once the keyboard has been installed, you should be able to use it as normal.
+  <br/>
+  To learn how to create a custom installable keyboard,
+  <a href="https://help.keyman.com/developer/12.0/guides/distribute/">click here</a>.
+</p>
+
+<h2>Granting storage permission</h2>
+<p>
+  If Keyman for Android is permanently denied storage access, attempts to install custom packages will fail with the
+  notification "Storage permission request was denied". Perform these steps to grant Keyman for Android access to storage
+</p>
+<p>
+  Step 1) Go to Android Settings.
+  <br/>
+  Step 2) Depending on your device, click "Apps", "Apps &amp; notifications", or "App permissions" and grant Keyman
+  storage permission. The screenshot below is from Android 9.0 Pie.
+</p>
+<p>
+  <img class="phone" id="keyman-storage-permission-ap" src="../../../cdn/dev/img/app/12.0/keyman-storage-permission-ap.png">
+  <img class="tablet" id="keyman-storage-permission-at" src="../../../cdn/dev/img/app/12.0/keyman-storage-permission-at.png">
+</p>
+
+<h2>Help Index</h2>
+
+<ul>
+  <li class="content-in-app"><a href="index.php.html">Getting Started</a></li>
+  <li class="content-online"><a href="index.php.html">Keyman for Android help home</a></li>
+  <li><a href="installing-keyboards.php.html">Adding new keyboards</a></li>
+  <li><a href='switching-between-keyboards.php.html'>Switching between keyboards</a></li>
+  <li><a href='uninstalling-keyboards.php.html'>Removing a keyboard</a></li>
+  <li><a href='installing-custom-packages.php.html'>Installing custom keyboards/dictionaries</a></li>
+  <li><a href='installing-system-keyboard.php.html'>Installing system-wide keyboards</a></li>
+  <li><a href='uninstalling-dictionaries.php.html'>Removing a dictionary</a></li>
+  <li><a href='using-keyman-browser.php.html'>Using the Keyman browser</a></li>
+</ul>
+          </article>
+        </div>
+    </div>
+</div>
+<div class="footer">
+    <div class="wrapper">
+        <div class="footer-third sil-logo">
+            <br>
+            <a href="https://www.keyman.com/about/"><img id="sil-logo" src="../../../cdn/dev/img/sil-logo-blue-2017_1.png" alt='SIL' /></a>
+            <p>Copyright &copy; 1992-2019</p>
+            <p>Created by <a href="https://www.keyman.com/about/">SIL International</a></p>
+          </div>
+    </div>
+</div>
+</body>
+</html>

android/KMAPro/kMAPro/src/main/assets/info/products/android/tablet/installing-keyboards.php.html

@@ -0,0 +1,158 @@
+<!DOCTYPE html>
+
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Adding Keyboards - Keyman for Android Help</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+  <link rel='shortcut icon' href="../../../cdn/dev/img/favicon.ico">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/template.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/app-info-a.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/embed.css">
+      <link rel="stylesheet" type="text/css" href="../../../cdn/dev/css/formfactor.css">
+    <link href='https://fonts.googleapis.com/css?family=Cabin:400,400italic,500,600,700,700italic|Source+Sans+Pro:400,700,900,600,300|Noto+Serif:400' rel='stylesheet' type='text/css'>
+    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic' rel='stylesheet' type='text/css'>
+  <script type='text/javascript' src='../../../cdn/dev/js/keyrenderer.js'></script>
+  <script type="text/javascript">
+   // Add a script element as a child of the body
+   
+    function downloadJS(src) {
+      var element = document.createElement("script");
+      element.src = src;
+      document.body.appendChild(element);
+    }
+   
+    function downloadJSAtOnload() {
+      downloadJS("/cdn/dev/js/jquery1-11-1.min.js");
+              downloadJS("/cdn/dev/js/kmlive.js");
+            //downloadJS("/cdn/dev/js/keyrenderer.js");
+    }
+    
+   // Check for browser support of event handling capability
+   if (window.addEventListener)
+   window.addEventListener("load", downloadJSAtOnload, false);
+   else if (window.attachEvent)
+   window.attachEvent("onload", downloadJSAtOnload);
+   else window.onload = downloadJSAtOnload;
+  </script>
+    <script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-249828-1',  'auto', {'allowLinker': true});
+    ga('require', 'linker');
+    ga('linker:autoLink', 
+      ['keyman.com', 'www.keyman.com', 
+       'keymanweb.com', 'www.keymanweb.com', 
+       'help.keyman.com',
+       'blog.keyman.com',
+       'www.tavultesoft.com', 'tavultesoft.com', 'secure.tavultesoft.com'] );
+    ga('send', 'pageview');
+  </script>
+  </head>
+<body data-device="Unknown">
+  <div id="container">
+    <div class="header">
+      <div id="show-phone-menu-spacer"></div>
+              <img id="logo" src="../../../cdn/dev/img/logo2.png" alt='Keyman Logo' />
+            <div id="no-menu-spacer"></div>
+      <img id="header-bottom" src="../../../cdn/dev/img/headerbar.png" alt='Header bottom' />
+      <a id="help" href="http://keyman.com/">
+        <p id="keyman-help">Keyman.com</p><img src="../../../cdn/dev/img/helpIcon.png">
+      </a>
+    </div>
+    <div id="phone-header-spacer"></div><div class="main no-toc no-index">
+  <div id="section2" class='embed-on tablet-form'>
+    <div class="column-left">
+      <div id="index">
+        <h3>Index</h3>
+        <div id="index-content"></div>
+      </div>
+    </div>    
+    <div class="wrapper">
+      <article>
+<h2>Adding New Keyboards</h2>
+
+
+<p>
+  To add keyboards, follow these steps:
+</p><p>
+  Step 1)
+</p><p>
+  Open the menu for additional options. Select 'Settings'
+</p><p>
+  Step 2)
+</p><p>
+  From the Keyman Settings menu, select 'Installed languages'
+</p><p>
+  <img id="settings-language-ap" src="../../../cdn/dev/img/app/12.0/settings-language-ap.png">
+</p><p>
+  Step 3)
+</p><p>
+  From the 'Installed languages' menu, touch the <span class="command">+</span>
+  button in the bottom right corner of your screen.
+</p><p>
+  <img id="plus-a" src="../../../cdn/dev/img/app/12.0/plus-a.png">
+</p><p>
+  Step 4)
+</p><p>
+  A list of all available languages will appear. Scroll through this list until you find
+  the language you want to install. Languages marked with a right arrow have multiple keyboards - for
+  example we have 10+ different Tamil keyboards.
+</p><p>
+  <img class="phone" id="lang-list-ap" src="../../../cdn/dev/img/app/12.0/lang-list-ap.png">
+  <img class="tablet" id="lang-list-at" src="../../../cdn/dev/img/app/12.0/lang-list-at.png">
+</p><p>
+  Select the language and keyboard you want to install - a popup will ask for confirmation,
+  hit the <span class="command">Download</span> button.
+</p><p>
+  <img class="phone" id="confirm-dl-ap" src="../../../cdn/dev/img/app/12.0/confirm-dl-ap.png">
+  <img class="tablet" id="confirm-dl-at" src="../../../cdn/dev/img/app/12.0/confirm-dl-at.png">
+</p><p>
+  Step 5)
+</p><p>
+  Once the download is complete, the new keyboard will be selected. Touch the <span class="command">&larr;</span>
+  button on the top left corner of the popup several times and the new keyboard will become active.
+</p><p>
+  <img class="phone" id="success-ap" src="../../../cdn/dev/img/app/12.0/dl-success-ap.png">
+  <img class="tablet" id="success-at" src="../../../cdn/dev/img/app/12.0/dl-success-at.png">
+</p><p>
+  Alternate Step for System Keyboard)
+</p><p>
+  The Keyman system keyboard has an additional <span class="command">CLOSE KEYMAN</span> button at the bottom left of
+  the "Keyboards" menu. Pushing this button will close Keyman and switch to the next non-Keyman system keyboard.
+</p><p>
+  <img id="close-keyman-a" src="../../../cdn/dev/img/app/12.0/close-keyman-a.png"/>
+</p>
+
+<h2>Help Index</h2>
+
+<ul>
+  <li class="content-in-app"><a href="index.php.html">Getting Started</a></li>
+  <li class="content-online"><a href="index.php.html">Keyman for Android help home</a></li>
+  <li><a href="installing-keyboards.php.html">Adding new keyboards</a></li>
+  <li><a href='switching-between-keyboards.php.html'>Switching between keyboards</a></li>
+  <li><a href='uninstalling-keyboards.php.html'>Removing a keyboard</a></li>
+  <li><a href='installing-custom-packages.php.html'>Installing custom keyboards/dictionaries</a></li>
+  <li><a href='installing-system-keyboard.php.html'>Installing system-wide keyboards</a></li>
+  <li><a href='uninstalling-dictionaries.php.html'>Removing a dictionary</a></li>
+  <li><a href='using-keyman-browser.php.html'>Using the Keyman browser</a></li>
+</ul>
+          </article>
+        </div>
+    </div>
+</div>
+<div class="footer">
+    <div class="wrapper">
+        <div class="footer-third sil-logo">
+            <br>
+            <a href="https://www.keyman.com/about/"><img id="sil-logo" src="../../../cdn/dev/img/sil-logo-blue-2017_1.png" alt='SIL' /></a>
+            <p>Copyright &copy; 1992-2019</p>
+            <p>Created by <a href="https://www.keyman.com/about/">SIL International</a></p>
+          </div>
+    </div>
+</div>
+</body>
+</html>