summaryrefslogtreecommitdiff
path: root/lulua/data
diff options
context:
space:
mode:
authorLars-Dominik Braun <lars@6xq.net>2020-10-17 10:25:59 +0200
committerLars-Dominik Braun <lars@6xq.net>2020-10-17 10:25:59 +0200
commit0d31404e538bc3ed60dfa78a8d9df757f98b82c3 (patch)
tree428481a571c2177d1cf028fcc6c5147b0fed21c9 /lulua/data
parent1b6e5b491ae717eb096a7d4a68df9f772de577ae (diff)
downloadlulua-0d31404e538bc3ed60dfa78a8d9df757f98b82c3.tar.gz
lulua-0d31404e538bc3ed60dfa78a8d9df757f98b82c3.tar.bz2
lulua-0d31404e538bc3ed60dfa78a8d9df757f98b82c3.zip
report: Move remarks into <details> element
Hide them by default
Diffstat (limited to 'lulua/data')
-rw-r--r--lulua/data/report/index.html14
-rw-r--r--lulua/data/report/style.css12
2 files changed, 21 insertions, 5 deletions
diff --git a/lulua/data/report/index.html b/lulua/data/report/index.html
index b894f14..a18dcb7 100644
--- a/lulua/data/report/index.html
+++ b/lulua/data/report/index.html
@@ -203,7 +203,9 @@
{% endfor %}
</tr>
</tbody></table>
- <figcaption>
+ </figure>
+ <details class="remarks">
+ <summary></summary>
<p>
The chosen Quran representation does not include all quranic
diacritization symbols, like <a
@@ -212,8 +214,7 @@
This makes comparison fairer, since most keyboards presented below do
not include any of them.
</p>
- </figcaption>
- </figure>
+ </details>
<p>
The plot below shows <bdo dir="ltr" lang="ar">ا ل ي م و ن</bdo> can be
@@ -296,6 +297,13 @@
symbols algorithmically distributed on the second layer using the raw
Wikitext from the Arabic Wikipedia dataset.
</p>
+ <details class="remarks">
+ <summary></summary>
+ <p>(This is <a
+ href="https://github.com/mw8/white_keyboard_layout/blob/master/README.md#finding-the-optimal-layout">a
+ common way</a> of arranging brackets, because most algorithms ignore
+ human desire for symmetry.)</p>
+ </details>
<p>
The most frequent letters have all been assigned to the home row, which
diff --git a/lulua/data/report/style.css b/lulua/data/report/style.css
index da2787f..f62fcef 100644
--- a/lulua/data/report/style.css
+++ b/lulua/data/report/style.css
@@ -232,6 +232,14 @@ dl.colorcodes .finger.thumb::before {
.layer.fourth:before {
content: "⭨";
}
-p.remark {
- font-size: 0.9em;
+details.remarks {
+ font-size: 0.8em;
+ margin: -1em 0;
+}
+details[open].remarks {
+ margin-bottom: 1em;
+}
+details.remarks summary {
+ list-style-type: "+";
+ cursor: pointer;
}