auto: A19S19 merge master into staging

keyboard/carambolfulbhe/2.0/carambolfulbhe.php

@@ -0,0 +1,12 @@
+<?php 
+  $pagename = 'Carambolfulbhe Keyboard Help';
+  $pagetitle = $pagename;
+  require_once('header.php');
+?>
+
+<p>
+  Clavier poular armonisé pour écrire en  poular avec les lettres poular les plus anciennes et les plus connues, clavier  multiplateforme et multisaisie.
+</p>
+<h2>Desktop Keyboard Layout</h2>
+<div id='osk' data-states='default shift rightalt'>
+</div>

keyboard/east_syriac_qwerty/2.0/east_syriac_qwerty.php

@@ -0,0 +1,28 @@
+<?php 
+  $pagename = 'East Syriac (Qwerty) Keyboard Help';
+  $pagetitle = $pagename;
+  require_once('header.php');
+?>
+
+<p>
+  This keyboard is for languages using the East Syriac style of writing. It is based on a US QWERTY phonetic layout. This keyboard is bundled with the Ramsina font. 
+</p>
+
+<h2>Desktop Keyboard Layout</h2>
+<div id='osk' data-states='default shift rightalt rightalt-shift'>
+</div>
+
+<h2>Phone Keyboard layout</h2>
+<h3>Default</h3>
+<p><a href="mobile-default.png"><img class="keyboard" src="mobile-default.png" alt="Default state" /></a></p>
+<h3>East Syriac Diacritics</h3>
+<p><a href="mobile-es-diacritics.png"><img class="keyboard" src="mobile-es-diacritics.png" alt="East Syriac Diacritics state" /></a></p>
+<h3>West Syriac Diacritics</h3>
+<p>Although this keyboard is designed for East Syriac, it is possible to type the West Syriac diacritics, by clicking on the long-press diacritic key in order to select the West Syriac diacritics.</p>
+<p><a href="mobile-ws-diacritics.png"><img class="keyboard" src="mobile-ws-diacritics.png" alt="West Syriac Diacritics state" /></a></p>
+<h3>Numeric</h3>
+<p><a href="mobile-numeric.png"><img class="keyboard" src="mobile-numeric.png" alt="Numeric state" /></a></p>
+
+<h3>Longpress</h3>
+<p>Due to the size and number of keys, some characters are hidden in the long press. Press and hold on the key with a little dot, or hint, on the top right to reveal them.</p>
+<img src="mobile-default-longpress.png">

keyboard/khmer_angkor/2.4/khmer_angkor.php

@@ -334,7 +334,7 @@
 
 <h2 style='margin-left:.5in'><a name="_Toc515267263">Desktop Layout</a></h2>
 
-<div id='osk' data-states='default shift rightalt rightalt-shift'>
+<div id='osk' data-states='default shift rightalt rightalt-shift'></div>
 
 <h2 style='margin-left:.5in'><a name="_Toc515267264">Touch Layout</a></h2>
 
@@ -345,9 +345,10 @@
  <ul>
   <li>Press and hold for a second or so to see more available keys.</li>
   <li>Press a key and flick down</li>
-For example, to get subscript “<span lang=KHM style='font-size:10.0pt;line-height:105%;
+
+<p class=MsoNormal>For example, to get subscript “<span lang=KHM style='font-size:10.0pt;line-height:105%;
 font-family:"Busra"'>&#6098;&#6048;</span>” press and flick down on key “<span lang=KHM style='font-size:10.0pt;line-height:105%;
-font-family:"Busra"'>&#6048;</span>”.
+font-family:"Busra"'>&#6048;</span>”.</p>
 
 <p class=MsoNormal>While using the touch keyboard, one has to be aware of the
 location of each key. This may take a while to get used to, but it would be

keyboard/sil_tchad_faux_azerty/5.4.1/Td.css

@@ -0,0 +1,271 @@
+@font-face {
+    font-family: CharisWeb;
+    font-weight: normal;
+    font-style: normal;
+    src: url("https://fonts.languagetechnology.org/fonts/sil/charis/web/Charis-Regular.woff2") format("woff2");
+}
+@font-face {
+    font-family: CharisWeb;
+    font-weight: normal;
+    font-style: normal;
+    src: url("https://fonts.languagetechnology.org/fonts/sil/charis/web/Charis-Regular.woff") format("woff2");
+}
+@font-face {
+    font-family: CharisWeb;
+    font-weight: bold;
+    font-style: normal;
+    src: url("https://fonts.languagetechnology.org/fonts/sil/charis/web/Charis-Bold.woff2") format("woff2");
+}
+
+body {
+    font-family: 'Charis', CharisWeb, Gentium, serif;
+
+}
+
+
+.tab-folder > .tab-content:target ~ .tab-content:last-child, .tab-folder > .tab-content {
+    display: none;
+}
+
+.tab-folder > :last-child, .tab-folder > .tab-content:target {
+    display: block;
+}
+.right {
+    float: right;
+}
+.left {
+    float: left;
+}
+.full {
+    width: 98%;
+    min-width: 700px;
+}
+
+.red {
+    color:red;
+}
+
+
+img.responsive {
+    height: 100px;
+    width: auto;
+}
+/* style.css */
+.my-class {
+  vertical-align: baseline;
+}
+
+/* Responsive (si besoin) */
+@media (max-width: 600px) {
+    img.responsive {
+        height: 60px;
+    }
+    #container {
+        flex-direction: column;
+        text-align: center;
+    }
+}
+
+/* Pour le paragraphe du haut entre les images */
+.top-tagline {
+    font-weight: bold;
+    text-align: center;
+    flex: 1;
+    margin: 2px;
+    font-size: 2em;
+    font-style: italic; /* facultatif */
+}
+
+/* Pour tous les autres paragraphes "normaux" */
+p.tagline {
+    font-size: 100%;
+}
+
+h1.color {
+    text-align: center;
+	font-size: 130%;
+	display: block;
+}
+.tagline {
+    text-align: center;
+    font-style: italic;
+}
+.buttonlang {
+    background-color: pink;
+    border: none;
+    color: white;
+    padding: 5px;
+    word-wrap: break-word;
+    text-align: center;
+    text-decoration: none;
+    display: inline-block;
+    font-size: 18px;
+    font-weight: 800;
+    margin: 6px 30px;
+    cursor: pointer;
+    border-radius: 8px;
+    width: 94%;
+    animation: pulse 1.5s ease infinite;
+}
+
+h3.color {
+    display: block;
+    font-weight: bold;
+    text-align: left;
+    padding: 1rem;
+    color: #000000;
+    background: linear-gradient(90deg, rgba(255,206,0,1) 0%, rgba(255,206,0,0) 100%);
+    cursor: pointer;
+    border-radius: 7px;
+    transition: all 0.25s ease-out;
+}
+
+@keyframes pulse {
+  0% {
+    transform: scale(1);
+    box-shadow: 0 2px 2px rgba(0,0,0,.2);
+    background-color: #F1506C;
+  }
+  50% {
+    transform: scale(1.05);
+    box-shadow: 0 2px 2px rgba(0,0,0,.2);
+    background-color: #D21034;
+  }
+  100% {
+    transform: scale(1);
+    box-shadow: 0 2px 2px rgba(0,0,0,.2);
+    background-color: #F1506C;
+  }
+}
+
+table {
+  border-collapse: collapse;
+  border: 2px solid rgb(140,140,140);
+  text-align: center;
+}
+
+td {
+  border: 1px solid rgb(160,160,160);
+  padding: 8px 10px;
+}
+
+th {
+  color: white;
+  background-color: rgb(0,78,221);
+}
+
+tr:nth-child(even) td {
+  background-color: rgb(240,240,240);
+}
+
+.heman {
+  font: 1.4rem molot;
+  text-shadow:
+    1px 1px 1px #fff,
+    2px 2px 1px #000;
+}
+
+.skeletor {
+  font: 1.7rem rapscallion;
+  letter-spacing: 3px;
+  text-shadow:
+    1px 1px 0 #fff,
+    0 0 9px #000;
+}
+
+.keyboard {
+  font-size: 20px;
+  white-space: nowrap;
+}
+.keyboard--row {
+  display: block;
+  height: 3em;
+  margin: 0.5em;
+}
+
+.keyboard--row > * {
+  display: inline-block;
+  box-sizing: border-box;
+  position: relative;
+  cursor: pointer;
+  -webkit-user-select: none;
+  border-radius: 0.3em;
+  margin: 0.06em;
+  padding: 0 0.2em;
+  width: 3.3em;
+  height: 100%;
+}
+
+.key--bottom-left > * {
+  position: absolute;
+  text-align: left;
+  bottom: 0.4em;
+  left: 0.4em;
+}
+
+.key--bottom-right > * {
+  position: absolute;
+  text-align: right;
+  bottom: 0.4em;
+  right: 0.4em;
+  white-space:pre;
+}
+
+.key--word > * {
+  font-size: 0.8em;
+}
+
+.key--letter > div {
+  font-size: 1.2em;
+  height: 1.2em;
+  float: right;
+  clear: right;
+}
+
+.key--letter > div:first-child {
+  margin-top: -0.2em;
+}
+
+.key--letter > span {
+  font-size: 1.2em;
+  height: 1.2em;
+  display: block;
+  position: absolute;
+  margin-top: -0.2em;
+  margin-left: 0.1em;
+}
+.key--letter > span:last-child {
+  margin-top: 1em;
+}
+
+/* Light keyboard */
+
+.keyboard.keyboard--light .keyboard--row > * {
+  background: #ccc;
+  color: #111;
+  border: 1px solid #888;
+  box-shadow: 0 0.2em 0 0.05em #666;
+  border-bottom-color: #ddd;
+}
+
+.keyboard.keyboard--light .keyboard--row > .key--letter {
+  background: #f0f0f0;
+  box-shadow: 0 0.2em 0 0.05em #666;
+  border-bottom-color: #ddd;
+}
+
+.keyboard.keyboard--light .key--letter > span {
+  color: black
+}
+
+.keyboard.keyboard--light .key--letter span.french {
+  color: blue
+}
+
+.keyboard.keyboard--light .key--letter span.spec {
+  color: gray
+}
+
+.keyboard.keyboard--light .key--letter span.specTd {
+  color: #9400D3
+}