[ghex: 1/2] help: add support for static HTML help

[Logan Rathbone <larathbone src gnome org>]

commit 80cb36db4c988f85237bcbddecada4eb87ecbe0f
Author: Logan Rathbone <poprocks gmail com>
Date:   Wed Jan 5 21:09:21 2022 -0500

    help: add support for static HTML help
    
    This is a fallback for systems that do not have Yelp installed.
    
    Use `-Dstatic-html-help=true` to enable.
    
    <rant>
    Other projects, take heed! This took a lot of code/effort to make help
    displayable on both KDE, GNOME and other DE's/WM's. It's really
    unnecessary that it's this hard to get Help to display on both KDE and
    GNOME, given that *both* systems can display HTML help, and *both*
    systems can display docbook.
    
    It's super silly that both KDE and GNOME use help:/// as their URI
    prefix schemes, but incompatibly.
    </rant>

 help/HTML/C/ghex/C.css                           | 1457 ++++++++++++++++++++++
 help/HTML/C/ghex/advanced-clipboard.html         |  145 +++
 help/HTML/C/ghex/basics-create-new-file.html     |   55 +
 help/HTML/C/ghex/basics-edit-file.html           |   86 ++
 help/HTML/C/ghex/basics-find-replace.html        |   83 ++
 help/HTML/C/ghex/basics-open-file.html           |   57 +
 help/HTML/C/ghex/basics-save-file.html           |   54 +
 help/HTML/C/ghex/conf-grouptype.html             |   60 +
 help/HTML/C/ghex/conf-preferences.html           |  111 ++
 help/HTML/C/ghex/index.html                      |   71 ++
 help/HTML/C/ghex/tools-chartable.html            |   66 +
 help/HTML/C/ghex/tools-converter.html            |   65 +
 help/HTML/C/ghex/yelp.js                         |  450 +++++++
 help/HTML/cs/ghex/advanced-clipboard.html        |  152 +++
 help/HTML/cs/ghex/basics-create-new-file.html    |   62 +
 help/HTML/cs/ghex/basics-edit-file.html          |   93 ++
 help/HTML/cs/ghex/basics-find-replace.html       |   90 ++
 help/HTML/cs/ghex/basics-open-file.html          |   64 +
 help/HTML/cs/ghex/basics-save-file.html          |   61 +
 help/HTML/cs/ghex/conf-grouptype.html            |   67 +
 help/HTML/cs/ghex/conf-preferences.html          |  118 ++
 help/HTML/cs/ghex/cs.css                         | 1457 ++++++++++++++++++++++
 help/HTML/cs/ghex/index.html                     |   78 ++
 help/HTML/cs/ghex/tools-chartable.html           |   73 ++
 help/HTML/cs/ghex/tools-converter.html           |   72 ++
 help/HTML/cs/ghex/yelp.js                        |  450 +++++++
 help/HTML/de/ghex/advanced-clipboard.html        |  152 +++
 help/HTML/de/ghex/basics-create-new-file.html    |   62 +
 help/HTML/de/ghex/basics-edit-file.html          |   93 ++
 help/HTML/de/ghex/basics-find-replace.html       |   90 ++
 help/HTML/de/ghex/basics-open-file.html          |   64 +
 help/HTML/de/ghex/basics-save-file.html          |   61 +
 help/HTML/de/ghex/conf-grouptype.html            |   67 +
 help/HTML/de/ghex/conf-preferences.html          |  118 ++
 help/HTML/de/ghex/de.css                         | 1457 ++++++++++++++++++++++
 help/HTML/de/ghex/index.html                     |   78 ++
 help/HTML/de/ghex/tools-chartable.html           |   73 ++
 help/HTML/de/ghex/tools-converter.html           |   72 ++
 help/HTML/de/ghex/yelp.js                        |  450 +++++++
 help/HTML/el/ghex/advanced-clipboard.html        |  145 +++
 help/HTML/el/ghex/basics-create-new-file.html    |   55 +
 help/HTML/el/ghex/basics-edit-file.html          |   86 ++
 help/HTML/el/ghex/basics-find-replace.html       |   83 ++
 help/HTML/el/ghex/basics-open-file.html          |   57 +
 help/HTML/el/ghex/basics-save-file.html          |   54 +
 help/HTML/el/ghex/conf-grouptype.html            |   60 +
 help/HTML/el/ghex/conf-preferences.html          |  111 ++
 help/HTML/el/ghex/el.css                         | 1457 ++++++++++++++++++++++
 help/HTML/el/ghex/index.html                     |   71 ++
 help/HTML/el/ghex/tools-chartable.html           |   66 +
 help/HTML/el/ghex/tools-converter.html           |   65 +
 help/HTML/el/ghex/yelp.js                        |  450 +++++++
 help/HTML/en/ghex/C.css                          | 1457 ++++++++++++++++++++++
 help/HTML/en/ghex/advanced-clipboard.html        |  145 +++
 help/HTML/en/ghex/basics-create-new-file.html    |   55 +
 help/HTML/en/ghex/basics-edit-file.html          |   86 ++
 help/HTML/en/ghex/basics-find-replace.html       |   83 ++
 help/HTML/en/ghex/basics-open-file.html          |   57 +
 help/HTML/en/ghex/basics-save-file.html          |   54 +
 help/HTML/en/ghex/conf-grouptype.html            |   60 +
 help/HTML/en/ghex/conf-preferences.html          |  111 ++
 help/HTML/en/ghex/index.html                     |   71 ++
 help/HTML/en/ghex/tools-chartable.html           |   66 +
 help/HTML/en/ghex/tools-converter.html           |   65 +
 help/HTML/en/ghex/yelp.js                        |  450 +++++++
 help/HTML/es/ghex/advanced-clipboard.html        |  156 +++
 help/HTML/es/ghex/basics-create-new-file.html    |   66 +
 help/HTML/es/ghex/basics-edit-file.html          |   97 ++
 help/HTML/es/ghex/basics-find-replace.html       |   94 ++
 help/HTML/es/ghex/basics-open-file.html          |   68 +
 help/HTML/es/ghex/basics-save-file.html          |   65 +
 help/HTML/es/ghex/conf-grouptype.html            |   71 ++
 help/HTML/es/ghex/conf-preferences.html          |  122 ++
 help/HTML/es/ghex/es.css                         | 1457 ++++++++++++++++++++++
 help/HTML/es/ghex/index.html                     |   82 ++
 help/HTML/es/ghex/tools-chartable.html           |   77 ++
 help/HTML/es/ghex/tools-converter.html           |   76 ++
 help/HTML/es/ghex/yelp.js                        |  450 +++++++
 help/HTML/fr/ghex/advanced-clipboard.html        |  145 +++
 help/HTML/fr/ghex/basics-create-new-file.html    |   55 +
 help/HTML/fr/ghex/basics-edit-file.html          |   86 ++
 help/HTML/fr/ghex/basics-find-replace.html       |   83 ++
 help/HTML/fr/ghex/basics-open-file.html          |   57 +
 help/HTML/fr/ghex/basics-save-file.html          |   54 +
 help/HTML/fr/ghex/conf-grouptype.html            |   60 +
 help/HTML/fr/ghex/conf-preferences.html          |  111 ++
 help/HTML/fr/ghex/fr.css                         | 1457 ++++++++++++++++++++++
 help/HTML/fr/ghex/index.html                     |   71 ++
 help/HTML/fr/ghex/tools-chartable.html           |   66 +
 help/HTML/fr/ghex/tools-converter.html           |   65 +
 help/HTML/fr/ghex/yelp.js                        |  450 +++++++
 help/HTML/id/ghex/advanced-clipboard.html        |  152 +++
 help/HTML/id/ghex/basics-create-new-file.html    |   62 +
 help/HTML/id/ghex/basics-edit-file.html          |   93 ++
 help/HTML/id/ghex/basics-find-replace.html       |   90 ++
 help/HTML/id/ghex/basics-open-file.html          |   64 +
 help/HTML/id/ghex/basics-save-file.html          |   61 +
 help/HTML/id/ghex/conf-grouptype.html            |   67 +
 help/HTML/id/ghex/conf-preferences.html          |  118 ++
 help/HTML/id/ghex/id.css                         | 1457 ++++++++++++++++++++++
 help/HTML/id/ghex/index.html                     |   78 ++
 help/HTML/id/ghex/tools-chartable.html           |   73 ++
 help/HTML/id/ghex/tools-converter.html           |   72 ++
 help/HTML/id/ghex/yelp.js                        |  450 +++++++
 help/HTML/it/ghex/advanced-clipboard.html        |  145 +++
 help/HTML/it/ghex/basics-create-new-file.html    |   55 +
 help/HTML/it/ghex/basics-edit-file.html          |   86 ++
 help/HTML/it/ghex/basics-find-replace.html       |   83 ++
 help/HTML/it/ghex/basics-open-file.html          |   57 +
 help/HTML/it/ghex/basics-save-file.html          |   54 +
 help/HTML/it/ghex/conf-grouptype.html            |   60 +
 help/HTML/it/ghex/conf-preferences.html          |  111 ++
 help/HTML/it/ghex/index.html                     |   71 ++
 help/HTML/it/ghex/it.css                         | 1457 ++++++++++++++++++++++
 help/HTML/it/ghex/tools-chartable.html           |   66 +
 help/HTML/it/ghex/tools-converter.html           |   65 +
 help/HTML/it/ghex/yelp.js                        |  450 +++++++
 help/HTML/ja/ghex/advanced-clipboard.html        |  145 +++
 help/HTML/ja/ghex/basics-create-new-file.html    |   55 +
 help/HTML/ja/ghex/basics-edit-file.html          |   86 ++
 help/HTML/ja/ghex/basics-find-replace.html       |   83 ++
 help/HTML/ja/ghex/basics-open-file.html          |   57 +
 help/HTML/ja/ghex/basics-save-file.html          |   54 +
 help/HTML/ja/ghex/conf-grouptype.html            |   60 +
 help/HTML/ja/ghex/conf-preferences.html          |  111 ++
 help/HTML/ja/ghex/index.html                     |   71 ++
 help/HTML/ja/ghex/ja.css                         | 1457 ++++++++++++++++++++++
 help/HTML/ja/ghex/tools-chartable.html           |   66 +
 help/HTML/ja/ghex/tools-converter.html           |   65 +
 help/HTML/ja/ghex/yelp.js                        |  450 +++++++
 help/HTML/ko/ghex/advanced-clipboard.html        |  156 +++
 help/HTML/ko/ghex/basics-create-new-file.html    |   66 +
 help/HTML/ko/ghex/basics-edit-file.html          |   97 ++
 help/HTML/ko/ghex/basics-find-replace.html       |   94 ++
 help/HTML/ko/ghex/basics-open-file.html          |   68 +
 help/HTML/ko/ghex/basics-save-file.html          |   65 +
 help/HTML/ko/ghex/conf-grouptype.html            |   71 ++
 help/HTML/ko/ghex/conf-preferences.html          |  122 ++
 help/HTML/ko/ghex/index.html                     |   82 ++
 help/HTML/ko/ghex/ko.css                         | 1457 ++++++++++++++++++++++
 help/HTML/ko/ghex/tools-chartable.html           |   77 ++
 help/HTML/ko/ghex/tools-converter.html           |   76 ++
 help/HTML/ko/ghex/yelp.js                        |  450 +++++++
 help/HTML/oc/ghex/advanced-clipboard.html        |  145 +++
 help/HTML/oc/ghex/basics-create-new-file.html    |   55 +
 help/HTML/oc/ghex/basics-edit-file.html          |   86 ++
 help/HTML/oc/ghex/basics-find-replace.html       |   83 ++
 help/HTML/oc/ghex/basics-open-file.html          |   57 +
 help/HTML/oc/ghex/basics-save-file.html          |   54 +
 help/HTML/oc/ghex/conf-grouptype.html            |   60 +
 help/HTML/oc/ghex/conf-preferences.html          |  111 ++
 help/HTML/oc/ghex/index.html                     |   71 ++
 help/HTML/oc/ghex/oc.css                         | 1457 ++++++++++++++++++++++
 help/HTML/oc/ghex/tools-chartable.html           |   66 +
 help/HTML/oc/ghex/tools-converter.html           |   65 +
 help/HTML/oc/ghex/yelp.js                        |  450 +++++++
 help/HTML/pl/ghex/advanced-clipboard.html        |  156 +++
 help/HTML/pl/ghex/basics-create-new-file.html    |   66 +
 help/HTML/pl/ghex/basics-edit-file.html          |   97 ++
 help/HTML/pl/ghex/basics-find-replace.html       |   94 ++
 help/HTML/pl/ghex/basics-open-file.html          |   68 +
 help/HTML/pl/ghex/basics-save-file.html          |   65 +
 help/HTML/pl/ghex/conf-grouptype.html            |   71 ++
 help/HTML/pl/ghex/conf-preferences.html          |  122 ++
 help/HTML/pl/ghex/index.html                     |   82 ++
 help/HTML/pl/ghex/pl.css                         | 1457 ++++++++++++++++++++++
 help/HTML/pl/ghex/tools-chartable.html           |   77 ++
 help/HTML/pl/ghex/tools-converter.html           |   76 ++
 help/HTML/pl/ghex/yelp.js                        |  450 +++++++
 help/HTML/pt_BR/ghex/advanced-clipboard.html     |  152 +++
 help/HTML/pt_BR/ghex/basics-create-new-file.html |   62 +
 help/HTML/pt_BR/ghex/basics-edit-file.html       |   93 ++
 help/HTML/pt_BR/ghex/basics-find-replace.html    |   90 ++
 help/HTML/pt_BR/ghex/basics-open-file.html       |   64 +
 help/HTML/pt_BR/ghex/basics-save-file.html       |   61 +
 help/HTML/pt_BR/ghex/conf-grouptype.html         |   67 +
 help/HTML/pt_BR/ghex/conf-preferences.html       |  118 ++
 help/HTML/pt_BR/ghex/index.html                  |   78 ++
 help/HTML/pt_BR/ghex/pt-BR.css                   | 1457 ++++++++++++++++++++++
 help/HTML/pt_BR/ghex/tools-chartable.html        |   73 ++
 help/HTML/pt_BR/ghex/tools-converter.html        |   72 ++
 help/HTML/pt_BR/ghex/yelp.js                     |  450 +++++++
 help/HTML/ru/ghex/advanced-clipboard.html        |  152 +++
 help/HTML/ru/ghex/basics-create-new-file.html    |   62 +
 help/HTML/ru/ghex/basics-edit-file.html          |   93 ++
 help/HTML/ru/ghex/basics-find-replace.html       |   90 ++
 help/HTML/ru/ghex/basics-open-file.html          |   64 +
 help/HTML/ru/ghex/basics-save-file.html          |   61 +
 help/HTML/ru/ghex/conf-grouptype.html            |   67 +
 help/HTML/ru/ghex/conf-preferences.html          |  118 ++
 help/HTML/ru/ghex/index.html                     |   78 ++
 help/HTML/ru/ghex/ru.css                         | 1457 ++++++++++++++++++++++
 help/HTML/ru/ghex/tools-chartable.html           |   73 ++
 help/HTML/ru/ghex/tools-converter.html           |   72 ++
 help/HTML/ru/ghex/yelp.js                        |  450 +++++++
 help/HTML/sl/ghex/advanced-clipboard.html        |  145 +++
 help/HTML/sl/ghex/basics-create-new-file.html    |   55 +
 help/HTML/sl/ghex/basics-edit-file.html          |   86 ++
 help/HTML/sl/ghex/basics-find-replace.html       |   83 ++
 help/HTML/sl/ghex/basics-open-file.html          |   57 +
 help/HTML/sl/ghex/basics-save-file.html          |   54 +
 help/HTML/sl/ghex/conf-grouptype.html            |   60 +
 help/HTML/sl/ghex/conf-preferences.html          |  111 ++
 help/HTML/sl/ghex/index.html                     |   71 ++
 help/HTML/sl/ghex/sl.css                         | 1457 ++++++++++++++++++++++
 help/HTML/sl/ghex/tools-chartable.html           |   66 +
 help/HTML/sl/ghex/tools-converter.html           |   65 +
 help/HTML/sl/ghex/yelp.js                        |  450 +++++++
 help/HTML/sv/ghex/advanced-clipboard.html        |  156 +++
 help/HTML/sv/ghex/basics-create-new-file.html    |   66 +
 help/HTML/sv/ghex/basics-edit-file.html          |   97 ++
 help/HTML/sv/ghex/basics-find-replace.html       |   94 ++
 help/HTML/sv/ghex/basics-open-file.html          |   68 +
 help/HTML/sv/ghex/basics-save-file.html          |   65 +
 help/HTML/sv/ghex/conf-grouptype.html            |   71 ++
 help/HTML/sv/ghex/conf-preferences.html          |  122 ++
 help/HTML/sv/ghex/index.html                     |   82 ++
 help/HTML/sv/ghex/sv.css                         | 1457 ++++++++++++++++++++++
 help/HTML/sv/ghex/tools-chartable.html           |   77 ++
 help/HTML/sv/ghex/tools-converter.html           |   76 ++
 help/HTML/sv/ghex/yelp.js                        |  450 +++++++
 help/HTML/th/ghex/advanced-clipboard.html        |  145 +++
 help/HTML/th/ghex/basics-create-new-file.html    |   55 +
 help/HTML/th/ghex/basics-edit-file.html          |   86 ++
 help/HTML/th/ghex/basics-find-replace.html       |   83 ++
 help/HTML/th/ghex/basics-open-file.html          |   57 +
 help/HTML/th/ghex/basics-save-file.html          |   54 +
 help/HTML/th/ghex/conf-grouptype.html            |   60 +
 help/HTML/th/ghex/conf-preferences.html          |  111 ++
 help/HTML/th/ghex/index.html                     |   71 ++
 help/HTML/th/ghex/th.css                         | 1457 ++++++++++++++++++++++
 help/HTML/th/ghex/tools-chartable.html           |   66 +
 help/HTML/th/ghex/tools-converter.html           |   65 +
 help/HTML/th/ghex/yelp.js                        |  450 +++++++
 help/HTML/uk/ghex/advanced-clipboard.html        |  145 +++
 help/HTML/uk/ghex/basics-create-new-file.html    |   55 +
 help/HTML/uk/ghex/basics-edit-file.html          |   86 ++
 help/HTML/uk/ghex/basics-find-replace.html       |   83 ++
 help/HTML/uk/ghex/basics-open-file.html          |   57 +
 help/HTML/uk/ghex/basics-save-file.html          |   54 +
 help/HTML/uk/ghex/conf-grouptype.html            |   60 +
 help/HTML/uk/ghex/conf-preferences.html          |  111 ++
 help/HTML/uk/ghex/index.html                     |   71 ++
 help/HTML/uk/ghex/tools-chartable.html           |   66 +
 help/HTML/uk/ghex/tools-converter.html           |   65 +
 help/HTML/uk/ghex/uk.css                         | 1457 ++++++++++++++++++++++
 help/HTML/uk/ghex/yelp.js                        |  450 +++++++
 help/HTML/zh_CN/ghex/advanced-clipboard.html     |  145 +++
 help/HTML/zh_CN/ghex/basics-create-new-file.html |   55 +
 help/HTML/zh_CN/ghex/basics-edit-file.html       |   86 ++
 help/HTML/zh_CN/ghex/basics-find-replace.html    |   83 ++
 help/HTML/zh_CN/ghex/basics-open-file.html       |   57 +
 help/HTML/zh_CN/ghex/basics-save-file.html       |   54 +
 help/HTML/zh_CN/ghex/conf-grouptype.html         |   60 +
 help/HTML/zh_CN/ghex/conf-preferences.html       |  111 ++
 help/HTML/zh_CN/ghex/index.html                  |   71 ++
 help/HTML/zh_CN/ghex/tools-chartable.html        |   66 +
 help/HTML/zh_CN/ghex/tools-converter.html        |   65 +
 help/HTML/zh_CN/ghex/yelp.js                     |  450 +++++++
 help/HTML/zh_CN/ghex/zh-CN.css                   | 1457 ++++++++++++++++++++++
 help/HTML/zh_TW/ghex/advanced-clipboard.html     |  145 +++
 help/HTML/zh_TW/ghex/basics-create-new-file.html |   55 +
 help/HTML/zh_TW/ghex/basics-edit-file.html       |   86 ++
 help/HTML/zh_TW/ghex/basics-find-replace.html    |   83 ++
 help/HTML/zh_TW/ghex/basics-open-file.html       |   57 +
 help/HTML/zh_TW/ghex/basics-save-file.html       |   54 +
 help/HTML/zh_TW/ghex/conf-grouptype.html         |   60 +
 help/HTML/zh_TW/ghex/conf-preferences.html       |  111 ++
 help/HTML/zh_TW/ghex/index.html                  |   71 ++
 help/HTML/zh_TW/ghex/tools-chartable.html        |   66 +
 help/HTML/zh_TW/ghex/tools-converter.html        |   65 +
 help/HTML/zh_TW/ghex/yelp.js                     |  450 +++++++
 help/HTML/zh_TW/ghex/zh-TW.css                   | 1457 ++++++++++++++++++++++
 help/build-html-help.sh                          |   56 +
 help/meson.build                                 |    5 +-
 meson.build                                      |    8 +-
 meson_options.txt                                |    5 +
 src/ghex-application-window.c                    |   96 +-
 278 files changed, 58996 insertions(+), 3 deletions(-)
---
diff --git a/help/HTML/C/ghex/C.css b/help/HTML/C/ghex/C.css
new file mode 100644
index 0000000..767847f
--- /dev/null
+++ b/help/HTML/C/ghex/C.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '“';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 1em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/HTML/C/ghex/advanced-clipboard.html b/help/HTML/C/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..5a6d590
--- /dev/null
+++ b/help/HTML/C/ghex/advanced-clipboard.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">More Information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/C/ghex/basics-create-new-file.html b/help/HTML/C/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..dbbed37
--- /dev/null
+++ b/help/HTML/C/ghex/basics-create-new-file.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">More Information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/C/ghex/basics-edit-file.html b/help/HTML/C/ghex/basics-edit-file.html
new file mode 100644
index 0000000..683d830
--- /dev/null
+++ b/help/HTML/C/ghex/basics-edit-file.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">Use any of the following methods to move the cursor around the file:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">More Information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/C/ghex/basics-find-replace.html b/help/HTML/C/ghex/basics-find-replace.html
new file mode 100644
index 0000000..c89ec6f
--- /dev/null
+++ b/help/HTML/C/ghex/basics-find-replace.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">More Information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/C/ghex/basics-open-file.html b/help/HTML/C/ghex/basics-open-file.html
new file mode 100644
index 0000000..e16ff1b
--- /dev/null
+++ b/help/HTML/C/ghex/basics-open-file.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">More Information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/C/ghex/basics-save-file.html b/help/HTML/C/ghex/basics-save-file.html
new file mode 100644
index 0000000..474a7a4
--- /dev/null
+++ b/help/HTML/C/ghex/basics-save-file.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">More Information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/C/ghex/conf-grouptype.html b/help/HTML/C/ghex/conf-grouptype.html
new file mode 100644
index 0000000..d925105
--- /dev/null
+++ b/help/HTML/C/ghex/conf-grouptype.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" 
title="Preferences">Preferences</a></span> dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">More Information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/C/ghex/conf-preferences.html b/help/HTML/C/ghex/conf-preferences.html
new file mode 100644
index 0000000..169e325
--- /dev/null
+++ b/help/HTML/C/ghex/conf-preferences.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Preferences</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Preferences</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Display</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Font</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Printing</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">More Information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/C/ghex/index.html b/help/HTML/C/ghex/index.html
new file mode 100644
index 0000000..6ae0df6
--- /dev/null
+++ b/help/HTML/C/ghex/index.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">View a file in ASCII or hexadecimal format simultaneously. </p></li>
+<li class="list"><p class="p">Edit a file in either ASCII or hexadecimal format.</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" title="Preferences"><span 
class="title">Preferences</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/C/ghex/tools-chartable.html b/help/HTML/C/ghex/tools-chartable.html
new file mode 100644
index 0000000..ff484a9
--- /dev/null
+++ b/help/HTML/C/ghex/tools-chartable.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">More Information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/C/ghex/tools-converter.html b/help/HTML/C/ghex/tools-converter.html
new file mode 100644
index 0000000..196c043
--- /dev/null
+++ b/help/HTML/C/ghex/tools-converter.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">More Information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/C/ghex/yelp.js b/help/HTML/C/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/C/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/cs/ghex/advanced-clipboard.html b/help/HTML/cs/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..cea21a0
--- /dev/null
+++ b/help/HTML/cs/ghex/advanced-clipboard.html
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="cs.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="cs" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Další informace</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O dokumentu</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2010 – 2012 Marek Černocký</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napsali</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Přeložili</span></div>
+<ul class="credits"><li>Marek Černocký</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/cs/ghex/basics-create-new-file.html b/help/HTML/cs/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..05e77f3
--- /dev/null
+++ b/help/HTML/cs/ghex/basics-create-new-file.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="cs.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="cs" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Další informace</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O dokumentu</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2010 – 2012 Marek Černocký</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napsali</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Přeložili</span></div>
+<ul class="credits"><li>Marek Černocký</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/cs/ghex/basics-edit-file.html b/help/HTML/cs/ghex/basics-edit-file.html
new file mode 100644
index 0000000..8b10277
--- /dev/null
+++ b/help/HTML/cs/ghex/basics-edit-file.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="cs.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="cs" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">Použijte jeden z následujících postupů pro pohyb kurzorem po souboru:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Další informace</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O dokumentu</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2010 – 2012 Marek Černocký</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napsali</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Přeložili</span></div>
+<ul class="credits"><li>Marek Černocký</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/cs/ghex/basics-find-replace.html b/help/HTML/cs/ghex/basics-find-replace.html
new file mode 100644
index 0000000..ba0c304
--- /dev/null
+++ b/help/HTML/cs/ghex/basics-find-replace.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="cs.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="cs" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Další informace</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O dokumentu</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2010 – 2012 Marek Černocký</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napsali</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Přeložili</span></div>
+<ul class="credits"><li>Marek Černocký</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/cs/ghex/basics-open-file.html b/help/HTML/cs/ghex/basics-open-file.html
new file mode 100644
index 0000000..98f8e9c
--- /dev/null
+++ b/help/HTML/cs/ghex/basics-open-file.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="cs.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="cs" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Další informace</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O dokumentu</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2010 – 2012 Marek Černocký</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napsali</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Přeložili</span></div>
+<ul class="credits"><li>Marek Černocký</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/cs/ghex/basics-save-file.html b/help/HTML/cs/ghex/basics-save-file.html
new file mode 100644
index 0000000..1ff9f0c
--- /dev/null
+++ b/help/HTML/cs/ghex/basics-save-file.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="cs.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="cs" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Další informace</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O dokumentu</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2010 – 2012 Marek Černocký</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napsali</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Přeložili</span></div>
+<ul class="credits"><li>Marek Černocký</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/cs/ghex/conf-grouptype.html b/help/HTML/cs/ghex/conf-grouptype.html
new file mode 100644
index 0000000..8fabe42
--- /dev/null
+++ b/help/HTML/cs/ghex/conf-grouptype.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="cs.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="cs" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" 
title="Předvolby">Předvolby</a></span> dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Další informace</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O dokumentu</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2010 – 2012 Marek Černocký</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napsali</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Přeložili</span></div>
+<ul class="credits"><li>Marek Černocký</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/cs/ghex/conf-preferences.html b/help/HTML/cs/ghex/conf-preferences.html
new file mode 100644
index 0000000..ec58e72
--- /dev/null
+++ b/help/HTML/cs/ghex/conf-preferences.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Předvolby</title>
+<link rel="stylesheet" type="text/css" href="cs.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="cs" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Předvolby</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Zobrazit</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Font</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tisk</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Další informace</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O dokumentu</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2010 – 2012 Marek Černocký</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napsali</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Přeložili</span></div>
+<ul class="credits"><li>Marek Černocký</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/cs/ghex/cs.css b/help/HTML/cs/ghex/cs.css
new file mode 100644
index 0000000..a1fed39
--- /dev/null
+++ b/help/HTML/cs/ghex/cs.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '”';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 1em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/HTML/cs/ghex/index.html b/help/HTML/cs/ghex/index.html
new file mode 100644
index 0000000..1d33064
--- /dev/null
+++ b/help/HTML/cs/ghex/index.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="cs.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="cs" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Prohlížet soubor v textové (ASCII) nebo šestnáctkové (HEXA) podobě 
souběžně.</p></li>
+<li class="list"><p class="p">Upravovat soubor v buď v textové (ASCII) nebo šestnáctkové (HEXA) 
podobě.</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" title="Předvolby"><span 
class="title">Předvolby</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O dokumentu</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2010 – 2012 Marek Černocký</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napsali</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Přeložili</span></div>
+<ul class="credits"><li>Marek Černocký</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/cs/ghex/tools-chartable.html b/help/HTML/cs/ghex/tools-chartable.html
new file mode 100644
index 0000000..9d5f6f8
--- /dev/null
+++ b/help/HTML/cs/ghex/tools-chartable.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="cs.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="cs" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Další informace</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O dokumentu</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2010 – 2012 Marek Černocký</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napsali</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Přeložili</span></div>
+<ul class="credits"><li>Marek Černocký</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/cs/ghex/tools-converter.html b/help/HTML/cs/ghex/tools-converter.html
new file mode 100644
index 0000000..8dddcc6
--- /dev/null
+++ b/help/HTML/cs/ghex/tools-converter.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="cs.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="cs" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Další informace</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O dokumentu</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2010 – 2012 Marek Černocký</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napsali</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Přeložili</span></div>
+<ul class="credits"><li>Marek Černocký</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/cs/ghex/yelp.js b/help/HTML/cs/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/cs/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/de/ghex/advanced-clipboard.html b/help/HTML/de/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..2bcc719
--- /dev/null
+++ b/help/HTML/de/ghex/advanced-clipboard.html
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="de.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="de" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Weitere Informationen</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Info</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2010, 2016 Mario Blättermann</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Geschrieben von</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Übersetzung von</span></div>
+<ul class="credits"><li>Mario Blättermann</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/de/ghex/basics-create-new-file.html b/help/HTML/de/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..7a87567
--- /dev/null
+++ b/help/HTML/de/ghex/basics-create-new-file.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="de.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="de" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Weitere Informationen</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Info</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2010, 2016 Mario Blättermann</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Geschrieben von</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Übersetzung von</span></div>
+<ul class="credits"><li>Mario Blättermann</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/de/ghex/basics-edit-file.html b/help/HTML/de/ghex/basics-edit-file.html
new file mode 100644
index 0000000..bebda69
--- /dev/null
+++ b/help/HTML/de/ghex/basics-edit-file.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="de.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="de" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">Verwenden Sie eine der folgenden Methoden, um den Cursor innerhalb der Datei zu bewegen:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Weitere Informationen</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Info</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2010, 2016 Mario Blättermann</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Geschrieben von</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Übersetzung von</span></div>
+<ul class="credits"><li>Mario Blättermann</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/de/ghex/basics-find-replace.html b/help/HTML/de/ghex/basics-find-replace.html
new file mode 100644
index 0000000..0a4048b
--- /dev/null
+++ b/help/HTML/de/ghex/basics-find-replace.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="de.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="de" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Weitere Informationen</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Info</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2010, 2016 Mario Blättermann</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Geschrieben von</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Übersetzung von</span></div>
+<ul class="credits"><li>Mario Blättermann</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/de/ghex/basics-open-file.html b/help/HTML/de/ghex/basics-open-file.html
new file mode 100644
index 0000000..cdf6258
--- /dev/null
+++ b/help/HTML/de/ghex/basics-open-file.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="de.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="de" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Weitere Informationen</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Info</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2010, 2016 Mario Blättermann</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Geschrieben von</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Übersetzung von</span></div>
+<ul class="credits"><li>Mario Blättermann</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/de/ghex/basics-save-file.html b/help/HTML/de/ghex/basics-save-file.html
new file mode 100644
index 0000000..3b66fb3
--- /dev/null
+++ b/help/HTML/de/ghex/basics-save-file.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="de.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="de" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Weitere Informationen</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Info</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2010, 2016 Mario Blättermann</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Geschrieben von</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Übersetzung von</span></div>
+<ul class="credits"><li>Mario Blättermann</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/de/ghex/conf-grouptype.html b/help/HTML/de/ghex/conf-grouptype.html
new file mode 100644
index 0000000..1bc8a16
--- /dev/null
+++ b/help/HTML/de/ghex/conf-grouptype.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="de.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="de" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" 
title="Einstellungen">Einstellungen</a></span> dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Weitere Informationen</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Info</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2010, 2016 Mario Blättermann</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Geschrieben von</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Übersetzung von</span></div>
+<ul class="credits"><li>Mario Blättermann</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/de/ghex/conf-preferences.html b/help/HTML/de/ghex/conf-preferences.html
new file mode 100644
index 0000000..d582799
--- /dev/null
+++ b/help/HTML/de/ghex/conf-preferences.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Einstellungen</title>
+<link rel="stylesheet" type="text/css" href="de.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="de" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Einstellungen</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Anzeige</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Font</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Drucken</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Weitere Informationen</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Info</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2010, 2016 Mario Blättermann</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Geschrieben von</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Übersetzung von</span></div>
+<ul class="credits"><li>Mario Blättermann</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/de/ghex/de.css b/help/HTML/de/ghex/de.css
new file mode 100644
index 0000000..802994f
--- /dev/null
+++ b/help/HTML/de/ghex/de.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '»';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 0.5em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/HTML/de/ghex/index.html b/help/HTML/de/ghex/index.html
new file mode 100644
index 0000000..83e02b4
--- /dev/null
+++ b/help/HTML/de/ghex/index.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="de.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="de" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Eine Datei gleichzeitig im ASCII- oder Hexadezimalformat anzeigen</p></li>
+<li class="list"><p class="p">Eine Datei im ASCII- oder Hexadezimalformat bearbeiten.</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" title="Einstellungen"><span 
class="title">Einstellungen</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Info</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2010, 2016 Mario Blättermann</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Geschrieben von</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Übersetzung von</span></div>
+<ul class="credits"><li>Mario Blättermann</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/de/ghex/tools-chartable.html b/help/HTML/de/ghex/tools-chartable.html
new file mode 100644
index 0000000..72f4103
--- /dev/null
+++ b/help/HTML/de/ghex/tools-chartable.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="de.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="de" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Weitere Informationen</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Info</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2010, 2016 Mario Blättermann</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Geschrieben von</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Übersetzung von</span></div>
+<ul class="credits"><li>Mario Blättermann</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/de/ghex/tools-converter.html b/help/HTML/de/ghex/tools-converter.html
new file mode 100644
index 0000000..610ff83
--- /dev/null
+++ b/help/HTML/de/ghex/tools-converter.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="de.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="de" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Weitere Informationen</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Info</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2010, 2016 Mario Blättermann</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Geschrieben von</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Übersetzung von</span></div>
+<ul class="credits"><li>Mario Blättermann</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/de/ghex/yelp.js b/help/HTML/de/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/de/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/el/ghex/advanced-clipboard.html b/help/HTML/el/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..fc3d20c
--- /dev/null
+++ b/help/HTML/el/ghex/advanced-clipboard.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="el.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="el" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Περισσότερες πληροφορίες</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Περί</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Συντάχθηκε από</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/el/ghex/basics-create-new-file.html b/help/HTML/el/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..123c73d
--- /dev/null
+++ b/help/HTML/el/ghex/basics-create-new-file.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="el.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="el" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Περισσότερες πληροφορίες</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Περί</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Συντάχθηκε από</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/el/ghex/basics-edit-file.html b/help/HTML/el/ghex/basics-edit-file.html
new file mode 100644
index 0000000..e9e5a6f
--- /dev/null
+++ b/help/HTML/el/ghex/basics-edit-file.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="el.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="el" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">Χρησιμοποιήστε οποιαδήποτε από τις παρακάτω μεθόδους για να μετακινήσετε το δρομέα ολόγυρα στο 
αρχείο:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Περισσότερες πληροφορίες</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Περί</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Συντάχθηκε από</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/el/ghex/basics-find-replace.html b/help/HTML/el/ghex/basics-find-replace.html
new file mode 100644
index 0000000..bbe7f86
--- /dev/null
+++ b/help/HTML/el/ghex/basics-find-replace.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="el.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="el" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Περισσότερες πληροφορίες</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Περί</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Συντάχθηκε από</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/el/ghex/basics-open-file.html b/help/HTML/el/ghex/basics-open-file.html
new file mode 100644
index 0000000..772aee8
--- /dev/null
+++ b/help/HTML/el/ghex/basics-open-file.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="el.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="el" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Περισσότερες πληροφορίες</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Περί</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Συντάχθηκε από</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/el/ghex/basics-save-file.html b/help/HTML/el/ghex/basics-save-file.html
new file mode 100644
index 0000000..ab13b35
--- /dev/null
+++ b/help/HTML/el/ghex/basics-save-file.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="el.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="el" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Περισσότερες πληροφορίες</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Περί</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Συντάχθηκε από</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/el/ghex/conf-grouptype.html b/help/HTML/el/ghex/conf-grouptype.html
new file mode 100644
index 0000000..00b8529
--- /dev/null
+++ b/help/HTML/el/ghex/conf-grouptype.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="el.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="el" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" 
title="Προτιμήσεις">Προτιμήσεις</a></span> dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Περισσότερες πληροφορίες</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Περί</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Συντάχθηκε από</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/el/ghex/conf-preferences.html b/help/HTML/el/ghex/conf-preferences.html
new file mode 100644
index 0000000..0786957
--- /dev/null
+++ b/help/HTML/el/ghex/conf-preferences.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Προτιμήσεις</title>
+<link rel="stylesheet" type="text/css" href="el.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="el" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Προτιμήσεις</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Εμφάνιση</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Font</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Εκτύπωση</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Περισσότερες πληροφορίες</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Περί</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Συντάχθηκε από</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/el/ghex/el.css b/help/HTML/el/ghex/el.css
new file mode 100644
index 0000000..767847f
--- /dev/null
+++ b/help/HTML/el/ghex/el.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '“';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 1em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/HTML/el/ghex/index.html b/help/HTML/el/ghex/index.html
new file mode 100644
index 0000000..fedc186
--- /dev/null
+++ b/help/HTML/el/ghex/index.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="el.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="el" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Προβολή ενός αρχείου σε μορφή ASCII ή δεκαεξαδική ταυτόχρονα.</p></li>
+<li class="list"><p class="p">Επεξεργασία ενός αρχείου είτε σε μορφή ASCII ή δεκαεξαδική.</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" title="Προτιμήσεις"><span 
class="title">Προτιμήσεις</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Περί</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Συντάχθηκε από</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/el/ghex/tools-chartable.html b/help/HTML/el/ghex/tools-chartable.html
new file mode 100644
index 0000000..a757c18
--- /dev/null
+++ b/help/HTML/el/ghex/tools-chartable.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="el.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="el" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Περισσότερες πληροφορίες</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Περί</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Συντάχθηκε από</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/el/ghex/tools-converter.html b/help/HTML/el/ghex/tools-converter.html
new file mode 100644
index 0000000..0808d62
--- /dev/null
+++ b/help/HTML/el/ghex/tools-converter.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="el.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="el" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Περισσότερες πληροφορίες</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Περί</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Συντάχθηκε από</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/el/ghex/yelp.js b/help/HTML/el/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/el/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/en/ghex/C.css b/help/HTML/en/ghex/C.css
new file mode 100644
index 0000000..767847f
--- /dev/null
+++ b/help/HTML/en/ghex/C.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '“';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 1em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/HTML/en/ghex/advanced-clipboard.html b/help/HTML/en/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..5a6d590
--- /dev/null
+++ b/help/HTML/en/ghex/advanced-clipboard.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">More Information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/en/ghex/basics-create-new-file.html b/help/HTML/en/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..dbbed37
--- /dev/null
+++ b/help/HTML/en/ghex/basics-create-new-file.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">More Information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/en/ghex/basics-edit-file.html b/help/HTML/en/ghex/basics-edit-file.html
new file mode 100644
index 0000000..683d830
--- /dev/null
+++ b/help/HTML/en/ghex/basics-edit-file.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">Use any of the following methods to move the cursor around the file:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">More Information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/en/ghex/basics-find-replace.html b/help/HTML/en/ghex/basics-find-replace.html
new file mode 100644
index 0000000..c89ec6f
--- /dev/null
+++ b/help/HTML/en/ghex/basics-find-replace.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">More Information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/en/ghex/basics-open-file.html b/help/HTML/en/ghex/basics-open-file.html
new file mode 100644
index 0000000..e16ff1b
--- /dev/null
+++ b/help/HTML/en/ghex/basics-open-file.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">More Information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/en/ghex/basics-save-file.html b/help/HTML/en/ghex/basics-save-file.html
new file mode 100644
index 0000000..474a7a4
--- /dev/null
+++ b/help/HTML/en/ghex/basics-save-file.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">More Information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/en/ghex/conf-grouptype.html b/help/HTML/en/ghex/conf-grouptype.html
new file mode 100644
index 0000000..d925105
--- /dev/null
+++ b/help/HTML/en/ghex/conf-grouptype.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" 
title="Preferences">Preferences</a></span> dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">More Information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/en/ghex/conf-preferences.html b/help/HTML/en/ghex/conf-preferences.html
new file mode 100644
index 0000000..169e325
--- /dev/null
+++ b/help/HTML/en/ghex/conf-preferences.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Preferences</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Preferences</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Display</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Font</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Printing</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">More Information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/en/ghex/index.html b/help/HTML/en/ghex/index.html
new file mode 100644
index 0000000..6ae0df6
--- /dev/null
+++ b/help/HTML/en/ghex/index.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">View a file in ASCII or hexadecimal format simultaneously. </p></li>
+<li class="list"><p class="p">Edit a file in either ASCII or hexadecimal format.</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" title="Preferences"><span 
class="title">Preferences</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/en/ghex/tools-chartable.html b/help/HTML/en/ghex/tools-chartable.html
new file mode 100644
index 0000000..ff484a9
--- /dev/null
+++ b/help/HTML/en/ghex/tools-chartable.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">More Information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/en/ghex/tools-converter.html b/help/HTML/en/ghex/tools-converter.html
new file mode 100644
index 0000000..196c043
--- /dev/null
+++ b/help/HTML/en/ghex/tools-converter.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="C.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">More Information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">About</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Written By</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/en/ghex/yelp.js b/help/HTML/en/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/en/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/es/ghex/advanced-clipboard.html b/help/HTML/es/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..fd7d0d0
--- /dev/null
+++ b/help/HTML/es/ghex/advanced-clipboard.html
@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="es.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="es" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Más información</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Acerca de</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2020 Daniel Mustieles</div>
+<div class="copyright">© 2008-2010 QA: Jorge González</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traducido por</span></div>
+<ul class="credits">
+<li>Daniel Mustieles</li>
+<li>QA: Jorge González</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/es/ghex/basics-create-new-file.html b/help/HTML/es/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..ed02433
--- /dev/null
+++ b/help/HTML/es/ghex/basics-create-new-file.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="es.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="es" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Más información</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Acerca de</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2020 Daniel Mustieles</div>
+<div class="copyright">© 2008-2010 QA: Jorge González</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traducido por</span></div>
+<ul class="credits">
+<li>Daniel Mustieles</li>
+<li>QA: Jorge González</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/es/ghex/basics-edit-file.html b/help/HTML/es/ghex/basics-edit-file.html
new file mode 100644
index 0000000..360fcbd
--- /dev/null
+++ b/help/HTML/es/ghex/basics-edit-file.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="es.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="es" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">Use cualquiera de los siguientes métodos para mover el cursor por el archivo:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Más información</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Acerca de</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2020 Daniel Mustieles</div>
+<div class="copyright">© 2008-2010 QA: Jorge González</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traducido por</span></div>
+<ul class="credits">
+<li>Daniel Mustieles</li>
+<li>QA: Jorge González</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/es/ghex/basics-find-replace.html b/help/HTML/es/ghex/basics-find-replace.html
new file mode 100644
index 0000000..8df92c4
--- /dev/null
+++ b/help/HTML/es/ghex/basics-find-replace.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="es.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="es" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Más información</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Acerca de</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2020 Daniel Mustieles</div>
+<div class="copyright">© 2008-2010 QA: Jorge González</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traducido por</span></div>
+<ul class="credits">
+<li>Daniel Mustieles</li>
+<li>QA: Jorge González</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/es/ghex/basics-open-file.html b/help/HTML/es/ghex/basics-open-file.html
new file mode 100644
index 0000000..73a9214
--- /dev/null
+++ b/help/HTML/es/ghex/basics-open-file.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="es.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="es" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Más información</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Acerca de</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2020 Daniel Mustieles</div>
+<div class="copyright">© 2008-2010 QA: Jorge González</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traducido por</span></div>
+<ul class="credits">
+<li>Daniel Mustieles</li>
+<li>QA: Jorge González</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/es/ghex/basics-save-file.html b/help/HTML/es/ghex/basics-save-file.html
new file mode 100644
index 0000000..15d69e8
--- /dev/null
+++ b/help/HTML/es/ghex/basics-save-file.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="es.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="es" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Más información</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Acerca de</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2020 Daniel Mustieles</div>
+<div class="copyright">© 2008-2010 QA: Jorge González</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traducido por</span></div>
+<ul class="credits">
+<li>Daniel Mustieles</li>
+<li>QA: Jorge González</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/es/ghex/conf-grouptype.html b/help/HTML/es/ghex/conf-grouptype.html
new file mode 100644
index 0000000..3963f22
--- /dev/null
+++ b/help/HTML/es/ghex/conf-grouptype.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="es.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="es" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" 
title="Preferencias">Preferencias</a></span> dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Más información</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Acerca de</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2020 Daniel Mustieles</div>
+<div class="copyright">© 2008-2010 QA: Jorge González</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traducido por</span></div>
+<ul class="credits">
+<li>Daniel Mustieles</li>
+<li>QA: Jorge González</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/es/ghex/conf-preferences.html b/help/HTML/es/ghex/conf-preferences.html
new file mode 100644
index 0000000..677cb76
--- /dev/null
+++ b/help/HTML/es/ghex/conf-preferences.html
@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Preferencias</title>
+<link rel="stylesheet" type="text/css" href="es.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="es" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Preferencias</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Visualizar</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Font</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Imprimir</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Más información</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Acerca de</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2020 Daniel Mustieles</div>
+<div class="copyright">© 2008-2010 QA: Jorge González</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traducido por</span></div>
+<ul class="credits">
+<li>Daniel Mustieles</li>
+<li>QA: Jorge González</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/es/ghex/es.css b/help/HTML/es/ghex/es.css
new file mode 100644
index 0000000..176f46f
--- /dev/null
+++ b/help/HTML/es/ghex/es.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '«';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 0.5em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/HTML/es/ghex/index.html b/help/HTML/es/ghex/index.html
new file mode 100644
index 0000000..e98e79e
--- /dev/null
+++ b/help/HTML/es/ghex/index.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="es.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="es" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Visualizar un archivo en formato ASCII y hexadecimal de forma 
simultánea.</p></li>
+<li class="list"><p class="p">Editar un archivo en formato ASCII o hexadecimal.</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" title="Preferencias"><span 
class="title">Preferencias</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Acerca de</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2020 Daniel Mustieles</div>
+<div class="copyright">© 2008-2010 QA: Jorge González</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traducido por</span></div>
+<ul class="credits">
+<li>Daniel Mustieles</li>
+<li>QA: Jorge González</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/es/ghex/tools-chartable.html b/help/HTML/es/ghex/tools-chartable.html
new file mode 100644
index 0000000..b872f6a
--- /dev/null
+++ b/help/HTML/es/ghex/tools-chartable.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="es.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="es" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Más información</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Acerca de</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2020 Daniel Mustieles</div>
+<div class="copyright">© 2008-2010 QA: Jorge González</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traducido por</span></div>
+<ul class="credits">
+<li>Daniel Mustieles</li>
+<li>QA: Jorge González</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/es/ghex/tools-converter.html b/help/HTML/es/ghex/tools-converter.html
new file mode 100644
index 0000000..8c053c1
--- /dev/null
+++ b/help/HTML/es/ghex/tools-converter.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="es.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="es" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Más información</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Acerca de</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2008-2020 Daniel Mustieles</div>
+<div class="copyright">© 2008-2010 QA: Jorge González</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traducido por</span></div>
+<ul class="credits">
+<li>Daniel Mustieles</li>
+<li>QA: Jorge González</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/es/ghex/yelp.js b/help/HTML/es/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/es/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/fr/ghex/advanced-clipboard.html b/help/HTML/fr/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..aeba493
--- /dev/null
+++ b/help/HTML/fr/ghex/advanced-clipboard.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="fr.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="fr" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Plus d’informations</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">À propos</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Écrit par</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/fr/ghex/basics-create-new-file.html b/help/HTML/fr/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..eb7180f
--- /dev/null
+++ b/help/HTML/fr/ghex/basics-create-new-file.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="fr.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="fr" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Plus d’informations</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">À propos</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Écrit par</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/fr/ghex/basics-edit-file.html b/help/HTML/fr/ghex/basics-edit-file.html
new file mode 100644
index 0000000..cb05157
--- /dev/null
+++ b/help/HTML/fr/ghex/basics-edit-file.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="fr.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="fr" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">Les méthodes suivantes permettent de déplacer le pointeur dans le fichier :</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Plus d’informations</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">À propos</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Écrit par</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/fr/ghex/basics-find-replace.html b/help/HTML/fr/ghex/basics-find-replace.html
new file mode 100644
index 0000000..e50164d
--- /dev/null
+++ b/help/HTML/fr/ghex/basics-find-replace.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="fr.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="fr" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Plus d’informations</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">À propos</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Écrit par</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/fr/ghex/basics-open-file.html b/help/HTML/fr/ghex/basics-open-file.html
new file mode 100644
index 0000000..46fca60
--- /dev/null
+++ b/help/HTML/fr/ghex/basics-open-file.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="fr.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="fr" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Plus d’informations</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">À propos</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Écrit par</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/fr/ghex/basics-save-file.html b/help/HTML/fr/ghex/basics-save-file.html
new file mode 100644
index 0000000..8f8a339
--- /dev/null
+++ b/help/HTML/fr/ghex/basics-save-file.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="fr.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="fr" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Plus d’informations</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">À propos</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Écrit par</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/fr/ghex/conf-grouptype.html b/help/HTML/fr/ghex/conf-grouptype.html
new file mode 100644
index 0000000..e822bf1
--- /dev/null
+++ b/help/HTML/fr/ghex/conf-grouptype.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="fr.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="fr" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" 
title="Préférences">Préférences</a></span> dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Plus d’informations</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">À propos</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Écrit par</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/fr/ghex/conf-preferences.html b/help/HTML/fr/ghex/conf-preferences.html
new file mode 100644
index 0000000..f8176af
--- /dev/null
+++ b/help/HTML/fr/ghex/conf-preferences.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Préférences</title>
+<link rel="stylesheet" type="text/css" href="fr.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="fr" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Préférences</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Affichage</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Font</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Impression</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Plus d’informations</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">À propos</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Écrit par</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/fr/ghex/fr.css b/help/HTML/fr/ghex/fr.css
new file mode 100644
index 0000000..176f46f
--- /dev/null
+++ b/help/HTML/fr/ghex/fr.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '«';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 0.5em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/HTML/fr/ghex/index.html b/help/HTML/fr/ghex/index.html
new file mode 100644
index 0000000..bc18fed
--- /dev/null
+++ b/help/HTML/fr/ghex/index.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="fr.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="fr" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">consulter un fichier au format ASCII ou hexadécimal simultanément ;</p></li>
+<li class="list"><p class="p">Éditer un fichier au format ASCII ou hexadécimal.</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" title="Préférences"><span 
class="title">Préférences</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">À propos</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Écrit par</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/fr/ghex/tools-chartable.html b/help/HTML/fr/ghex/tools-chartable.html
new file mode 100644
index 0000000..66e07fe
--- /dev/null
+++ b/help/HTML/fr/ghex/tools-chartable.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="fr.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="fr" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Plus d’informations</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">À propos</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Écrit par</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/fr/ghex/tools-converter.html b/help/HTML/fr/ghex/tools-converter.html
new file mode 100644
index 0000000..9f4122b
--- /dev/null
+++ b/help/HTML/fr/ghex/tools-converter.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="fr.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="fr" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Plus d’informations</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">À propos</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Écrit par</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/fr/ghex/yelp.js b/help/HTML/fr/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/fr/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/id/ghex/advanced-clipboard.html b/help/HTML/id/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..a308f37
--- /dev/null
+++ b/help/HTML/id/ghex/advanced-clipboard.html
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="id.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="id" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Informasi Lanjut</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Tentang</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2012, 2013 Andika Triwidada</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Ditulis Oleh</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Diterjemahkan Oleh</span></div>
+<ul class="credits"><li>Andika Triwidada</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/id/ghex/basics-create-new-file.html b/help/HTML/id/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..310d276
--- /dev/null
+++ b/help/HTML/id/ghex/basics-create-new-file.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="id.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="id" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Informasi Lanjut</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Tentang</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2012, 2013 Andika Triwidada</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Ditulis Oleh</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Diterjemahkan Oleh</span></div>
+<ul class="credits"><li>Andika Triwidada</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/id/ghex/basics-edit-file.html b/help/HTML/id/ghex/basics-edit-file.html
new file mode 100644
index 0000000..7156725
--- /dev/null
+++ b/help/HTML/id/ghex/basics-edit-file.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="id.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="id" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">Gunakan salah satu dari metoda berikut untuk memindahkan kursor dalam berkas:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Informasi Lanjut</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Tentang</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2012, 2013 Andika Triwidada</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Ditulis Oleh</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Diterjemahkan Oleh</span></div>
+<ul class="credits"><li>Andika Triwidada</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/id/ghex/basics-find-replace.html b/help/HTML/id/ghex/basics-find-replace.html
new file mode 100644
index 0000000..dbc6c3b
--- /dev/null
+++ b/help/HTML/id/ghex/basics-find-replace.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="id.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="id" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Informasi Lanjut</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Tentang</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2012, 2013 Andika Triwidada</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Ditulis Oleh</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Diterjemahkan Oleh</span></div>
+<ul class="credits"><li>Andika Triwidada</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/id/ghex/basics-open-file.html b/help/HTML/id/ghex/basics-open-file.html
new file mode 100644
index 0000000..6abd68a
--- /dev/null
+++ b/help/HTML/id/ghex/basics-open-file.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="id.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="id" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Informasi Lanjut</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Tentang</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2012, 2013 Andika Triwidada</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Ditulis Oleh</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Diterjemahkan Oleh</span></div>
+<ul class="credits"><li>Andika Triwidada</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/id/ghex/basics-save-file.html b/help/HTML/id/ghex/basics-save-file.html
new file mode 100644
index 0000000..204734b
--- /dev/null
+++ b/help/HTML/id/ghex/basics-save-file.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="id.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="id" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Informasi Lanjut</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Tentang</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2012, 2013 Andika Triwidada</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Ditulis Oleh</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Diterjemahkan Oleh</span></div>
+<ul class="credits"><li>Andika Triwidada</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/id/ghex/conf-grouptype.html b/help/HTML/id/ghex/conf-grouptype.html
new file mode 100644
index 0000000..62d6c09
--- /dev/null
+++ b/help/HTML/id/ghex/conf-grouptype.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="id.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="id" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" 
title="Preferensi">Preferensi</a></span> dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Informasi Lanjut</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Tentang</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2012, 2013 Andika Triwidada</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Ditulis Oleh</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Diterjemahkan Oleh</span></div>
+<ul class="credits"><li>Andika Triwidada</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/id/ghex/conf-preferences.html b/help/HTML/id/ghex/conf-preferences.html
new file mode 100644
index 0000000..bb027c0
--- /dev/null
+++ b/help/HTML/id/ghex/conf-preferences.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Preferensi</title>
+<link rel="stylesheet" type="text/css" href="id.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="id" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Preferensi</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tampilan</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Font</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Pencetakan</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Informasi Lanjut</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Tentang</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2012, 2013 Andika Triwidada</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Ditulis Oleh</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Diterjemahkan Oleh</span></div>
+<ul class="credits"><li>Andika Triwidada</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/id/ghex/id.css b/help/HTML/id/ghex/id.css
new file mode 100644
index 0000000..767847f
--- /dev/null
+++ b/help/HTML/id/ghex/id.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '“';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 1em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/HTML/id/ghex/index.html b/help/HTML/id/ghex/index.html
new file mode 100644
index 0000000..874e524
--- /dev/null
+++ b/help/HTML/id/ghex/index.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="id.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="id" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Tilik berkas dalam format ASCII atau heksadesimal secara simultan.</p></li>
+<li class="list"><p class="p">Sunting berkas dalam format ASCII atau heksadesimal.</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" title="Preferensi"><span 
class="title">Preferensi</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Tentang</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2012, 2013 Andika Triwidada</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Ditulis Oleh</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Diterjemahkan Oleh</span></div>
+<ul class="credits"><li>Andika Triwidada</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/id/ghex/tools-chartable.html b/help/HTML/id/ghex/tools-chartable.html
new file mode 100644
index 0000000..78ac596
--- /dev/null
+++ b/help/HTML/id/ghex/tools-chartable.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="id.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="id" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Informasi Lanjut</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Tentang</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2012, 2013 Andika Triwidada</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Ditulis Oleh</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Diterjemahkan Oleh</span></div>
+<ul class="credits"><li>Andika Triwidada</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/id/ghex/tools-converter.html b/help/HTML/id/ghex/tools-converter.html
new file mode 100644
index 0000000..e9149ca
--- /dev/null
+++ b/help/HTML/id/ghex/tools-converter.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="id.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="id" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Informasi Lanjut</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Tentang</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2012, 2013 Andika Triwidada</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Ditulis Oleh</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Diterjemahkan Oleh</span></div>
+<ul class="credits"><li>Andika Triwidada</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/id/ghex/yelp.js b/help/HTML/id/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/id/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/it/ghex/advanced-clipboard.html b/help/HTML/it/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..e753c82
--- /dev/null
+++ b/help/HTML/it/ghex/advanced-clipboard.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="it.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="it" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Ulteriori informazioni</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informazioni</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Scritto da</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/it/ghex/basics-create-new-file.html b/help/HTML/it/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..bbbdaa6
--- /dev/null
+++ b/help/HTML/it/ghex/basics-create-new-file.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="it.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="it" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Ulteriori informazioni</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informazioni</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Scritto da</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/it/ghex/basics-edit-file.html b/help/HTML/it/ghex/basics-edit-file.html
new file mode 100644
index 0000000..7517748
--- /dev/null
+++ b/help/HTML/it/ghex/basics-edit-file.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="it.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="it" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">Usare uno dei metodi seguenti per spostare il cursore all'interno del file:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Ulteriori informazioni</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informazioni</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Scritto da</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/it/ghex/basics-find-replace.html b/help/HTML/it/ghex/basics-find-replace.html
new file mode 100644
index 0000000..d66abe9
--- /dev/null
+++ b/help/HTML/it/ghex/basics-find-replace.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="it.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="it" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Ulteriori informazioni</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informazioni</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Scritto da</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/it/ghex/basics-open-file.html b/help/HTML/it/ghex/basics-open-file.html
new file mode 100644
index 0000000..cfe8b61
--- /dev/null
+++ b/help/HTML/it/ghex/basics-open-file.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="it.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="it" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Ulteriori informazioni</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informazioni</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Scritto da</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/it/ghex/basics-save-file.html b/help/HTML/it/ghex/basics-save-file.html
new file mode 100644
index 0000000..36fc506
--- /dev/null
+++ b/help/HTML/it/ghex/basics-save-file.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="it.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="it" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Ulteriori informazioni</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informazioni</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Scritto da</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/it/ghex/conf-grouptype.html b/help/HTML/it/ghex/conf-grouptype.html
new file mode 100644
index 0000000..21828e4
--- /dev/null
+++ b/help/HTML/it/ghex/conf-grouptype.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="it.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="it" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" 
title="Preferenze">Preferenze</a></span> dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Ulteriori informazioni</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informazioni</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Scritto da</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/it/ghex/conf-preferences.html b/help/HTML/it/ghex/conf-preferences.html
new file mode 100644
index 0000000..c8ddaf5
--- /dev/null
+++ b/help/HTML/it/ghex/conf-preferences.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Preferenze</title>
+<link rel="stylesheet" type="text/css" href="it.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="it" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Preferenze</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Visualizzazione</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Tipo di carattere</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Stampa</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Ulteriori informazioni</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informazioni</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Scritto da</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/it/ghex/index.html b/help/HTML/it/ghex/index.html
new file mode 100644
index 0000000..b9c0c0c
--- /dev/null
+++ b/help/HTML/it/ghex/index.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="it.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="it" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Visualizzare un file simultaneamente in formato ASCII e esadecimale.</p></li>
+<li class="list"><p class="p">Modificare un file in formato ASCII o esadecimale.</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" title="Preferenze"><span 
class="title">Preferenze</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informazioni</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Scritto da</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/it/ghex/it.css b/help/HTML/it/ghex/it.css
new file mode 100644
index 0000000..767847f
--- /dev/null
+++ b/help/HTML/it/ghex/it.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '“';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 1em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/HTML/it/ghex/tools-chartable.html b/help/HTML/it/ghex/tools-chartable.html
new file mode 100644
index 0000000..e89b581
--- /dev/null
+++ b/help/HTML/it/ghex/tools-chartable.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="it.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="it" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Ulteriori informazioni</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informazioni</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Scritto da</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/it/ghex/tools-converter.html b/help/HTML/it/ghex/tools-converter.html
new file mode 100644
index 0000000..7120f20
--- /dev/null
+++ b/help/HTML/it/ghex/tools-converter.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="it.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="it" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Ulteriori informazioni</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informazioni</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Scritto da</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/it/ghex/yelp.js b/help/HTML/it/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/it/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/ja/ghex/advanced-clipboard.html b/help/HTML/ja/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..2720c59
--- /dev/null
+++ b/help/HTML/ja/ghex/advanced-clipboard.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="ja.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ja" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">詳細</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">このドキュメントについて</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">著者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ja/ghex/basics-create-new-file.html b/help/HTML/ja/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..71c9f58
--- /dev/null
+++ b/help/HTML/ja/ghex/basics-create-new-file.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="ja.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ja" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">詳細</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">このドキュメントについて</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">著者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ja/ghex/basics-edit-file.html b/help/HTML/ja/ghex/basics-edit-file.html
new file mode 100644
index 0000000..02f9085
--- /dev/null
+++ b/help/HTML/ja/ghex/basics-edit-file.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="ja.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ja" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">ファイルの ASCII ビューまたは 16 進ビューをクリックします。カーソルがアクティブなビューでは、カーソルがフル表示されます。カーソルがアクティブでない 
ビューでは、カーソルがアウトライン表示されます。</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">詳細</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">このドキュメントについて</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">著者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ja/ghex/basics-find-replace.html b/help/HTML/ja/ghex/basics-find-replace.html
new file mode 100644
index 0000000..1bd254c
--- /dev/null
+++ b/help/HTML/ja/ghex/basics-find-replace.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="ja.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ja" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">詳細</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">このドキュメントについて</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">著者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ja/ghex/basics-open-file.html b/help/HTML/ja/ghex/basics-open-file.html
new file mode 100644
index 0000000..774389d
--- /dev/null
+++ b/help/HTML/ja/ghex/basics-open-file.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="ja.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ja" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">詳細</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">このドキュメントについて</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">著者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ja/ghex/basics-save-file.html b/help/HTML/ja/ghex/basics-save-file.html
new file mode 100644
index 0000000..d756c57
--- /dev/null
+++ b/help/HTML/ja/ghex/basics-save-file.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="ja.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ja" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">詳細</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">このドキュメントについて</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">著者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ja/ghex/conf-grouptype.html b/help/HTML/ja/ghex/conf-grouptype.html
new file mode 100644
index 0000000..69b17e8
--- /dev/null
+++ b/help/HTML/ja/ghex/conf-grouptype.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="ja.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ja" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" 
title="印刷したファイルのプレビューを表示するには、「ファイル」「印刷プレビュー」を選択します。">印刷したファイルのプレビューを表示するには、「ファイル」「印刷プレビュー」を選択します。</a></span> 
dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">詳細</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">このドキュメントについて</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">著者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ja/ghex/conf-preferences.html b/help/HTML/ja/ghex/conf-preferences.html
new file mode 100644
index 0000000..788de76
--- /dev/null
+++ b/help/HTML/ja/ghex/conf-preferences.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>印刷したファイルのプレビューを表示するには、「ファイル」「印刷プレビュー」を選択します。</title>
+<link rel="stylesheet" type="text/css" href="ja.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ja" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">印刷したファイルのプレビューを表示するには、「ファイル」「印刷プレビュー」を選択します。</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">このオプションを選択するとカーソルオフセット列が、GHexウィンドウの 16 
進表示ビューの左側に表示されます。</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">「表示」</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">「ロングワード」 - 4 バイトでグループ化。</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">詳細</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">このドキュメントについて</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">著者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ja/ghex/index.html b/help/HTML/ja/ghex/index.html
new file mode 100644
index 0000000..88d84ec
--- /dev/null
+++ b/help/HTML/ja/ghex/index.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="ja.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ja" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex アプリケーションでは、下記の処理を行うことができます。</p></li>
+<li class="list"><p class="p">ファイルの内容を、ASCII および 16 進形式で同時に表示する。</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" 
title="印刷したファイルのプレビューを表示するには、「ファイル」「印刷プレビュー」を選択します。"><span 
class="title">印刷したファイルのプレビューを表示するには、「ファイル」「印刷プレビュー」を選択します。</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">このドキュメントについて</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">著者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ja/ghex/ja.css b/help/HTML/ja/ghex/ja.css
new file mode 100644
index 0000000..767847f
--- /dev/null
+++ b/help/HTML/ja/ghex/ja.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '“';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 1em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/HTML/ja/ghex/tools-chartable.html b/help/HTML/ja/ghex/tools-chartable.html
new file mode 100644
index 0000000..bfbf5a2
--- /dev/null
+++ b/help/HTML/ja/ghex/tools-chartable.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="ja.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ja" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">詳細</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">このドキュメントについて</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">著者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ja/ghex/tools-converter.html b/help/HTML/ja/ghex/tools-converter.html
new file mode 100644
index 0000000..f9008b7
--- /dev/null
+++ b/help/HTML/ja/ghex/tools-converter.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="ja.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ja" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">詳細</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">このドキュメントについて</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">著者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ja/ghex/yelp.js b/help/HTML/ja/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/ja/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/ko/ghex/advanced-clipboard.html b/help/HTML/ko/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..1ebf085
--- /dev/null
+++ b/help/HTML/ko/ghex/advanced-clipboard.html
@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="ko.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ko" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">자세한 정보</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">정보</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2002, 2003, 2004 Sun Microsystems</div>
+<div class="copyright">© 2020, 2021 조성호</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">작성자</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">번역자</span></div>
+<ul class="credits">
+<li>Sun Microsystems</li>
+<li>조성호</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ko/ghex/basics-create-new-file.html b/help/HTML/ko/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..c32b66e
--- /dev/null
+++ b/help/HTML/ko/ghex/basics-create-new-file.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="ko.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ko" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">자세한 정보</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">정보</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2002, 2003, 2004 Sun Microsystems</div>
+<div class="copyright">© 2020, 2021 조성호</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">작성자</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">번역자</span></div>
+<ul class="credits">
+<li>Sun Microsystems</li>
+<li>조성호</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ko/ghex/basics-edit-file.html b/help/HTML/ko/ghex/basics-edit-file.html
new file mode 100644
index 0000000..2f9255c
--- /dev/null
+++ b/help/HTML/ko/ghex/basics-edit-file.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="ko.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ko" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">다음 한가지 방법을 활용하여 커서를 파일 주변으로 옮겨둡니다:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">자세한 정보</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">정보</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2002, 2003, 2004 Sun Microsystems</div>
+<div class="copyright">© 2020, 2021 조성호</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">작성자</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">번역자</span></div>
+<ul class="credits">
+<li>Sun Microsystems</li>
+<li>조성호</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ko/ghex/basics-find-replace.html b/help/HTML/ko/ghex/basics-find-replace.html
new file mode 100644
index 0000000..81cdba1
--- /dev/null
+++ b/help/HTML/ko/ghex/basics-find-replace.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="ko.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ko" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">자세한 정보</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">정보</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2002, 2003, 2004 Sun Microsystems</div>
+<div class="copyright">© 2020, 2021 조성호</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">작성자</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">번역자</span></div>
+<ul class="credits">
+<li>Sun Microsystems</li>
+<li>조성호</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ko/ghex/basics-open-file.html b/help/HTML/ko/ghex/basics-open-file.html
new file mode 100644
index 0000000..e496c7c
--- /dev/null
+++ b/help/HTML/ko/ghex/basics-open-file.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="ko.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ko" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">자세한 정보</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">정보</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2002, 2003, 2004 Sun Microsystems</div>
+<div class="copyright">© 2020, 2021 조성호</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">작성자</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">번역자</span></div>
+<ul class="credits">
+<li>Sun Microsystems</li>
+<li>조성호</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ko/ghex/basics-save-file.html b/help/HTML/ko/ghex/basics-save-file.html
new file mode 100644
index 0000000..6e730f2
--- /dev/null
+++ b/help/HTML/ko/ghex/basics-save-file.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="ko.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ko" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">자세한 정보</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">정보</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2002, 2003, 2004 Sun Microsystems</div>
+<div class="copyright">© 2020, 2021 조성호</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">작성자</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">번역자</span></div>
+<ul class="credits">
+<li>Sun Microsystems</li>
+<li>조성호</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ko/ghex/conf-grouptype.html b/help/HTML/ko/ghex/conf-grouptype.html
new file mode 100644
index 0000000..31619a6
--- /dev/null
+++ b/help/HTML/ko/ghex/conf-grouptype.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="ko.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ko" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" title="기본 설정">기본 
설정</a></span> dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">자세한 정보</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">정보</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2002, 2003, 2004 Sun Microsystems</div>
+<div class="copyright">© 2020, 2021 조성호</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">작성자</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">번역자</span></div>
+<ul class="credits">
+<li>Sun Microsystems</li>
+<li>조성호</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ko/ghex/conf-preferences.html b/help/HTML/ko/ghex/conf-preferences.html
new file mode 100644
index 0000000..9edb1a3
--- /dev/null
+++ b/help/HTML/ko/ghex/conf-preferences.html
@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>기본 설정</title>
+<link rel="stylesheet" type="text/css" href="ko.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ko" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">기본 설정</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">표시</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Font</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">인쇄</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">자세한 정보</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">정보</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2002, 2003, 2004 Sun Microsystems</div>
+<div class="copyright">© 2020, 2021 조성호</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">작성자</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">번역자</span></div>
+<ul class="credits">
+<li>Sun Microsystems</li>
+<li>조성호</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ko/ghex/index.html b/help/HTML/ko/ghex/index.html
new file mode 100644
index 0000000..b882f9c
--- /dev/null
+++ b/help/HTML/ko/ghex/index.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="ko.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ko" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">파일을 아스키 또는 16진수 형식으로 동시에 봅니다.</p></li>
+<li class="list"><p class="p">파일을 아스키 또는 16진수 형식으로 편집합니다.</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" title="기본 설정"><span class="title">기본 
설정</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">정보</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2002, 2003, 2004 Sun Microsystems</div>
+<div class="copyright">© 2020, 2021 조성호</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">작성자</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">번역자</span></div>
+<ul class="credits">
+<li>Sun Microsystems</li>
+<li>조성호</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ko/ghex/ko.css b/help/HTML/ko/ghex/ko.css
new file mode 100644
index 0000000..767847f
--- /dev/null
+++ b/help/HTML/ko/ghex/ko.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '“';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 1em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/HTML/ko/ghex/tools-chartable.html b/help/HTML/ko/ghex/tools-chartable.html
new file mode 100644
index 0000000..744337c
--- /dev/null
+++ b/help/HTML/ko/ghex/tools-chartable.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="ko.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ko" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">자세한 정보</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">정보</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2002, 2003, 2004 Sun Microsystems</div>
+<div class="copyright">© 2020, 2021 조성호</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">작성자</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">번역자</span></div>
+<ul class="credits">
+<li>Sun Microsystems</li>
+<li>조성호</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ko/ghex/tools-converter.html b/help/HTML/ko/ghex/tools-converter.html
new file mode 100644
index 0000000..9a5dbb0
--- /dev/null
+++ b/help/HTML/ko/ghex/tools-converter.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="ko.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ko" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">자세한 정보</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">정보</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2002, 2003, 2004 Sun Microsystems</div>
+<div class="copyright">© 2020, 2021 조성호</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">작성자</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">번역자</span></div>
+<ul class="credits">
+<li>Sun Microsystems</li>
+<li>조성호</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ko/ghex/yelp.js b/help/HTML/ko/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/ko/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/oc/ghex/advanced-clipboard.html b/help/HTML/oc/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..0c57156
--- /dev/null
+++ b/help/HTML/oc/ghex/advanced-clipboard.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="oc.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="oc" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mai d'entresenhas</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">A prepaus</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrit per</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/oc/ghex/basics-create-new-file.html b/help/HTML/oc/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..85208a1
--- /dev/null
+++ b/help/HTML/oc/ghex/basics-create-new-file.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="oc.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="oc" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mai d'entresenhas</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">A prepaus</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrit per</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/oc/ghex/basics-edit-file.html b/help/HTML/oc/ghex/basics-edit-file.html
new file mode 100644
index 0000000..3adc162
--- /dev/null
+++ b/help/HTML/oc/ghex/basics-edit-file.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="oc.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="oc" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">Use any of the following methods to move the cursor around the file:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mai d'entresenhas</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">A prepaus</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrit per</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/oc/ghex/basics-find-replace.html b/help/HTML/oc/ghex/basics-find-replace.html
new file mode 100644
index 0000000..77efb50
--- /dev/null
+++ b/help/HTML/oc/ghex/basics-find-replace.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="oc.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="oc" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mai d'entresenhas</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">A prepaus</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrit per</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/oc/ghex/basics-open-file.html b/help/HTML/oc/ghex/basics-open-file.html
new file mode 100644
index 0000000..9c64573
--- /dev/null
+++ b/help/HTML/oc/ghex/basics-open-file.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="oc.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="oc" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mai d'entresenhas</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">A prepaus</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrit per</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/oc/ghex/basics-save-file.html b/help/HTML/oc/ghex/basics-save-file.html
new file mode 100644
index 0000000..fe8badc
--- /dev/null
+++ b/help/HTML/oc/ghex/basics-save-file.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="oc.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="oc" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mai d'entresenhas</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">A prepaus</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrit per</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/oc/ghex/conf-grouptype.html b/help/HTML/oc/ghex/conf-grouptype.html
new file mode 100644
index 0000000..26dd3e1
--- /dev/null
+++ b/help/HTML/oc/ghex/conf-grouptype.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="oc.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="oc" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" 
title="Preferéncias">Preferéncias</a></span> dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mai d'entresenhas</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">A prepaus</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrit per</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/oc/ghex/conf-preferences.html b/help/HTML/oc/ghex/conf-preferences.html
new file mode 100644
index 0000000..3f727ab
--- /dev/null
+++ b/help/HTML/oc/ghex/conf-preferences.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Preferéncias</title>
+<link rel="stylesheet" type="text/css" href="oc.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="oc" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Preferéncias</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Visualizar</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Poliça</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Estampatge</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mai d'entresenhas</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">A prepaus</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrit per</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/oc/ghex/index.html b/help/HTML/oc/ghex/index.html
new file mode 100644
index 0000000..5c46050
--- /dev/null
+++ b/help/HTML/oc/ghex/index.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="oc.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="oc" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">View a file in ASCII or hexadecimal format simultaneously. </p></li>
+<li class="list"><p class="p">Edit a file in either ASCII or hexadecimal format.</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" title="Preferéncias"><span 
class="title">Preferéncias</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">A prepaus</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrit per</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/oc/ghex/oc.css b/help/HTML/oc/ghex/oc.css
new file mode 100644
index 0000000..176f46f
--- /dev/null
+++ b/help/HTML/oc/ghex/oc.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '«';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 0.5em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/HTML/oc/ghex/tools-chartable.html b/help/HTML/oc/ghex/tools-chartable.html
new file mode 100644
index 0000000..cff8adc
--- /dev/null
+++ b/help/HTML/oc/ghex/tools-chartable.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="oc.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="oc" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mai d'entresenhas</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">A prepaus</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrit per</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/oc/ghex/tools-converter.html b/help/HTML/oc/ghex/tools-converter.html
new file mode 100644
index 0000000..da702c0
--- /dev/null
+++ b/help/HTML/oc/ghex/tools-converter.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="oc.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="oc" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mai d'entresenhas</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">A prepaus</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrit per</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/oc/ghex/yelp.js b/help/HTML/oc/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/oc/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/pl/ghex/advanced-clipboard.html b/help/HTML/pl/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..ee4d9a3
--- /dev/null
+++ b/help/HTML/pl/ghex/advanced-clipboard.html
@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="pl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Więcej informacji</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informacje</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2018-2020 Piotr Drąg</div>
+<div class="copyright">© 2018-2020 Aviary.pl</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napisane przez</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Przetłumaczone przez</span></div>
+<ul class="credits">
+<li>Piotr Drąg</li>
+<li>Aviary.pl</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pl/ghex/basics-create-new-file.html b/help/HTML/pl/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..2025052
--- /dev/null
+++ b/help/HTML/pl/ghex/basics-create-new-file.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="pl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Więcej informacji</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informacje</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2018-2020 Piotr Drąg</div>
+<div class="copyright">© 2018-2020 Aviary.pl</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napisane przez</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Przetłumaczone przez</span></div>
+<ul class="credits">
+<li>Piotr Drąg</li>
+<li>Aviary.pl</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pl/ghex/basics-edit-file.html b/help/HTML/pl/ghex/basics-edit-file.html
new file mode 100644
index 0000000..bdc4e45
--- /dev/null
+++ b/help/HTML/pl/ghex/basics-edit-file.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="pl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">Użyj dowolnej z tych metod, aby przenosić kursor w pliku:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Więcej informacji</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informacje</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2018-2020 Piotr Drąg</div>
+<div class="copyright">© 2018-2020 Aviary.pl</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napisane przez</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Przetłumaczone przez</span></div>
+<ul class="credits">
+<li>Piotr Drąg</li>
+<li>Aviary.pl</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pl/ghex/basics-find-replace.html b/help/HTML/pl/ghex/basics-find-replace.html
new file mode 100644
index 0000000..4380e65
--- /dev/null
+++ b/help/HTML/pl/ghex/basics-find-replace.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="pl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Więcej informacji</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informacje</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2018-2020 Piotr Drąg</div>
+<div class="copyright">© 2018-2020 Aviary.pl</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napisane przez</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Przetłumaczone przez</span></div>
+<ul class="credits">
+<li>Piotr Drąg</li>
+<li>Aviary.pl</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pl/ghex/basics-open-file.html b/help/HTML/pl/ghex/basics-open-file.html
new file mode 100644
index 0000000..5e3323f
--- /dev/null
+++ b/help/HTML/pl/ghex/basics-open-file.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="pl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Więcej informacji</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informacje</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2018-2020 Piotr Drąg</div>
+<div class="copyright">© 2018-2020 Aviary.pl</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napisane przez</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Przetłumaczone przez</span></div>
+<ul class="credits">
+<li>Piotr Drąg</li>
+<li>Aviary.pl</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pl/ghex/basics-save-file.html b/help/HTML/pl/ghex/basics-save-file.html
new file mode 100644
index 0000000..2288371
--- /dev/null
+++ b/help/HTML/pl/ghex/basics-save-file.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="pl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Więcej informacji</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informacje</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2018-2020 Piotr Drąg</div>
+<div class="copyright">© 2018-2020 Aviary.pl</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napisane przez</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Przetłumaczone przez</span></div>
+<ul class="credits">
+<li>Piotr Drąg</li>
+<li>Aviary.pl</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pl/ghex/conf-grouptype.html b/help/HTML/pl/ghex/conf-grouptype.html
new file mode 100644
index 0000000..da0b952
--- /dev/null
+++ b/help/HTML/pl/ghex/conf-grouptype.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="pl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" 
title="Preferencje">Preferencje</a></span> dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Więcej informacji</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informacje</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2018-2020 Piotr Drąg</div>
+<div class="copyright">© 2018-2020 Aviary.pl</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napisane przez</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Przetłumaczone przez</span></div>
+<ul class="credits">
+<li>Piotr Drąg</li>
+<li>Aviary.pl</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pl/ghex/conf-preferences.html b/help/HTML/pl/ghex/conf-preferences.html
new file mode 100644
index 0000000..de7faf7
--- /dev/null
+++ b/help/HTML/pl/ghex/conf-preferences.html
@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Preferencje</title>
+<link rel="stylesheet" type="text/css" href="pl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Preferencje</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Wyświetlanie</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Font</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Drukowanie</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Więcej informacji</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informacje</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2018-2020 Piotr Drąg</div>
+<div class="copyright">© 2018-2020 Aviary.pl</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napisane przez</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Przetłumaczone przez</span></div>
+<ul class="credits">
+<li>Piotr Drąg</li>
+<li>Aviary.pl</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pl/ghex/index.html b/help/HTML/pl/ghex/index.html
new file mode 100644
index 0000000..08490f5
--- /dev/null
+++ b/help/HTML/pl/ghex/index.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="pl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Wyświetlanie pliku w formacie ASCII lub szesnastkowym jednocześnie.</p></li>
+<li class="list"><p class="p">Modyfikowanie pliku w formacie ASCII lub szesnastkowym.</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" title="Preferencje"><span 
class="title">Preferencje</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informacje</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2018-2020 Piotr Drąg</div>
+<div class="copyright">© 2018-2020 Aviary.pl</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napisane przez</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Przetłumaczone przez</span></div>
+<ul class="credits">
+<li>Piotr Drąg</li>
+<li>Aviary.pl</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pl/ghex/pl.css b/help/HTML/pl/ghex/pl.css
new file mode 100644
index 0000000..a1fed39
--- /dev/null
+++ b/help/HTML/pl/ghex/pl.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '”';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 1em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/HTML/pl/ghex/tools-chartable.html b/help/HTML/pl/ghex/tools-chartable.html
new file mode 100644
index 0000000..c25874e
--- /dev/null
+++ b/help/HTML/pl/ghex/tools-chartable.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="pl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Więcej informacji</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informacje</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2018-2020 Piotr Drąg</div>
+<div class="copyright">© 2018-2020 Aviary.pl</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napisane przez</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Przetłumaczone przez</span></div>
+<ul class="credits">
+<li>Piotr Drąg</li>
+<li>Aviary.pl</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pl/ghex/tools-converter.html b/help/HTML/pl/ghex/tools-converter.html
new file mode 100644
index 0000000..5a30808
--- /dev/null
+++ b/help/HTML/pl/ghex/tools-converter.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="pl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Więcej informacji</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Informacje</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2018-2020 Piotr Drąg</div>
+<div class="copyright">© 2018-2020 Aviary.pl</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Napisane przez</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Przetłumaczone przez</span></div>
+<ul class="credits">
+<li>Piotr Drąg</li>
+<li>Aviary.pl</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pl/ghex/yelp.js b/help/HTML/pl/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/pl/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/pt_BR/ghex/advanced-clipboard.html b/help/HTML/pt_BR/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..8a16712
--- /dev/null
+++ b/help/HTML/pt_BR/ghex/advanced-clipboard.html
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="pt-BR.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pt-BR" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mais informações</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Sobre</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2013. Enrico Nicoletto</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traduzido por</span></div>
+<ul class="credits"><li>Enrico Nicoletto</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pt_BR/ghex/basics-create-new-file.html 
b/help/HTML/pt_BR/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..89de61e
--- /dev/null
+++ b/help/HTML/pt_BR/ghex/basics-create-new-file.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="pt-BR.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pt-BR" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mais informações</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Sobre</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2013. Enrico Nicoletto</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traduzido por</span></div>
+<ul class="credits"><li>Enrico Nicoletto</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pt_BR/ghex/basics-edit-file.html b/help/HTML/pt_BR/ghex/basics-edit-file.html
new file mode 100644
index 0000000..56f330b
--- /dev/null
+++ b/help/HTML/pt_BR/ghex/basics-edit-file.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="pt-BR.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pt-BR" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">Use any of the following methods to move the cursor around the file:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mais informações</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Sobre</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2013. Enrico Nicoletto</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traduzido por</span></div>
+<ul class="credits"><li>Enrico Nicoletto</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pt_BR/ghex/basics-find-replace.html b/help/HTML/pt_BR/ghex/basics-find-replace.html
new file mode 100644
index 0000000..38c1628
--- /dev/null
+++ b/help/HTML/pt_BR/ghex/basics-find-replace.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="pt-BR.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pt-BR" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mais informações</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Sobre</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2013. Enrico Nicoletto</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traduzido por</span></div>
+<ul class="credits"><li>Enrico Nicoletto</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pt_BR/ghex/basics-open-file.html b/help/HTML/pt_BR/ghex/basics-open-file.html
new file mode 100644
index 0000000..13afe10
--- /dev/null
+++ b/help/HTML/pt_BR/ghex/basics-open-file.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="pt-BR.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pt-BR" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mais informações</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Sobre</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2013. Enrico Nicoletto</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traduzido por</span></div>
+<ul class="credits"><li>Enrico Nicoletto</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pt_BR/ghex/basics-save-file.html b/help/HTML/pt_BR/ghex/basics-save-file.html
new file mode 100644
index 0000000..581a3ad
--- /dev/null
+++ b/help/HTML/pt_BR/ghex/basics-save-file.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="pt-BR.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pt-BR" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mais informações</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Sobre</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2013. Enrico Nicoletto</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traduzido por</span></div>
+<ul class="credits"><li>Enrico Nicoletto</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pt_BR/ghex/conf-grouptype.html b/help/HTML/pt_BR/ghex/conf-grouptype.html
new file mode 100644
index 0000000..b6d6ef4
--- /dev/null
+++ b/help/HTML/pt_BR/ghex/conf-grouptype.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="pt-BR.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pt-BR" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" 
title="Preferências">Preferências</a></span> dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mais informações</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Sobre</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2013. Enrico Nicoletto</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traduzido por</span></div>
+<ul class="credits"><li>Enrico Nicoletto</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pt_BR/ghex/conf-preferences.html b/help/HTML/pt_BR/ghex/conf-preferences.html
new file mode 100644
index 0000000..e3a2849
--- /dev/null
+++ b/help/HTML/pt_BR/ghex/conf-preferences.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Preferências</title>
+<link rel="stylesheet" type="text/css" href="pt-BR.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pt-BR" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Preferências</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Exibição</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Font</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Impressão</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mais informações</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Sobre</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2013. Enrico Nicoletto</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traduzido por</span></div>
+<ul class="credits"><li>Enrico Nicoletto</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pt_BR/ghex/index.html b/help/HTML/pt_BR/ghex/index.html
new file mode 100644
index 0000000..8469e45
--- /dev/null
+++ b/help/HTML/pt_BR/ghex/index.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="pt-BR.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pt-BR" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">View a file in ASCII or hexadecimal format simultaneously. </p></li>
+<li class="list"><p class="p">Edit a file in either ASCII or hexadecimal format.</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" title="Preferências"><span 
class="title">Preferências</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Sobre</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2013. Enrico Nicoletto</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traduzido por</span></div>
+<ul class="credits"><li>Enrico Nicoletto</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pt_BR/ghex/pt-BR.css b/help/HTML/pt_BR/ghex/pt-BR.css
new file mode 100644
index 0000000..767847f
--- /dev/null
+++ b/help/HTML/pt_BR/ghex/pt-BR.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '“';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 1em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/HTML/pt_BR/ghex/tools-chartable.html b/help/HTML/pt_BR/ghex/tools-chartable.html
new file mode 100644
index 0000000..90742ff
--- /dev/null
+++ b/help/HTML/pt_BR/ghex/tools-chartable.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="pt-BR.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pt-BR" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mais informações</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Sobre</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2013. Enrico Nicoletto</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traduzido por</span></div>
+<ul class="credits"><li>Enrico Nicoletto</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pt_BR/ghex/tools-converter.html b/help/HTML/pt_BR/ghex/tools-converter.html
new file mode 100644
index 0000000..dfb0895
--- /dev/null
+++ b/help/HTML/pt_BR/ghex/tools-converter.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="pt-BR.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="pt-BR" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mais informações</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Sobre</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2013. Enrico Nicoletto</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Escrito por</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Traduzido por</span></div>
+<ul class="credits"><li>Enrico Nicoletto</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/pt_BR/ghex/yelp.js b/help/HTML/pt_BR/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/pt_BR/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/ru/ghex/advanced-clipboard.html b/help/HTML/ru/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..4e24f92
--- /dev/null
+++ b/help/HTML/ru/ghex/advanced-clipboard.html
@@ -0,0 +1,152 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="ru.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ru" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Дополнительная информация</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Общие сведения</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2015 Алексей Кабанов</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Написано</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Переведено</span></div>
+<ul class="credits"><li>Алексей Кабанов</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ru/ghex/basics-create-new-file.html b/help/HTML/ru/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..d08b898
--- /dev/null
+++ b/help/HTML/ru/ghex/basics-create-new-file.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="ru.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ru" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Дополнительная информация</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Общие сведения</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2015 Алексей Кабанов</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Написано</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Переведено</span></div>
+<ul class="credits"><li>Алексей Кабанов</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ru/ghex/basics-edit-file.html b/help/HTML/ru/ghex/basics-edit-file.html
new file mode 100644
index 0000000..93a4d53
--- /dev/null
+++ b/help/HTML/ru/ghex/basics-edit-file.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="ru.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ru" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">Перемещать курсор по файлу можно одним из следующих способов:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Дополнительная информация</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Общие сведения</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2015 Алексей Кабанов</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Написано</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Переведено</span></div>
+<ul class="credits"><li>Алексей Кабанов</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ru/ghex/basics-find-replace.html b/help/HTML/ru/ghex/basics-find-replace.html
new file mode 100644
index 0000000..46510a1
--- /dev/null
+++ b/help/HTML/ru/ghex/basics-find-replace.html
@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="ru.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ru" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Дополнительная информация</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Общие сведения</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2015 Алексей Кабанов</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Написано</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Переведено</span></div>
+<ul class="credits"><li>Алексей Кабанов</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ru/ghex/basics-open-file.html b/help/HTML/ru/ghex/basics-open-file.html
new file mode 100644
index 0000000..c7e17e9
--- /dev/null
+++ b/help/HTML/ru/ghex/basics-open-file.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="ru.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ru" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Дополнительная информация</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Общие сведения</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2015 Алексей Кабанов</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Написано</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Переведено</span></div>
+<ul class="credits"><li>Алексей Кабанов</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ru/ghex/basics-save-file.html b/help/HTML/ru/ghex/basics-save-file.html
new file mode 100644
index 0000000..72a9e16
--- /dev/null
+++ b/help/HTML/ru/ghex/basics-save-file.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="ru.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ru" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Дополнительная информация</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Общие сведения</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2015 Алексей Кабанов</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Написано</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Переведено</span></div>
+<ul class="credits"><li>Алексей Кабанов</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ru/ghex/conf-grouptype.html b/help/HTML/ru/ghex/conf-grouptype.html
new file mode 100644
index 0000000..5018053
--- /dev/null
+++ b/help/HTML/ru/ghex/conf-grouptype.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="ru.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ru" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" 
title="Параметры">Параметры</a></span> dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Дополнительная информация</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Общие сведения</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2015 Алексей Кабанов</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Написано</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Переведено</span></div>
+<ul class="credits"><li>Алексей Кабанов</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ru/ghex/conf-preferences.html b/help/HTML/ru/ghex/conf-preferences.html
new file mode 100644
index 0000000..617f065
--- /dev/null
+++ b/help/HTML/ru/ghex/conf-preferences.html
@@ -0,0 +1,118 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Параметры</title>
+<link rel="stylesheet" type="text/css" href="ru.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ru" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Параметры</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Отображение</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Font</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Печать</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Дополнительная информация</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Общие сведения</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2015 Алексей Кабанов</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Написано</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Переведено</span></div>
+<ul class="credits"><li>Алексей Кабанов</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ru/ghex/index.html b/help/HTML/ru/ghex/index.html
new file mode 100644
index 0000000..de18383
--- /dev/null
+++ b/help/HTML/ru/ghex/index.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="ru.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ru" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Просматривать содержимое файла в ASCII и шестнадцатеричном формате 
одновременно.</p></li>
+<li class="list"><p class="p">Редактировать файл в ASCII или шестнадцатеричном формате.</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" title="Параметры"><span 
class="title">Параметры</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Общие сведения</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2015 Алексей Кабанов</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Написано</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Переведено</span></div>
+<ul class="credits"><li>Алексей Кабанов</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ru/ghex/ru.css b/help/HTML/ru/ghex/ru.css
new file mode 100644
index 0000000..176f46f
--- /dev/null
+++ b/help/HTML/ru/ghex/ru.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '«';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 0.5em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/HTML/ru/ghex/tools-chartable.html b/help/HTML/ru/ghex/tools-chartable.html
new file mode 100644
index 0000000..773c8d8
--- /dev/null
+++ b/help/HTML/ru/ghex/tools-chartable.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="ru.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ru" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Дополнительная информация</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Общие сведения</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2015 Алексей Кабанов</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Написано</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Переведено</span></div>
+<ul class="credits"><li>Алексей Кабанов</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ru/ghex/tools-converter.html b/help/HTML/ru/ghex/tools-converter.html
new file mode 100644
index 0000000..66007c5
--- /dev/null
+++ b/help/HTML/ru/ghex/tools-converter.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="ru.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="ru" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Дополнительная информация</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Общие сведения</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2015 Алексей Кабанов</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Написано</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Переведено</span></div>
+<ul class="credits"><li>Алексей Кабанов</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/ru/ghex/yelp.js b/help/HTML/ru/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/ru/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/sl/ghex/advanced-clipboard.html b/help/HTML/sl/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..13bfed3
--- /dev/null
+++ b/help/HTML/sl/ghex/advanced-clipboard.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="sl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Več podrobnosti</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O strani</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Avtorji:</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sl/ghex/basics-create-new-file.html b/help/HTML/sl/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..2e3d033
--- /dev/null
+++ b/help/HTML/sl/ghex/basics-create-new-file.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="sl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Več podrobnosti</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O strani</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Avtorji:</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sl/ghex/basics-edit-file.html b/help/HTML/sl/ghex/basics-edit-file.html
new file mode 100644
index 0000000..78d29c1
--- /dev/null
+++ b/help/HTML/sl/ghex/basics-edit-file.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="sl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">Use any of the following methods to move the cursor around the file:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Več podrobnosti</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O strani</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Avtorji:</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sl/ghex/basics-find-replace.html b/help/HTML/sl/ghex/basics-find-replace.html
new file mode 100644
index 0000000..4bc2b4b
--- /dev/null
+++ b/help/HTML/sl/ghex/basics-find-replace.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="sl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Več podrobnosti</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O strani</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Avtorji:</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sl/ghex/basics-open-file.html b/help/HTML/sl/ghex/basics-open-file.html
new file mode 100644
index 0000000..1c34572
--- /dev/null
+++ b/help/HTML/sl/ghex/basics-open-file.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="sl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Več podrobnosti</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O strani</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Avtorji:</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sl/ghex/basics-save-file.html b/help/HTML/sl/ghex/basics-save-file.html
new file mode 100644
index 0000000..24bebf5
--- /dev/null
+++ b/help/HTML/sl/ghex/basics-save-file.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="sl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Več podrobnosti</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O strani</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Avtorji:</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sl/ghex/conf-grouptype.html b/help/HTML/sl/ghex/conf-grouptype.html
new file mode 100644
index 0000000..9aad3cf
--- /dev/null
+++ b/help/HTML/sl/ghex/conf-grouptype.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="sl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" 
title="Preferences">Preferences</a></span> dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Več podrobnosti</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O strani</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Avtorji:</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sl/ghex/conf-preferences.html b/help/HTML/sl/ghex/conf-preferences.html
new file mode 100644
index 0000000..bb8d905
--- /dev/null
+++ b/help/HTML/sl/ghex/conf-preferences.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Preferences</title>
+<link rel="stylesheet" type="text/css" href="sl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Preferences</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Display</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Font</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Printing</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Več podrobnosti</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O strani</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Avtorji:</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sl/ghex/index.html b/help/HTML/sl/ghex/index.html
new file mode 100644
index 0000000..a768282
--- /dev/null
+++ b/help/HTML/sl/ghex/index.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="sl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">View a file in ASCII or hexadecimal format simultaneously. </p></li>
+<li class="list"><p class="p">Edit a file in either ASCII or hexadecimal format.</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" title="Preferences"><span 
class="title">Preferences</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O strani</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Avtorji:</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sl/ghex/sl.css b/help/HTML/sl/ghex/sl.css
new file mode 100644
index 0000000..802994f
--- /dev/null
+++ b/help/HTML/sl/ghex/sl.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '»';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 0.5em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/HTML/sl/ghex/tools-chartable.html b/help/HTML/sl/ghex/tools-chartable.html
new file mode 100644
index 0000000..5da3176
--- /dev/null
+++ b/help/HTML/sl/ghex/tools-chartable.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="sl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Več podrobnosti</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O strani</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Avtorji:</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sl/ghex/tools-converter.html b/help/HTML/sl/ghex/tools-converter.html
new file mode 100644
index 0000000..6b51a08
--- /dev/null
+++ b/help/HTML/sl/ghex/tools-converter.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="sl.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sl" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Več podrobnosti</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">O strani</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Avtorji:</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sl/ghex/yelp.js b/help/HTML/sl/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/sl/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/sv/ghex/advanced-clipboard.html b/help/HTML/sv/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..dffe21f
--- /dev/null
+++ b/help/HTML/sv/ghex/advanced-clipboard.html
@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="sv.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sv" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mer information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Om</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2007 Daniel Nylander</div>
+<div class="copyright">© 2016 Josef Andersson</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Skrivet av</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Översatt av</span></div>
+<ul class="credits">
+<li>Daniel Nylander</li>
+<li>Josef Andersson</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sv/ghex/basics-create-new-file.html b/help/HTML/sv/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..2677565
--- /dev/null
+++ b/help/HTML/sv/ghex/basics-create-new-file.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="sv.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sv" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mer information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Om</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2007 Daniel Nylander</div>
+<div class="copyright">© 2016 Josef Andersson</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Skrivet av</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Översatt av</span></div>
+<ul class="credits">
+<li>Daniel Nylander</li>
+<li>Josef Andersson</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sv/ghex/basics-edit-file.html b/help/HTML/sv/ghex/basics-edit-file.html
new file mode 100644
index 0000000..449e87d
--- /dev/null
+++ b/help/HTML/sv/ghex/basics-edit-file.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="sv.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sv" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">Om du vill flytta markören i filen gör du på något av följande sätt:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mer information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Om</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2007 Daniel Nylander</div>
+<div class="copyright">© 2016 Josef Andersson</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Skrivet av</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Översatt av</span></div>
+<ul class="credits">
+<li>Daniel Nylander</li>
+<li>Josef Andersson</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sv/ghex/basics-find-replace.html b/help/HTML/sv/ghex/basics-find-replace.html
new file mode 100644
index 0000000..6bbd278
--- /dev/null
+++ b/help/HTML/sv/ghex/basics-find-replace.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="sv.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sv" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mer information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Om</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2007 Daniel Nylander</div>
+<div class="copyright">© 2016 Josef Andersson</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Skrivet av</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Översatt av</span></div>
+<ul class="credits">
+<li>Daniel Nylander</li>
+<li>Josef Andersson</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sv/ghex/basics-open-file.html b/help/HTML/sv/ghex/basics-open-file.html
new file mode 100644
index 0000000..c2f36e8
--- /dev/null
+++ b/help/HTML/sv/ghex/basics-open-file.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="sv.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sv" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mer information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Om</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2007 Daniel Nylander</div>
+<div class="copyright">© 2016 Josef Andersson</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Skrivet av</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Översatt av</span></div>
+<ul class="credits">
+<li>Daniel Nylander</li>
+<li>Josef Andersson</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sv/ghex/basics-save-file.html b/help/HTML/sv/ghex/basics-save-file.html
new file mode 100644
index 0000000..60a5bbd
--- /dev/null
+++ b/help/HTML/sv/ghex/basics-save-file.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="sv.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sv" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mer information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Om</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2007 Daniel Nylander</div>
+<div class="copyright">© 2016 Josef Andersson</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Skrivet av</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Översatt av</span></div>
+<ul class="credits">
+<li>Daniel Nylander</li>
+<li>Josef Andersson</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sv/ghex/conf-grouptype.html b/help/HTML/sv/ghex/conf-grouptype.html
new file mode 100644
index 0000000..aba663a
--- /dev/null
+++ b/help/HTML/sv/ghex/conf-grouptype.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="sv.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sv" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" 
title="Inställningar">Inställningar</a></span> dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mer information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Om</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2007 Daniel Nylander</div>
+<div class="copyright">© 2016 Josef Andersson</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Skrivet av</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Översatt av</span></div>
+<ul class="credits">
+<li>Daniel Nylander</li>
+<li>Josef Andersson</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sv/ghex/conf-preferences.html b/help/HTML/sv/ghex/conf-preferences.html
new file mode 100644
index 0000000..45650f6
--- /dev/null
+++ b/help/HTML/sv/ghex/conf-preferences.html
@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Inställningar</title>
+<link rel="stylesheet" type="text/css" href="sv.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sv" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Inställningar</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Utseende</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Font</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Utskrift</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mer information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Om</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2007 Daniel Nylander</div>
+<div class="copyright">© 2016 Josef Andersson</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Skrivet av</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Översatt av</span></div>
+<ul class="credits">
+<li>Daniel Nylander</li>
+<li>Josef Andersson</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sv/ghex/index.html b/help/HTML/sv/ghex/index.html
new file mode 100644
index 0000000..679da11
--- /dev/null
+++ b/help/HTML/sv/ghex/index.html
@@ -0,0 +1,82 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="sv.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sv" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Visa en fil i ASCII-format och hexadecimalt format samtidigt.</p></li>
+<li class="list"><p class="p">Redigera en fil i antingen ASCII-format eller hexadecimalt format.</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" title="Inställningar"><span 
class="title">Inställningar</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Om</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2007 Daniel Nylander</div>
+<div class="copyright">© 2016 Josef Andersson</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Skrivet av</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Översatt av</span></div>
+<ul class="credits">
+<li>Daniel Nylander</li>
+<li>Josef Andersson</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sv/ghex/sv.css b/help/HTML/sv/ghex/sv.css
new file mode 100644
index 0000000..a1fed39
--- /dev/null
+++ b/help/HTML/sv/ghex/sv.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '”';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 1em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/HTML/sv/ghex/tools-chartable.html b/help/HTML/sv/ghex/tools-chartable.html
new file mode 100644
index 0000000..38866ec
--- /dev/null
+++ b/help/HTML/sv/ghex/tools-chartable.html
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="sv.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sv" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mer information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Om</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2007 Daniel Nylander</div>
+<div class="copyright">© 2016 Josef Andersson</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Skrivet av</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Översatt av</span></div>
+<ul class="credits">
+<li>Daniel Nylander</li>
+<li>Josef Andersson</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sv/ghex/tools-converter.html b/help/HTML/sv/ghex/tools-converter.html
new file mode 100644
index 0000000..e6a49d7
--- /dev/null
+++ b/help/HTML/sv/ghex/tools-converter.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="sv.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="sv" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Mer information</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Om</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights">
+<div class="copyright">© 2022 Logan Rathbone</div>
+<div class="copyright">© 2007 Daniel Nylander</div>
+<div class="copyright">© 2016 Josef Andersson</div>
+</div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Skrivet av</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-translators">
+<div class="title"><span class="title">Översatt av</span></div>
+<ul class="credits">
+<li>Daniel Nylander</li>
+<li>Josef Andersson</li>
+</ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/sv/ghex/yelp.js b/help/HTML/sv/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/sv/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/th/ghex/advanced-clipboard.html b/help/HTML/th/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..be0bba7
--- /dev/null
+++ b/help/HTML/th/ghex/advanced-clipboard.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="th.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="th" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">ข้อมูลเพิ่มเติม</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">เกี่ยวกับเอกสารนี้</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">เขียนโดย</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/th/ghex/basics-create-new-file.html b/help/HTML/th/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..86ad720
--- /dev/null
+++ b/help/HTML/th/ghex/basics-create-new-file.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="th.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="th" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">ข้อมูลเพิ่มเติม</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">เกี่ยวกับเอกสารนี้</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">เขียนโดย</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/th/ghex/basics-edit-file.html b/help/HTML/th/ghex/basics-edit-file.html
new file mode 100644
index 0000000..d122dae
--- /dev/null
+++ b/help/HTML/th/ghex/basics-edit-file.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="th.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="th" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">ใช้วิธีใดวิธีหนึ่งต่อไปนี้เพื่อเลื่อนเคอร์เซอร์ไปมาในแฟ้ม:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">ข้อมูลเพิ่มเติม</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">เกี่ยวกับเอกสารนี้</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">เขียนโดย</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/th/ghex/basics-find-replace.html b/help/HTML/th/ghex/basics-find-replace.html
new file mode 100644
index 0000000..3f172e7
--- /dev/null
+++ b/help/HTML/th/ghex/basics-find-replace.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="th.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="th" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">ข้อมูลเพิ่มเติม</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">เกี่ยวกับเอกสารนี้</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">เขียนโดย</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/th/ghex/basics-open-file.html b/help/HTML/th/ghex/basics-open-file.html
new file mode 100644
index 0000000..ceadd65
--- /dev/null
+++ b/help/HTML/th/ghex/basics-open-file.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="th.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="th" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">ข้อมูลเพิ่มเติม</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">เกี่ยวกับเอกสารนี้</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">เขียนโดย</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/th/ghex/basics-save-file.html b/help/HTML/th/ghex/basics-save-file.html
new file mode 100644
index 0000000..bf386bd
--- /dev/null
+++ b/help/HTML/th/ghex/basics-save-file.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="th.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="th" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">ข้อมูลเพิ่มเติม</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">เกี่ยวกับเอกสารนี้</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">เขียนโดย</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/th/ghex/conf-grouptype.html b/help/HTML/th/ghex/conf-grouptype.html
new file mode 100644
index 0000000..99400e5
--- /dev/null
+++ b/help/HTML/th/ghex/conf-grouptype.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="th.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="th" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" 
title="การปรับแต่ง">การปรับแต่ง</a></span> dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">ข้อมูลเพิ่มเติม</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">เกี่ยวกับเอกสารนี้</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">เขียนโดย</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/th/ghex/conf-preferences.html b/help/HTML/th/ghex/conf-preferences.html
new file mode 100644
index 0000000..fb2be26
--- /dev/null
+++ b/help/HTML/th/ghex/conf-preferences.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>การปรับแต่ง</title>
+<link rel="stylesheet" type="text/css" href="th.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="th" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">การปรับแต่ง</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">การแสดงผล</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">แบบอักษร</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">การพิมพ์</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">ข้อมูลเพิ่มเติม</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">เกี่ยวกับเอกสารนี้</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">เขียนโดย</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/th/ghex/index.html b/help/HTML/th/ghex/index.html
new file mode 100644
index 0000000..13ce25f
--- /dev/null
+++ b/help/HTML/th/ghex/index.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="th.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="th" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">ดูแฟ้มในรูปอักขระแอสกีหรือเลขฐานสิบหกพร้อมกัน</p></li>
+<li class="list"><p class="p">แก้ไขแฟ้มในรูปอักขระแอสกีหรือเลขฐานสิบหก</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" title="การปรับแต่ง"><span 
class="title">การปรับแต่ง</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">เกี่ยวกับเอกสารนี้</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">เขียนโดย</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/th/ghex/th.css b/help/HTML/th/ghex/th.css
new file mode 100644
index 0000000..767847f
--- /dev/null
+++ b/help/HTML/th/ghex/th.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '“';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 1em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/HTML/th/ghex/tools-chartable.html b/help/HTML/th/ghex/tools-chartable.html
new file mode 100644
index 0000000..ccb1537
--- /dev/null
+++ b/help/HTML/th/ghex/tools-chartable.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="th.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="th" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">ข้อมูลเพิ่มเติม</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">เกี่ยวกับเอกสารนี้</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">เขียนโดย</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/th/ghex/tools-converter.html b/help/HTML/th/ghex/tools-converter.html
new file mode 100644
index 0000000..6c4a9cc
--- /dev/null
+++ b/help/HTML/th/ghex/tools-converter.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="th.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="th" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">ข้อมูลเพิ่มเติม</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">เกี่ยวกับเอกสารนี้</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">เขียนโดย</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/th/ghex/yelp.js b/help/HTML/th/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/th/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/uk/ghex/advanced-clipboard.html b/help/HTML/uk/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..8f9ac87
--- /dev/null
+++ b/help/HTML/uk/ghex/advanced-clipboard.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="uk.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="uk" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Докладніше</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Про програму</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Автори</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/uk/ghex/basics-create-new-file.html b/help/HTML/uk/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..9419e47
--- /dev/null
+++ b/help/HTML/uk/ghex/basics-create-new-file.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="uk.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="uk" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Докладніше</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Про програму</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Автори</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/uk/ghex/basics-edit-file.html b/help/HTML/uk/ghex/basics-edit-file.html
new file mode 100644
index 0000000..16a2bfe
--- /dev/null
+++ b/help/HTML/uk/ghex/basics-edit-file.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="uk.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="uk" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">Скористайтеся будь-яким із таких способів для пересування курсора вмістом файла:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Докладніше</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Про програму</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Автори</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/uk/ghex/basics-find-replace.html b/help/HTML/uk/ghex/basics-find-replace.html
new file mode 100644
index 0000000..1b99d3e
--- /dev/null
+++ b/help/HTML/uk/ghex/basics-find-replace.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="uk.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="uk" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Докладніше</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Про програму</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Автори</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/uk/ghex/basics-open-file.html b/help/HTML/uk/ghex/basics-open-file.html
new file mode 100644
index 0000000..0f34508
--- /dev/null
+++ b/help/HTML/uk/ghex/basics-open-file.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="uk.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="uk" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Докладніше</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Про програму</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Автори</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/uk/ghex/basics-save-file.html b/help/HTML/uk/ghex/basics-save-file.html
new file mode 100644
index 0000000..198f683
--- /dev/null
+++ b/help/HTML/uk/ghex/basics-save-file.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="uk.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="uk" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Докладніше</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Про програму</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Автори</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/uk/ghex/conf-grouptype.html b/help/HTML/uk/ghex/conf-grouptype.html
new file mode 100644
index 0000000..1413ebe
--- /dev/null
+++ b/help/HTML/uk/ghex/conf-grouptype.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="uk.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="uk" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" 
title="Параметри">Параметри</a></span> dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Докладніше</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Про програму</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Автори</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/uk/ghex/conf-preferences.html b/help/HTML/uk/ghex/conf-preferences.html
new file mode 100644
index 0000000..2400eb9
--- /dev/null
+++ b/help/HTML/uk/ghex/conf-preferences.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Параметри</title>
+<link rel="stylesheet" type="text/css" href="uk.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="uk" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Параметри</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Представлення</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Font</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Друкування</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Докладніше</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Про програму</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Автори</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/uk/ghex/index.html b/help/HTML/uk/ghex/index.html
new file mode 100644
index 0000000..03c5856
--- /dev/null
+++ b/help/HTML/uk/ghex/index.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="uk.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="uk" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Переглядати вміст файла у форматах ASCII і шістнадцятковому форматі 
одночасно.</p></li>
+<li class="list"><p class="p">Редагувати файл у форматі ASCII або шістнадцятковому форматі.</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" title="Параметри"><span 
class="title">Параметри</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Про програму</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Автори</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/uk/ghex/tools-chartable.html b/help/HTML/uk/ghex/tools-chartable.html
new file mode 100644
index 0000000..75c7672
--- /dev/null
+++ b/help/HTML/uk/ghex/tools-chartable.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="uk.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="uk" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Докладніше</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Про програму</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Автори</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/uk/ghex/tools-converter.html b/help/HTML/uk/ghex/tools-converter.html
new file mode 100644
index 0000000..60cc9db
--- /dev/null
+++ b/help/HTML/uk/ghex/tools-converter.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="uk.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="uk" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">Докладніше</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">Про програму</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">Автори</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/uk/ghex/uk.css b/help/HTML/uk/ghex/uk.css
new file mode 100644
index 0000000..176f46f
--- /dev/null
+++ b/help/HTML/uk/ghex/uk.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '«';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 0.5em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/HTML/uk/ghex/yelp.js b/help/HTML/uk/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/uk/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/zh_CN/ghex/advanced-clipboard.html b/help/HTML/zh_CN/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..73d32a4
--- /dev/null
+++ b/help/HTML/zh_CN/ghex/advanced-clipboard.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="zh-CN.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-CN" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">更多信息</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">关于</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">编写者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_CN/ghex/basics-create-new-file.html 
b/help/HTML/zh_CN/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..1e1b651
--- /dev/null
+++ b/help/HTML/zh_CN/ghex/basics-create-new-file.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="zh-CN.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-CN" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">更多信息</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">关于</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">编写者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_CN/ghex/basics-edit-file.html b/help/HTML/zh_CN/ghex/basics-edit-file.html
new file mode 100644
index 0000000..272bf1f
--- /dev/null
+++ b/help/HTML/zh_CN/ghex/basics-edit-file.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="zh-CN.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-CN" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">使用以下任意方法可以在文件中移动光标：</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">更多信息</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">关于</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">编写者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_CN/ghex/basics-find-replace.html b/help/HTML/zh_CN/ghex/basics-find-replace.html
new file mode 100644
index 0000000..eea8eda
--- /dev/null
+++ b/help/HTML/zh_CN/ghex/basics-find-replace.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="zh-CN.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-CN" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">更多信息</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">关于</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">编写者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_CN/ghex/basics-open-file.html b/help/HTML/zh_CN/ghex/basics-open-file.html
new file mode 100644
index 0000000..f430bfd
--- /dev/null
+++ b/help/HTML/zh_CN/ghex/basics-open-file.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="zh-CN.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-CN" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">更多信息</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">关于</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">编写者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_CN/ghex/basics-save-file.html b/help/HTML/zh_CN/ghex/basics-save-file.html
new file mode 100644
index 0000000..e90c5e5
--- /dev/null
+++ b/help/HTML/zh_CN/ghex/basics-save-file.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="zh-CN.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-CN" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">更多信息</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">关于</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">编写者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_CN/ghex/conf-grouptype.html b/help/HTML/zh_CN/ghex/conf-grouptype.html
new file mode 100644
index 0000000..4a787f9
--- /dev/null
+++ b/help/HTML/zh_CN/ghex/conf-grouptype.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="zh-CN.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-CN" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" 
title="首选项">首选项</a></span> dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">更多信息</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">关于</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">编写者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_CN/ghex/conf-preferences.html b/help/HTML/zh_CN/ghex/conf-preferences.html
new file mode 100644
index 0000000..fb66aab
--- /dev/null
+++ b/help/HTML/zh_CN/ghex/conf-preferences.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>首选项</title>
+<link rel="stylesheet" type="text/css" href="zh-CN.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-CN" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">首选项</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">显示</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">字体</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">打印</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">更多信息</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">关于</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">编写者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_CN/ghex/index.html b/help/HTML/zh_CN/ghex/index.html
new file mode 100644
index 0000000..22db12d
--- /dev/null
+++ b/help/HTML/zh_CN/ghex/index.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="zh-CN.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-CN" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">同时以 ASCII 或十六进制格式查看文件。</p></li>
+<li class="list"><p class="p">以 ASCII 或十六进制格式编辑文件。</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" title="首选项"><span 
class="title">首选项</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">关于</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">编写者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_CN/ghex/tools-chartable.html b/help/HTML/zh_CN/ghex/tools-chartable.html
new file mode 100644
index 0000000..7e42179
--- /dev/null
+++ b/help/HTML/zh_CN/ghex/tools-chartable.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="zh-CN.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-CN" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">更多信息</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">关于</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">编写者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_CN/ghex/tools-converter.html b/help/HTML/zh_CN/ghex/tools-converter.html
new file mode 100644
index 0000000..dd03309
--- /dev/null
+++ b/help/HTML/zh_CN/ghex/tools-converter.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="zh-CN.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-CN" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">更多信息</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">关于</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">编写者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_CN/ghex/yelp.js b/help/HTML/zh_CN/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/zh_CN/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/zh_CN/ghex/zh-CN.css b/help/HTML/zh_CN/ghex/zh-CN.css
new file mode 100644
index 0000000..767847f
--- /dev/null
+++ b/help/HTML/zh_CN/ghex/zh-CN.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '“';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 1em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/HTML/zh_TW/ghex/advanced-clipboard.html b/help/HTML/zh_TW/ghex/advanced-clipboard.html
new file mode 100644
index 0000000..739125a
--- /dev/null
+++ b/help/HTML/zh_TW/ghex/advanced-clipboard.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Clipboard features</title>
+<link rel="stylesheet" type="text/css" href="zh-TW.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-TW" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#advanced" title="Advanced topics">Advanced topics</a> » 
</div></div></div></header><article><div class="hgroup pagewide"><h1 class="title"><span 
class="title">Clipboard features</span></h1></div>
+<div class="region">
+<div class="contents pagewide"><p class="p">As copying and pasting hexadecimal values is not a standard 
operation in most
+ applications, GHex has some unique clipboard features. </p></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basic clipboard 
operations</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Generally, when copying and pasting data within GHex, you need not concern
+  yourself with clipboard operations.</p>
+<p class="p">Copying and pasting within GHex works in the usual way.</p>
+<p class="p">To cut or copy data, highlight the data you would like to cut or copy, and do
+  any of the following:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click anywhere in the hex or ASCII pane to bring up the context menu,
+    and select the appropriate option.</p></li>
+<li class="list"><p class="p">To cut, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>X</kbd></span></span>.</p></li>
+<li class="list"><p class="p">To copy, press <span class="keyseq"><span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">To paste data:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Right-click to bring up the context menu, and click <span 
class="gui">Paste</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id="paste-special"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Paste Special</span></h2></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">If you have used other applications, such as text editors or word processors
+  with a Paste Special dialog, you may be familiar with this feature.</p>
+<p class="p">To activate the Paste Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Paste Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>V</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when <span class="gui">Paste Special</span> is activated are 
context-dependent.</p>
+<p class="p">The most common options are described below.</p>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">GHex Paste Data</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This option will only appear if your current 
clipboard selection contains data
+   copied directly from GHex. This represents clipboard data native to GHex, and
+   will be pasted into the application as if you had utilized an ordinary
+   <span class="gui">Paste</span> operation.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as ASCII)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be plain ASCII text.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (Unicode)</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to paste the data from the 
clipboard into the GHex buffer,
+   forcing GHex to assume the pasted data will be text encoded in UTF-8 format.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Plain text (as space-delimited hex 
pairs)</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This unique option assumes that GHex can expect to receive plain, ASCII text
+   that is specifically formatted as hex nibble-pairs, separated by a single space
+   each.</p>
+<p class="p">This allows hexadecimal data to be pasted back into GHex cleanly.</p>
+<p class="p">For example, if <span class="code">48 45 4C 4C 4F</span> is in the clipboard, selecting this
+   option will implicitly convert this hex sequence to an ASCII character sequence
+   (in this case, "HELLO"), and insert it into the GHex buffer.</p>
+<p class="p">This option can be combined with <span class="gui">Copy Special</span> to allow an external text
+   editor of your choice to edit hex data copied from GHex, and paste it back into
+   GHex cleanly.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Copy Special</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Unlike Paste Special, which is a feature present in many ordinary text
+  editors and word processors, Copy Special is a feature that was created
+  specifically for GHex, and thus may not be familiar to many users.</p>
+<p class="p">Copy Special allows you to copy data <span class="em">from</span> GHex into the format of your
+  choice. You may not need this feature unless you intend to paste data from GHex
+  into other applications, and would like minute control over how that is done.</p>
+<p class="p">To activate the Copy Special dialog in GHex:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click <span class="gui">Copy Special</span> from the <span 
class="gui">Edit</span> submenu of the <span class="gui">Main menu</span>; or</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>C</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">The options that appear when you activate Copy Special are:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">GHex Paste Data</p></li>
+<li class="list"><p class="p">Plain text (as ASCII)</p></li>
+<li class="list"><p class="p">Plain text (as space-delimited hex pairs)</p></li>
+<li class="list"><p class="p">Plain text (Unicode)</p></li>
+</ul></div></div></div>
+<p class="p">These options work as described above in the <span class="link"><a href="#paste-special" 
title="Paste Special">Paste Special</a></span> section
+  above, but in reverse. In other words, the data copied from GHex <span class="em">to</span> the
+  clipboard will be copied in the specified format.</p>
+<p class="p">This allows you to have control over how clipboard data copied from GHex will
+  be pasted <span class="em">into</span> other applications.</p>
+<p class="p">This is mostly intended to allow for space-delimited hex pairs to be edited in
+  third party applications and then pasted back to GHex cleanly. However, there
+  may be other interesting uses for this feature as well. Since GHex, like any
+  hex editor, is often used to edit unusual data types, there may be other times
+  in which it is desirable for the user to have full control over how the data
+  from the buffer is copied to the clipboard.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">更多資訊</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#advanced" title="Advanced topics">Advanced 
topics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">關於</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">撰寫者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_TW/ghex/basics-create-new-file.html 
b/help/HTML/zh_TW/ghex/basics-create-new-file.html
new file mode 100644
index 0000000..eaf6f81
--- /dev/null
+++ b/help/HTML/zh_TW/ghex/basics-create-new-file.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Create a new file</title>
+<link rel="stylesheet" type="text/css" href="zh-TW.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-TW" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Create a new file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">In GHex a new file can be created in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Select <span class="gui">New</span> from the <span class="gui">Main 
menu</span>.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>N</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When a new file is created, GHex will toggle <span class="gui">Insert Mode</span> on, so that 
you
+ may start adding data to your new file right away.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">更多資訊</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">關於</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">撰寫者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_TW/ghex/basics-edit-file.html b/help/HTML/zh_TW/ghex/basics-edit-file.html
new file mode 100644
index 0000000..368c57f
--- /dev/null
+++ b/help/HTML/zh_TW/ghex/basics-edit-file.html
@@ -0,0 +1,86 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Editing files</title>
+<link rel="stylesheet" type="text/css" href="zh-TW.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-TW" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Editing files</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Toggling the hex or ASCII 
panes</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">File can be edited in GHex from either the hex pane or the ASCII pane.</p>
+<p class="p">To focus either pane to accept your keystrokes, you may click on the appropriate pane, or:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Left</kbd></span></span> to focus the hex pane, and</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Alt</kbd></span>+<span 
class="key"><kbd>Right</kbd></span></span> to focus the ASCII pane.</p></li>
+</ul></div></div></div>
+<p class="p">請使用下列任一種方法，在檔案中移動游標：</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Use the scrollbar on the window and the mouse to select a byte by clicking on 
it.</p></li>
+<li class="list"><p class="p">Use the arrow keys, <span class="key"><kbd>Home</kbd></span>, <span 
class="key"><kbd>End</kbd></span>, <span class="key"><kbd>PageUp</kbd></span> or <span 
class="key"><kbd>PageDown</kbd></span> on the keyboard.</p></li>
+<li class="list"><p class="p">Choose <span class="gui">Jump to Byte</span> from the (Main menu) or press 
<span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>J</kbd></span></span>,
+    and enter the cursor offset as a decimal or hexadecimal value.
+    The format of the hexadecimal value must be 0x followed by the offset, for example 0x3.</p></li>
+</ul></div></div></div>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Editing the file using the hex or ASCII 
pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Edit the ASCII format in the same way you edit a normal text file.</p>
+<p class="p">To edit the hexadecimal format, use the values 0 to 9 and a to f. This
+  operation is not case-sensitive.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Insert mode</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p"><span class="gui">Insert Mode</span> can be toggled on or off by pressing <span 
class="key"><kbd>Insert</kbd></span>, or by
+  clicking the <span class="gui">Toggle insert mode</span> button in the status bar.</p>
+<p class="p">When <span class="gui">Insert Mode</span> is enabled, this means data will be added to the file 
as
+  opposed to replacing existing data.</p>
+<p class="p">Unlike traditional text editors, having <span class="gui">Insert Mode</span> <span 
class="em">off</span> is
+  considered the default state in GHex, given that hex editors are routinely used
+  to edit existing data in binary files that are very specifically laid out. In
+  some cases, such files may be of a fixed size and increasing or decreasing
+  their size may cause undefined or unwanted behaviour in applications that open
+  them.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">更多資訊</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">關於</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">撰寫者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_TW/ghex/basics-find-replace.html b/help/HTML/zh_TW/ghex/basics-find-replace.html
new file mode 100644
index 0000000..bcc9743
--- /dev/null
+++ b/help/HTML/zh_TW/ghex/basics-find-replace.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Find and replace</title>
+<link rel="stylesheet" type="text/css" href="zh-TW.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-TW" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Find and replace</span></h1></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id="find-pane"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">Most basic find operations in GHex can be done by utilizing the <span class="gui">Find</span> 
pane.</p>
+<p class="p">You may toggle the <span class="gui">Find</span> pane in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Find</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>F</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">In order to easily search for a string in either hex or ASCII format, the
+  <span class="gui">Find</span> pane acts like a miniature hex editor. You enter this string in the
+  same way you would edit a file as described in the <span class="link"><a href="basics-edit-file.html" 
title="Editing files">Editing files</a></span>
+  section.</p>
+<p class="p">To search for the next occurrence of the requested string in the file from the
+  current position of the cursor, click the <span class="gui">Find Next</span> button.</p>
+<p class="p">To search for the previous occurrence of the requested string in the file from
+  the current position of the cursor, click the <span class="gui">Find Previous</span> button.</p>
+<p class="p">Your search results will also be automatically highlighted in a different color
+  than the standard selection color.</p>
+<p class="p">You may close the <span class="gui">Find</span> pane by pressing <span 
class="key"><kbd>Esc</kbd></span> while it is focused, or
+  by clicking its own <span class="gui">Close</span> button in the bottom-right-hand corner of the
+  pane.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Find and Replace pane</span></h2></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">The <span class="gui">Find and Replace</span> pane works a lot like the <span 
class="gui">Find</span> pane, except
+  that it also allows you to replace the next string, or all strings in the file,
+  with string in the <span class="gui">Replace With</span> field.</p>
+<p class="p">To replace the next string from the cursor in the <span class="gui">Find String</span> field 
with
+  the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace</span>.</p>
+<p class="p">To replace all instances in the file of the string in the <span class="gui">Find String</span>
+  field with the string in the <span class="gui">Replace With</span> field, click <span class="gui">Replace 
All</span>.</p>
+<p class="p">In other respects, the <span class="gui">Find and Replace</span> pane works as described in the
+  <span class="link"><a href="#find-pane" title="Find pane">Find pane</a></span> section above.</p>
+</div></div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">更多資訊</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">關於</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">撰寫者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_TW/ghex/basics-open-file.html b/help/HTML/zh_TW/ghex/basics-open-file.html
new file mode 100644
index 0000000..778bc92
--- /dev/null
+++ b/help/HTML/zh_TW/ghex/basics-open-file.html
@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Open a file</title>
+<link rel="stylesheet" type="text/css" href="zh-TW.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-TW" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Open a file</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">You may open a file in GHex in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Click the <span class="gui">Open</span> button on the header bar.</p></li>
+<li class="list"><p class="p">Press <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>O</kbd></span></span>.</p></li>
+</ul></div></div></div>
+<p class="p">When you open a file, GHex will not automatically turn <span class="gui">Insert Mode</span> on.
+ This is so that data can be immediately edited in place as opposed to inserting
+ data, which will be what most users want to do when first opening a
+ pre-existing file.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">更多資訊</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">關於</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">撰寫者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_TW/ghex/basics-save-file.html b/help/HTML/zh_TW/ghex/basics-save-file.html
new file mode 100644
index 0000000..659a756
--- /dev/null
+++ b/help/HTML/zh_TW/ghex/basics-save-file.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Saving files</title>
+<link rel="stylesheet" type="text/css" href="zh-TW.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-TW" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#basics" title="Basics">Basics</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Saving files</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">To save a file in place, maintaining its filename and location, use the
+ <span class="gui">Save</span> operation by clicking the <span class="gui">Save</span> button on the header 
bar, or by
+ pressing <span class="keyseq"><span class="key"><kbd>Ctrl</kbd></span>+<span 
class="key"><kbd>s</kbd></span></span>.</p>
+<p class="p">To save a file to a filename of your choice, use the <span class="gui">Save As</span> operation 
by
+ clicking <span class="gui">Save As</span> in the <span class="gui">Main menu</span>, or by pressing
+ <span class="keyseq"><span class="key"><kbd>Shift</kbd></span>+<span 
class="key"><kbd>Ctrl</kbd></span>+<span class="key"><kbd>S</kbd></span></span>.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">更多資訊</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#basics" 
title="Basics">Basics</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">關於</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">撰寫者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_TW/ghex/conf-grouptype.html b/help/HTML/zh_TW/ghex/conf-grouptype.html
new file mode 100644
index 0000000..f7e337a
--- /dev/null
+++ b/help/HTML/zh_TW/ghex/conf-grouptype.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Hex data grouping</title>
+<link rel="stylesheet" type="text/css" href="zh-TW.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-TW" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Hex data grouping</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex allows data in the hex pane to be grouped in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Bytes (8-bit) <span class="em">this is the default</span></p></li>
+<li class="list"><p class="p">Words (16-bit)</p></li>
+<li class="list"><p class="p">Longwords (32-bit)</p></li>
+<li class="list"><p class="p">Quadwords (64-bit)</p></li>
+</ul></div></div></div>
+<p class="p">This setting may be changed in two ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">From the <span class="gui">Group Data As</span> submenu of the <span 
class="gui">Main menu</span>.</p></li>
+<li class="list"><p class="p">From the <span class="link"><a href="conf-preferences.html" 
title="個人喜好">個人喜好</a></span> dialog.</p></li>
+</ul></div></div></div>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">更多資訊</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">關於</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">撰寫者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_TW/ghex/conf-preferences.html b/help/HTML/zh_TW/ghex/conf-preferences.html
new file mode 100644
index 0000000..e633f44
--- /dev/null
+++ b/help/HTML/zh_TW/ghex/conf-preferences.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>個人喜好</title>
+<link rel="stylesheet" type="text/css" href="zh-TW.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-TW" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" href="index.html#conf" 
title="Configuration">Configuration</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">個人喜好</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">The GHex Preferences dialog is divided into two groups:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p"><span class="em">Display</span>, which pertains to what you see on-screen, 
and;</p></li>
+<li class="list"><p class="p"><span class="em">Printing</span>, which only affects how hexadecimal files 
will be printed on
+   paper, if GHex's printing features are utilized.</p></li>
+</ul></div></div></div>
+</div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">顯示</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">字型</span></h3></div>
+<div class="region"><div class="contents pagewide"><p class="p">This allows you to select a font of your 
choice for the hex/ASCII editor only.</p></div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Dark Mode</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to manually prefer the dark style.</p>
+<p class="p">By default, the <span class="gui">Use system default</span> checkbox is enabled, uses your
+   system-wide default for preferring a dark style, which disables the <span class="gui">Dark
+   Mode</span> switch from being turned on or off.</p>
+<p class="p">By de-selecting this checkbox, you may toggle the <span class="gui">Dark Mode</span> switch on 
or
+   off to manually prefer or not prefer a dark style. Toggling this switch will
+   take immediate effect, so you should be able to see instantaneously which style
+   you prefer for GHex.</p>
+<p class="p">If you want to go back to the system default, simply check the <span class="gui">User system
+   default</span> checkbox back on.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Hex Group Type</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This allows you to choose how data will be grouped in the hex pane of the
+   editor.</p>
+<p class="p">See <span class="link"><a href="conf-grouptype.html" title="Hex data grouping">Hex data 
grouping</a></span> for more details.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">列印</span></h2></div>
+<div class="region">
+<div class="contents pagewide"></div>
+<section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Fonts</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">This section allows you to choose the fonts you would like for hex printouts.</p>
+<p class="p"><span class="gui">Data font</span> will apply to the content of your hex document (ie, hex and
+   ASCII digits).</p>
+<p class="p"><span class="gui">Header font</span> will apply to the header on your printout, which will show
+   the document title and page number.</p>
+</div></div>
+</div></section><section id=""><div class="inner">
+<div class="hgroup pagewide"><h3 class="title"><span class="title">Shaded rows</span></h3></div>
+<div class="region"><div class="contents pagewide">
+<p class="p">If <span class="gui">Print alternating shaded rows</span> is selected, your printout will have
+   alternating rows of your hex and ASCII data printed out with a shaded grey
+   background to make reading each row easier.</p>
+<p class="p">Please note that this may use more printer ink/toner than leaving it disabled.</p>
+<p class="p"><span class="gui">Span across lines</span> allows you to customize how many lines will be 
shaded,
+   followed by not shaded, on a repaeated basis. Again, this is simply for ease of
+   reading. If you want shaded rows but are not sure what to specify here, leaving
+   it as the default, "1", should be fine.</p>
+</div></div>
+</div></section>
+</div>
+</div></section><section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">更多資訊</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#conf" 
title="Configuration">Configuration</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">關於</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">撰寫者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_TW/ghex/index.html b/help/HTML/zh_TW/ghex/index.html
new file mode 100644
index 0000000..088f944
--- /dev/null
+++ b/help/HTML/zh_TW/ghex/index.html
@@ -0,0 +1,71 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>GHex Help</title>
+<link rel="stylesheet" type="text/css" href="zh-TW.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-TW" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"></div></header><article><div class="hgroup pagewide"><h1 
class="title"><span class="title">GHex Help</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex is a simple hex editor.</p>
+<p class="p">GHex enables you to perform the following actions:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">同時以 ASCII 或十六進制格式檢視檔案。</p></li>
+<li class="list"><p class="p">以 ASCII 或十六進制格式編輯檔案。</p></li>
+</ul></div></div></div>
+</div>
+<section id="basics"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Basics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="basics-create-new-file.html" title="Create a new file"><span 
class="title">Create a new file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-edit-file.html" title="Editing files"><span 
class="title">Editing files</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-find-replace.html" title="Find and replace"><span 
class="title">Find and replace</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-open-file.html" title="Open a file"><span 
class="title">Open a file</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="basics-save-file.html" title="Saving files"><span 
class="title">Saving files</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="tools"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Tools</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="tools-converter.html" title="Base converter"><span 
class="title">Base converter</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="tools-chartable.html" title="Character table"><span 
class="title">Character table</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="conf"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Configuration</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs">
+<div class="linkdiv "><a class="linkdiv" href="conf-grouptype.html" title="Hex data grouping"><span 
class="title">Hex data grouping</span></a></div>
+<div class="linkdiv "><a class="linkdiv" href="conf-preferences.html" title="個人喜好"><span 
class="title">個人喜好</span></a></div>
+</div></div></div></div></div></div>
+</div></section><section id="advanced"><div class="inner">
+<div class="hgroup pagewide"><h2 class="title"><span class="title">Advanced topics</span></h2></div>
+<div class="region"><div class="contents pagewide"><div class="links topiclinks"><div class="inner"><div 
class="region"><div class="links-divs"><div class="linkdiv "><a class="linkdiv" 
href="advanced-clipboard.html" title="Clipboard features"><span class="title">Clipboard 
features</span></a></div></div></div></div></div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">關於</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">撰寫者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_TW/ghex/tools-chartable.html b/help/HTML/zh_TW/ghex/tools-chartable.html
new file mode 100644
index 0000000..5775609
--- /dev/null
+++ b/help/HTML/zh_TW/ghex/tools-chartable.html
@@ -0,0 +1,66 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Character table</title>
+<link rel="stylesheet" type="text/css" href="zh-TW.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-TW" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Character table</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a handy table of many standard ASCII characters so as to allow
+ you to easily insert such characters into a file without having to memorize its
+ decimal or hexidecimal character code.</p>
+<p class="p">You may access the character table by selecting <span class="gui">Character Table</span> from 
the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the character table is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">The columns showing the values in various formats such as ASCII, hex, decimal,
+ etc., are for ease of reference.</p>
+<p class="p">The characters in the table can be navigated by clicking on them, or using the
+ keyboard, in the usual way. When you have highlighted a character you would
+ like to insert, you may insert that character into the file at the cursor
+ position in the following ways:</p>
+<div class="list"><div class="inner"><div class="region"><ul class="list">
+<li class="list"><p class="p">Press <span class="key"><kbd>Enter</kbd></span> or double-click on the 
character you would like to insert.</p></li>
+<li class="list"><p class="p">Click the <span class="gui">Insert Character</span> button.</p></li>
+</ul></div></div></div>
+<p class="p">The character table can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">更多資訊</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">關於</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">撰寫者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_TW/ghex/tools-converter.html b/help/HTML/zh_TW/ghex/tools-converter.html
new file mode 100644
index 0000000..c2a14d0
--- /dev/null
+++ b/help/HTML/zh_TW/ghex/tools-converter.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+<title>Base converter</title>
+<link rel="stylesheet" type="text/css" href="zh-TW.css">
+<script type="text/javascript" src="highlight.pack.js"></script><script>
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('code.syntax')
+  for (var i = 0; i < matches.length; i++) {
+    hljs.highlightBlock(matches[i]);
+  }
+}, false);</script><script type="text/javascript" src="yelp.js"></script>
+</head>
+<body lang="zh-TW" dir="ltr"><main><div class="page">
+<header><div class="inner pagewide"><div class="trails" role="navigation"><div class="trail">
+<a class="trail" href="index.html" title="GHex Help">GHex Help</a> › <a class="trail" 
href="index.html#tools" title="Tools">Tools</a> » </div></div></div></header><article><div class="hgroup 
pagewide"><h1 class="title"><span class="title">Base converter</span></h1></div>
+<div class="region">
+<div class="contents pagewide">
+<p class="p">GHex includes a base converter tool which can either be used as a standalone
+ tool to convert values from one format to another, or to obtain the value
+ pointed to by the cursor and to convert that value into various formats.</p>
+<p class="p">You may access the base converter by selecting <span class="gui">Base Converter</span> from the
+ <span class="gui">Tools</span> submenu of the <span class="gui">Main menu</span>.</p>
+<p class="p">While the base converter is open, you may still select the hex editor and move
+ the cursor around, as per usual.</p>
+<p class="p">To convert the value at the cursor position, click the <span class="gui">Get cursor value</span>
+ button.</p>
+<p class="p">To convert a value manually, you may type it into any of the fields in the
+ format delimited therein (clearing any pre-existing value as necessary), and
+ press <span class="key"><kbd>Enter</kbd></span>.</p>
+<p class="p">If you have entered an invalid value, "ERROR" will appear in the field. This
+ error is not fatal and just indicates that an unrecognized value was entered.
+ Simply enter a valid value, or click <span class="gui">Get cursor value</span> to grab the cursor
+ value and to get some examples of valid values, and try again.</p>
+<p class="p">The base converter can be closed by clicking the <span class="gui">Close</span> button.</p>
+</div>
+<section class="links" role="navigation"><div class="inner">
+<div class="hgroup pagewide"></div>
+<div class="contents pagewide"><div class="links guidelinks"><div class="inner">
+<div class="title"><h2><span class="title">更多資訊</span></h2></div>
+<div class="region"><ul><li class="links "><a href="index.html#tools" title="Tools">Tools</a></li></ul></div>
+</div></div></div>
+</div></section>
+</div>
+<div class="clear"></div></article><footer><div class="inner pagewide"><div class="about ui-expander" 
role="contentinfo">
+<div class="yelp-data yelp-data-ui-expander" data-yelp-expanded="false"></div>
+<div class="inner">
+<div class="hgroup"><h2><span class="title">關於</span></h2></div>
+<div class="region"><div class="contents">
+<div class="copyrights"><div class="copyright">© 2022 Logan Rathbone</div></div>
+<div class="credits">
+<div class="credits-authors">
+<div class="title"><span class="title">撰寫者</span></div>
+<ul class="credits"><li>Logan Rathbone</li></ul>
+</div>
+<div class="credits-blank"></div>
+<div class="credits-blank"></div>
+</div>
+</div></div>
+</div>
+</div></div></footer>
+</div></main></body>
+</html>
diff --git a/help/HTML/zh_TW/ghex/yelp.js b/help/HTML/zh_TW/ghex/yelp.js
new file mode 100644
index 0000000..141244f
--- /dev/null
+++ b/help/HTML/zh_TW/ghex/yelp.js
@@ -0,0 +1,450 @@
+
+document.addEventListener('DOMContentLoaded', function() {
+  var yelp_hash_highlight = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        sect.classList.add('yelp-hash-highlight');
+        window.setTimeout(function () {
+          sect.classList.remove('yelp-hash-highlight');
+        }, 500);
+      }
+    }
+  }
+  window.addEventListener('hashchange', yelp_hash_highlight, false);
+  yelp_hash_highlight();
+}, false);
+
+var __yelp_generate_id_counter__ = 0;
+function yelp_generate_id () {
+  var ret = 'yelp--' + (++__yelp_generate_id_counter__).toString();
+  if (document.getElementById(ret) != null)
+    return yelp_generate_id();
+  else
+    return ret;
+};
+function yelp_ui_expander_init (expander) {
+  var yelpdata = null;
+  var innerdiv = null;
+  var region = null;
+  var contents = null;
+  var title = null;
+  var title_e = null;
+  var title_c = null;
+  var titlespan = null;
+  var issect = false;
+  for (var i = 0; i < expander.children.length; i++) {
+    var child = expander.children[i];
+    if (child.classList.contains('yelp-data-ui-expander')) {
+      yelpdata = child;
+    }
+    else if (child.classList.contains('inner')) {
+      innerdiv = child;
+    }
+  }
+  if (innerdiv == null) {
+    return;
+  }
+  for (var i = 0; i < innerdiv.children.length; i++) {
+    var child = innerdiv.children[i];
+    if (child.classList.contains('region')) {
+      region = child;
+    }
+    else if (child.classList.contains('title')) {
+      title = child;
+    }
+    else if (child.classList.contains('hgroup')) {
+      title = child;
+      issect = true;
+    }
+  }
+  if (region == null || title == null) {
+    return;
+  }
+  if (!region.hasAttribute('id')) {
+    region.setAttribute('id', yelp_generate_id());
+  }
+  title.setAttribute('aria-controls', region.getAttribute('id'));
+
+  if (yelpdata != null) {
+    for (var i = 0; i < yelpdata.children.length; i++) {
+      var child = yelpdata.children[i];
+      if (child.classList.contains('yelp-title-expanded')) {
+        title_e = child;
+      }
+      else if (child.classList.contains('yelp-title-collapsed')) {
+        title_c = child;
+      }
+    }
+  }
+  titlespan = title.querySelector('span.title');
+  if (titlespan == null) {
+    return;
+  }
+  if (title_e == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-expanded';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_e = node;
+  }
+  if (title_c == null) {
+    var node = document.createElement('div');
+    node.className = 'yelp-title-collapsed';
+    node.innerHTML = titlespan.innerHTML;
+    yelpdata.appendChild(node);
+    title_c = node;
+  }
+
+  var ui_expander_zoom_region = function (event) {
+    if (yelpdata.getAttribute('data-yelp-expanded') != 'false') {
+      ui_expander_toggle();
+      event.preventDefault();
+    }
+  }
+  if (expander.nodeName == 'section' || expander.nodeName == 'SECTION') {
+    for (var i = 0; i < region.children.length; i++) {
+      var child = region.children[i];
+      if (child.classList.contains('contents')) {
+        contents = child;
+        break;
+      }
+    }
+    contents.addEventListener('click', ui_expander_zoom_region, true);
+  }
+  else {
+    region.addEventListener('click', ui_expander_zoom_region, true);
+  }
+
+  var ui_expander_toggle = function () {
+    if (yelpdata.getAttribute('data-yelp-expanded') == 'false') {
+      yelpdata.setAttribute('data-yelp-expanded', 'true');
+      expander.classList.remove('ui-expander-e');
+      expander.classList.add('ui-expander-c');
+      region.setAttribute('aria-expanded', 'false');
+      if (title_c != null)
+        titlespan.innerHTML = title_c.innerHTML;
+    }
+    else {
+      yelpdata.setAttribute('data-yelp-expanded', 'false');
+      expander.classList.remove('ui-expander-c');
+      expander.classList.add('ui-expander-e');
+      region.setAttribute('aria-expanded', 'true');
+      if (title_e != null)
+        titlespan.innerHTML = title_e.innerHTML;
+    }
+  };
+  expander.yelp_ui_expander_toggle = ui_expander_toggle;
+  title.addEventListener('click', ui_expander_toggle, false);
+  ui_expander_toggle();
+}
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('.ui-expander');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_ui_expander_init(matches[i]);
+  }
+  var yelp_hash_ui_expand = function () {
+    if (location.hash != '') {
+      var sect = document.querySelector(location.hash);
+      if (sect != null) {
+        for (var cur = sect; cur instanceof Element; cur = cur.parentNode) {
+          if (cur.classList.contains('ui-expander')) {
+            if (cur.classList.contains('ui-expander-c')) {
+              cur.yelp_ui_expander_toggle();
+            }
+          }
+        }
+        sect.scrollIntoView();
+      }
+    }
+  };
+  window.addEventListener('hashchange', yelp_hash_ui_expand, false);
+  yelp_hash_ui_expand();
+}, false);
+
+yelp_color_text_light = 'rgb(75,75,73)';
+yelp_color_gray_background = 'rgb(244,244,244)';
+yelp_color_gray_border = '#c0bfbc';
+function yelp_figure_init (figure) {
+  var zoom = figure.querySelector('a.figure-zoom');
+
+  var figure_resize = function () {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    var imgs = figure.querySelectorAll('img');
+    for (var i = 0; i < imgs.length; i++) {
+      var img = imgs[i];
+      var mediaDiv = null;
+      for (var cur = img; cur instanceof Element; cur = cur.parentNode) {
+        if ((cur.nodeName == 'div' || cur.nodeName == 'DIV') &&
+            cur.classList.contains('media')) {
+          mediaDiv = cur;
+          break;
+        }
+      }
+      if (mediaDiv == null)
+        continue;
+      if (!img.hasAttribute('data-yelp-original-width')) {
+        var iwidth = null;
+        if (img.hasAttribute('width'))
+          iwidth = parseInt(img.getAttribute('width'));
+        else
+          iwidth = img.width;
+        img.setAttribute('data-yelp-original-width', iwidth);
+        var iheight = null;
+        if (img.hasAttribute('height'))
+          iheight = parseInt(img.getAttribute('height'));
+        else
+          iheight = img.height * (iwidth / img.width);
+        img.setAttribute('data-yelp-original-height', iheight);
+      }
+      var owidth = img.width;
+      var oheight = img.height;
+      img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+      img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+      var mediaw = mediaDiv.offsetWidth;
+      img.width = owidth;
+      img.height = oheight;
+      if (parseInt(img.getAttribute('data-yelp-original-width')) <= mediaw) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'none';
+      }
+      else if (zoomed) {
+        img.width = parseInt(img.getAttribute('data-yelp-original-width'));
+        img.height = parseInt(img.getAttribute('data-yelp-original-height'));
+        zoom.style.display = 'block';
+      }
+      else {
+        img.width = mediaw;
+        img.height = (parseInt(img.getAttribute('data-yelp-original-height')) *
+                      img.width /
+                      parseInt(img.getAttribute('data-yelp-original-width')));
+        zoom.style.display = 'block';
+      }
+    }
+  }
+  figure.yelp_figure_resize = figure_resize;
+  figure.yelp_figure_resize();
+
+  zoom.onclick = function (e) {
+    var zoomed = zoom.classList.contains('figure-zoomed');
+    if (zoomed)
+      zoom.classList.remove('figure-zoomed');
+    else
+      zoom.classList.add('figure-zoomed');
+    figure.yelp_figure_resize();
+    return false;
+  };
+}
+window.addEventListener('load', function() {
+  var figures = document.querySelectorAll('div.figure');
+  for (var i = 0; i < figures.length; i++) {
+    if (figures[i].querySelector('img') != null)
+      yelp_figure_init(figures[i]);
+  }
+  var timeout = null;
+  var yelp_figures_resize = function () {
+    if (timeout != null)
+      return;
+    timeout = window.setTimeout(function () {
+      for (var i = 0; i < figures.length; i++) {
+        if (figures[i].querySelector('img') != null)
+          figures[i].yelp_figure_resize();
+      }
+      window.clearTimeout(timeout);
+      timeout = null;
+    }, 100);
+  };
+  window.addEventListener('resize', yelp_figures_resize, false);
+}, false);
+function yelp_media_init (media) {
+  media.removeAttribute('controls');
+  if (media.parentNode.classList.contains('links-tile-img')) {
+    return;
+  }
+
+  media.addEventListener('click', function () {
+    if (media.paused)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var controls = null;
+  for (var cur = media.nextSibling; cur instanceof Element; cur = cur.nextSibling) {
+    if (cur.classList.contains('media-controls')) {
+      controls = cur;
+      break;
+    }
+  }
+  if (controls == null) {
+    media.setAttribute('controls', 'controls');
+    return;
+  }
+  var playbutton = controls.querySelector('button.media-play');
+  playbutton.addEventListener('click', function () {
+    if (media.paused || media.ended)
+      media.play();
+    else
+      media.pause();
+  }, false);
+
+  var mediachange = function () {
+    if (media.ended)
+      media.pause()
+    if (media.paused) {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-play-label'));
+      playbutton.classList.remove('media-play-playing');
+    }
+    else {
+      playbutton.setAttribute('value', playbutton.getAttribute('data-pause-label'));
+      playbutton.classList.add('media-play-playing');
+    }
+  }
+  media.addEventListener('play', mediachange, false);
+  media.addEventListener('pause', mediachange, false);
+  media.addEventListener('ended', mediachange, false);
+
+  var mediarange = controls.querySelector('input.media-range');
+  mediarange.addEventListener('input', function () {
+    var pct = this.value;
+    if (pct < 0)
+      pct = 0;
+    if (pct > 100)
+      pct = 100;
+    media.currentTime = (pct / 100.0) * media.duration;
+  }, false);
+  var curspan = controls.querySelector('span.media-current');
+  var durspan = controls.querySelector('span.media-duration');
+  var durationUpdate = function () {
+    if (!isNaN(media.duration)) {
+      mins = parseInt(media.duration / 60);
+      secs = parseInt(media.duration - (60 * mins));
+      durspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    }
+  };
+  media.addEventListener('durationchange', durationUpdate, false);
+
+  var ttmlDiv = null;
+  var ttmlNodes = null;
+  for (var i = 0; i < media.parentNode.children.length; i++) {
+    var child = media.parentNode.children[i];
+    if (child.classList.contains('media-ttml'))
+      ttmlDiv = child;
+  }
+  if (ttmlDiv != null) {
+    ttmlNodes = ttmlDiv.querySelectorAll('.media-ttml-node');
+  }
+
+  var timeUpdate = function () {
+    var pct = (media.currentTime / media.duration) * 100;
+    mediarange.value = pct;
+    var mins = parseInt(media.currentTime / 60);
+    var secs = parseInt(media.currentTime - (60 * mins))
+    curspan.textContent = (mins + (secs < 10 ? ':0' : ':') + secs);
+    if (ttmlNodes != null) {
+      for (var i = 0; i < ttmlNodes.length; i++) {
+        var ttml = ttmlNodes[i];
+        if (media.currentTime >= parseFloat(ttml.getAttribute('data-ttml-begin')) &&
+            (!ttml.hasAttribute('data-ttml-end') ||
+             media.currentTime < parseFloat(ttml.getAttribute('data-ttml-end')) )) {
+          if (ttml.tagName == 'span' || ttml.tagName == 'SPAN')
+            ttml.style.display = 'inline';
+          else
+            ttml.style.display = 'block';
+        }
+        else {
+          ttml.style.display = 'none';
+        }
+      }
+    }
+  };
+  media.addEventListener('timeupdate', timeUpdate, false);
+};
+document.addEventListener('DOMContentLoaded', function() {
+  var matches = document.querySelectorAll('video, audio');
+  for (var i = 0; i < matches.length; i++) {
+    yelp_media_init(matches[i]);
+  }
+}, false);
+
+document.addEventListener('DOMContentLoaded', function() {
+  var tiles = document.querySelectorAll('div.links-tile');
+  for (var i = 0; i < tiles.length; i++) {
+    (function (tile) {
+      if (!tile.parentNode.classList.contains('links-tiles') &&
+          (tile.nextElementSibling &&
+           tile.nextElementSibling.classList.contains('links-tile')) &&
+          !(tile.previousElementSibling &&
+            tile.previousElementSibling.classList.contains('links-tile'))) {
+        var tilesdiv = document.createElement('div');
+        tilesdiv.className = 'links-tiles';
+        tile.parentNode.insertBefore(tilesdiv, tile);
+        var cur = tile;
+        while (cur && cur.classList.contains('links-tile')) {
+          var curcur = cur;
+          cur = cur.nextElementSibling;
+          tilesdiv.appendChild(curcur);
+        }
+        for (j = 0; j < 2; j++) {
+          var paddiv = document.createElement('div');
+          paddiv.className = 'links-tile';
+          tilesdiv.appendChild(paddiv);
+        }
+      }
+    })(tiles[i]);
+  }
+});
+document.addEventListener('DOMContentLoaded', function() {
+  var overlays = document.querySelectorAll('a.ui-overlay');
+  for (var i = 0; i < overlays.length; i++) {
+    (function (ovlink) {
+      var overlay = ovlink.parentNode.querySelector('div.ui-overlay');
+      var ui_overlay_show = function (ev) {
+        overlay.style.display = 'block';
+        overlay.classList.add('ui-overlay-show');
+        var screen = document.querySelector('div.ui-overlay-screen');
+        if (screen == null) {
+          screen = document.createElement('div');
+          screen.className = 'ui-overlay-screen';
+          document.body.appendChild(screen);
+        }
+        var inner = overlay.querySelector('div.inner');
+        var close = inner.querySelector('a.ui-overlay-close');
+        var media = inner.querySelectorAll('audio, video');
+
+        var overlay_play_func = function () {
+          for (var j = 0; j < media.length; j++) {
+            media[j].play();
+          }
+        };
+        var overlay_play_timeout = window.setTimeout(overlay_play_func, 1000);
+
+        var ui_overlay_funcs = {};
+        ui_overlay_funcs['hide'] = function () {
+          overlay.style.display = 'none';
+          document.body.removeChild(screen);
+          document.removeEventListener('keydown', ui_overlay_funcs['keydown'], false);
+          for (var j = 0; j < media.length; j++) {
+            media[j].pause();
+          }
+          window.clearTimeout(overlay_play_timeout);
+        };
+        ui_overlay_funcs['hideclick'] = function (uiev) {
+          ui_overlay_funcs['hide']();
+          uiev.preventDefault();
+        };
+        ui_overlay_funcs['keydown'] = function (uiev) {
+          if (uiev.keyCode == 27) {
+            ui_overlay_funcs['hide']();
+          }
+        };
+        screen.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        close.addEventListener('click', ui_overlay_funcs['hideclick'], false);
+        document.addEventListener('keydown', ui_overlay_funcs['keydown'], false);
+        ev.preventDefault();
+      };
+      ovlink.addEventListener('click', ui_overlay_show, false);
+    })(overlays[i]);
+  }
+});
diff --git a/help/HTML/zh_TW/ghex/zh-TW.css b/help/HTML/zh_TW/ghex/zh-TW.css
new file mode 100644
index 0000000..767847f
--- /dev/null
+++ b/help/HTML/zh_TW/ghex/zh-TW.css
@@ -0,0 +1,1457 @@
+
+html { height: 100%; }
+body {
+  font-family: sans-serif;
+  margin: 0; padding: 0;
+  background-color: #ffffff;
+  color: #000000;
+  direction: ltr;
+}
+article, aside, nav, header, footer, section {
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+main {
+  display: flex;
+  flex-flow: row;
+}
+main > * {
+  flex: 0 0 220px;
+}
+main > div.page {
+  flex-grow: 1;
+  margin: 0;
+  display: flex;
+  flex-flow: column;
+  align-items: stretch;
+  justify-content: flex-start;
+  min-height: 100vh;
+}
+div.page > article { flex: 1 0 auto; }
+div.page > header, div.page > footer { flex: 0 1 auto; }
+.pagewide {
+  max-width: 1060px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 10px;
+  padding-right: 10px;
+}
+aside.sidebar {
+  width: 300px;
+  padding: 20px 10px;
+  background: rgb(244,244,244)
+}
+@media only screen and (max-width: 720px) {
+  aside.sidebar {
+    display: none;
+  }
+}
+aside.sidebar-right { order: 3; }
+aside.sidebar section { margin-top: 0; }
+aside.sidebar * { margin-bottom: 20px; }
+aside.sidebar section > div.inner > div.hgroup {
+  border-bottom: none;
+}
+aside.sidebar section h2 {
+  font-size: 1em;
+  margin-bottom: 0;
+}
+article {
+  padding-top: 10px;
+  padding-bottom: 10px;
+  min-height: 20em;
+  background-color: #ffffff;
+}
+section {
+  margin-top: 2.4em;
+  clear: both;
+}
+section section {
+  margin-top: 1.44em;
+}
+.yelp-hash-highlight {
+  animation-name: yelp-hash-highlight;
+  animation-duration: 0.5s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-hash-highlight {
+  from { transform: translateY(0px) }
+  25%  { transform: translateY(20px); }
+  50%  { transform: translateY(0); }
+  75%  { transform: translateY(10px); }
+  to   { transform: translateY(0px); }
+}
+div.trails {
+  margin: 0 -10px 0 -10px;
+  padding: 0.2em 10px;
+  background-color: rgb(244,244,244);
+}
+div.trail {
+  margin: 0.2em 0;
+  padding: 0 1em 0 1em;
+  text-indent: -1em;
+  color: rgb(75,75,73);
+}
+a.trail { white-space: nowrap; }
+div.hgroup {
+  margin-bottom: 0.5em;
+  color: rgb(75,75,73);
+}
+section > div.inner > div.hgroup {
+  margin-top: 0;
+  border-bottom: solid 1px #c0bfbc;
+}
+section.links > div.inner > div.hgroup {
+  border-bottom: solid 2px rgb(43,107,185);
+}
+section section.links > div.inner > div.hgroup {
+  border: none;
+}
+h1, h2, h3, h4, h5, h6, h7 {
+  margin: 0; padding: 0;
+  font-weight: normal;
+}
+h1 { font-size: 2.4em; }
+h2 { font-size: 1.72em; }
+h3.title, h4.title, h5.title, h6.title, h7.title { font-size: 1.44em; }
+h3, h4, h5, h6, h7 { font-size: 1em; }
+p { line-height: 1.44em; }
+div, pre, p { margin: 0; padding: 0; }
+div.contents > * + *,
+th > * + *, td > * + *,
+dt > * + *, dd > * + *,
+li > * + * { margin-top: 1em; }
+p img { vertical-align: middle; }
+p.lead { font-size: 1.2em; }
+div.clear {
+  margin: 0; padding: 0;
+  height: 0; line-height: 0;
+  clear: both;
+}
+.center { text-align: center; }
+
+footer { background: #ddd; }
+footer div.about {
+  max-width: 700px;
+  margin: 0 auto;
+}
+footer div.about > div.inner > div.hgroup {
+  margin: 0; padding: 0;
+  text-align: center;
+  border: none;
+}
+footer div.about > div.inner > div.hgroup > h2 {
+  margin: 0; padding: 0.2em;
+  font-size: inherit;
+}
+footer div.about.ui-expander > div.inner > div.hgroup span.title:before {
+  content: "";
+}
+div.copyrights { text-align: center; }
+div.copyright { margin: 0; }
+div.credits {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  margin: 0 -10px;
+}
+div.credits > * {
+  vertical-align: top;
+  text-align: left;
+  flex: 1 0 300px;
+  padding: 10px;
+}
+div.credits > *:empty { padding: 0; height: 0; }
+ul.credits, ul.credits li {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+ul.credits li {
+  margin-left: 1em;
+  text-indent: -1em;
+}
+div.license {
+  padding-bottom: 10px;
+}
+
+table {
+  border-collapse: collapse;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+td, th {
+  padding: 0.5em;
+  vertical-align: top;
+  border-color: #c0bfbc;
+  border-width: 1px;
+}
+thead td, thead th, tfoot td, tfoot th {
+  font-weight: bold;
+  color: rgb(75,75,73);
+  background-color: rgb(234,234,233);
+}
+th {
+  text-align: left;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+
+ul, ol, dl { margin: 0; padding: 0; }
+li {
+  margin: 1em 0 0 0;
+  margin-left: 2.4em;
+  padding: 0;
+}
+li:first-child { margin-top: 0; }
+@media (max-width: 480px) {
+  li {
+    margin-left: 1.44em;
+  }
+}
+dt { margin-top: 1em; }
+dt:first-child { margin-top: 0; }
+dt + dt { margin-top: 0; }
+dd {
+  margin: 0.2em 0 0 0;
+  margin-left: 1.44em;
+}
+dd + dd { margin-top: 1em; }
+ol.compact li { margin-top: 0.2em; }
+ul.compact li { margin-top: 0.2em; }
+ol.compact li:first-child { margin-top: 0; }
+ul.compact li:first-child { margin-top: 0; }
+dl.compact dt { margin-top: 0.2em; }
+dl.compact dt:first-child { margin-top: 0; }
+dl.compact dt + dt { margin-top: 0; }
+
+div.tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.tiles > * {
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+  max-width: none;
+}
+div.tiles > *:empty { padding: 0 10px; height: 0; }
+div.tile4 { flex: 1 0 250px; }
+div.tile3 { flex: 1 0 340px; }
+div.tile2 { flex: 1 0 520px; }
+div.tile1 { flex: 1 0 1060px; }
+
+a {
+  text-decoration: none;
+  color: rgb(43,107,185);
+}
+a:visited { color: rgb(147,64,167); }
+a:hover {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+p a {
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+a img { border: none; }
+
+.yelp-svg-fill {
+  fill: rgb(75,75,73);
+}
+.yelp-svg-stroke {
+  stroke: rgb(75,75,73);
+}
+div.title {
+  margin: 0 0 0.2em 0;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+div.title h1, div.title h2, div.title h3, div.title h4, div.title h5, div.title h6 {
+  margin: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+div.desc { margin: 0 0 0.2em 0; }
+div.contents + div.desc { margin: 0.2em 0 0 0; }
+pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+}
+div.links-center { text-align: center; }
+div.links .desc { color: rgb(102,102,100); }
+div.links > div.inner > div.region > div.desc { font-style: italic; }
+div.links ul { margin: 0; padding: 0; }
+div.links ul ul {
+  margin-left: 1em;
+}
+li.links {
+  margin: 0.5em 0 0.5em 0;
+  padding: 0;
+  list-style-type: none;
+}
+li.links-head {
+  margin-top: 1em;
+  color: rgb(102,102,100);
+  border-bottom: solid 1px #c0bfbc;
+}
+div.sectionlinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.sectionlinks ul { margin: 0; }
+div.sectionlinks li { padding: 0; }
+div.sectionlinks div.title { margin: 0.5em 0 0.5em 0; }
+div.sectionlinks div.sectionlinks {
+  display: block;
+  margin: 0.5em 0 0 0;
+  padding: 0;
+  border: none;
+}
+div.sectionlinks div.sectionlinks li {
+  padding-left: 1.44em;
+}
+nav.prevnext { clear: both; }
+div.region > nav.prevnext, div.region + nav.prevnext { margin-top: 1em; }
+nav.prevnext > div.inner { float: right; }
+nav.prevnext > div.inner > * {
+  background-color: rgb(244,244,244);
+  display: inline-block;
+  position: relative;
+  height: 1.44em;
+  padding: 0.2em 0.83em 0 0.83em;
+  margin-bottom: 1em;
+  border: solid 1px #c0bfbc;
+}
+nav.prevnext > div.inner > span { visibility: hidden; }
+nav.prevnext > div.inner > a + a {
+  border-left: none;
+}
+nav.prevnext > div.inner > a:first-child {
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+nav.prevnext > div.inner > a:last-of-type {
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+div.serieslinks {
+  display: inline-block;
+  padding: 0 1em 0 1em;
+  background-color: rgb(241,246,253);
+  border: solid 1px rgb(43,107,185);
+}
+div.serieslinks ul { margin: 0; }
+div.serieslinks li { padding: 0; }
+div.serieslinks div.title { margin: 0.5em 0 0.5em 0; }
+pre.numbered {
+  margin: 0;
+  padding: 0.5em;
+  float: left;
+  margin-right: 0.5em;
+  text-align: right;
+  color: rgb(102,102,100);
+  background-color: rgb(253,251,233);
+}
+div.code {
+  border: solid 1px #c0bfbc;
+}
+div.example {
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+div.example > div.inner > div.region > div.desc { font-style: italic; }
+div.figure {
+  display: inline-block;
+  max-width: 100%;
+  margin-left: 1.72em;
+}
+div.figure > div.inner {
+  padding: 4px;
+  color: rgb(75,75,73);
+  border: solid 1px #c0bfbc;
+  background-color: rgb(244,244,244);
+}
+@media (max-width: 960px) {
+  div.figure {
+    margin-left: 0;
+  }
+}
+a.figure-zoom {
+  float: right;
+}
+a.figure-zoom:hover { border-bottom: none; }
+a.figure-zoom:hover .yelp-svg-fill { fill: #3584e4; }
+a.figure-zoom:hover .yelp-svg-stroke { stroke: #3584e4; }
+a.figure-zoom .figure-zoom-out { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-in { display: none; }
+a.figure-zoom.figure-zoomed .figure-zoom-out { display: inline-block; }
+div.figure > div.inner > div.region > div.contents {
+  margin: 0;
+  padding: 0.5em 1em 0.5em 1em;
+  clear: both;
+  text-align: center;
+  color: #000000;
+  border: solid 1px #c0bfbc;
+  background-color: #ffffff;
+}
+div.list > div.inner > div.title { margin-bottom: 0.5em; }
+div.listing > div.inner { margin: 0; padding: 0; }
+div.listing > div.inner > div.region > div.desc { font-style: italic; }
+div.note {
+  padding: 10px 0;
+  border: solid 1px rgb(234,234,233);
+  background-color: rgb(244,244,244);
+  display: flex;
+  flex-flow: row;
+}
+div.note > * { margin: 0 10px; padding: 0; min-height: 24px; min-width: 24px; }
+div.note-warning > svg .yelp-svg-fill {
+  fill: #c01c28;
+}
+div.note-danger {
+  border-color: #c01c28;
+}
+div.note-important > svg .yelp-svg-fill {
+  fill: #3584e4;
+}
+div.note-danger > svg .yelp-svg-fill {
+  fill: #c01c28;
+  animation-name: yelp-note-danger;
+  animation-duration: 2s;
+  animation-fill-mode: forwards;
+  animation-iteration-count: infinite;
+}
+@keyframes yelp-note-danger {
+  from { fill: #c01c28 }
+  50%  { fill: #c0bfbc }
+  to   { fill: #c01c28 }
+}
+div.note-sidebar {
+  float: right;
+  max-width: 248px;
+  margin-left: 20px;
+}
+div.quote {
+  padding: 0;
+  min-height: 48px;
+}
+
+div.quote > div.inner > div.title {
+  margin: 0;
+  margin-left: 48px;
+}
+blockquote {
+  margin: 0; padding: 0;
+  margin-left: 48px;
+}
+blockquote > *:first-child { margin-top: 0; }
+div.quote > div.inner > div.region > div.cite {
+  margin-top: 0.5em;
+  margin-left: 48px;
+  color: rgb(102,102,100);
+}
+div.quote > div.inner > div.region > div.cite::before {
+  
+  content: '― ';
+  color: rgb(102,102,100);
+}
+div.screen {
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+}
+ol.steps, ul.steps {
+  padding: 0.5em 1em 0.5em 1em;
+  border: solid 1px rgb(244,244,244);
+  border-left: solid 4px #f8e45c;
+}
+ol.steps .steps {
+  padding: 0;
+  border: none;
+  background-color: unset;
+}
+li.steps { margin-left: 1.44em; }
+li.steps li.steps { margin-left: 2.4em; }
+div.synopsis > div.inner > div.region > div.contents,
+div.synopsis > div.contents, div.synopsis > pre.contents {
+  padding: 0.5em 1em 0.5em 1em;
+  border-top: solid 1px;
+  border-bottom: solid 1px;
+  border-color: rgb(43,107,185);
+  background-color: rgb(244,244,244);
+}
+div.synopsis > div.inner > div.region > div.desc { font-style: italic; }
+div.synopsis div.code {
+  background: unset;
+  border: none;
+  padding: 0;
+}
+div.synopsis div.code > pre.contents { margin: 0; padding: 0; }
+div.unknown > div.inner > div.region > div.desc { font-style: italic; }
+div.table > div.desc { font-style: italic; }
+tr.shade {
+  background-color: rgb(244,244,244);
+}
+td.shade {
+  background-color: rgb(244,244,244);
+}
+tr.shade td.shade {
+  background-color: rgb(234,234,233);
+}
+
+span.app { font-style: italic; }
+span.cmd {
+  font-family: monospace,monospace; font-size: 0.83em;
+  background-color: rgb(244,244,244);
+  padding: 0 0.2em 0 0.2em;
+}
+span.cmd span.cmd { background-color: unset; padding: 0; }
+pre span.cmd { background-color: unset; padding: 0; }
+span.code {
+  font-family: monospace,monospace; font-size: 0.83em;
+  border-bottom: solid 1px rgb(234,234,233);
+}
+span.code span.code { border: none; }
+pre span.code { border: none; }
+span.em { font-style: italic; }
+span.em-bold {
+  font-style: normal; font-weight: bold;
+  color: rgb(75,75,73);
+}
+a span.em-bold {
+  color: rgb(43,107,185);
+}
+pre span.error {
+  color: rgb(173,25,36);
+}
+span.file { font-family: monospace,monospace; font-size: 0.83em; }
+span.gui, span.guiseq { color: rgb(75,75,73); }
+a span.gui, a span.guiseq { color: rgb(43,107,185); }
+span.input { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.input {
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+kbd {
+  font-family: inherit;
+  font-size: inherit;
+  color: rgb(75,75,73);
+  background-color: rgb(244,244,244);
+  border: solid 1px #c0bfbc;
+  border-radius: 2px;
+  margin: 0 0.2em 0 0.2em;
+  padding: 0.2em 0.5em 0 0.5em;
+  white-space: nowrap;
+}
+kbd.key-Fn {
+  font-weight: bold;
+  color: rgb(43,107,185);
+}
+span.key a {
+  border-bottom: none;
+}
+a kbd {
+  color: rgb(43,107,185);
+  border-color: rgb(43,107,185);
+}
+span.keyseq {
+  color: rgb(75,75,73);
+  white-space: nowrap
+}
+a span.keyseq { color: rgb(43,107,185); }
+span.output { font-family: monospace,monospace; font-size: 0.83em; }
+pre span.output {
+  color: #000000;
+}
+pre span.prompt {
+  color: rgb(75,75,73);
+}
+span.sys { font-family: monospace,monospace; font-size: 0.83em; }
+span.var { font-style: italic; }
+
+.ui-tile-img .media-controls { display: none; }
+span.media-audio, span.media-video { display: inline-block; }
+audio, video { display: block; margin: 0; }
+div.media > div.inner { display: inline-block; text-align: center; }
+.media-controls {
+  height: 30px;
+  margin: 0; padding: 0;
+  border-left: solid 1px #000000;
+  border-right: solid 1px #000000;
+  border-bottom: solid 1px #000000;
+  background-color: rgb(75,75,73);
+  color: #ffffff;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+  display: flex;
+  align-items: center;
+}
+.media-controls > * {
+  flex: 0 1 auto;
+}
+.media-controls > input.media-range {
+  flex: 1 0 auto;
+  background-color: rgb(75,75,73);
+  margin: 0 10px;
+  -webkit-appearance: none;
+}
+input.media-range::-webkit-slider-runnable-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+input.media-range::-webkit-slider-thumb:hover,
+input.media-range::-webkit-slider-thumb:focus {
+  background: rgb(244,244,244);
+}
+input.media-range::-moz-range-track {
+  height: 4px;
+  background: rgb(102,102,100);
+  border-radius: 2px;
+}
+input.media-range::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 16px;
+  width: 16px;
+  border-radius: 8px;
+  background: rgb(234,234,233);
+  border: solid 1px rgb(75,75,73);
+  margin-top: -6px;
+}
+.media-controls-audio {
+  border-top: solid 1px #000000;
+  border-radius: 4px;
+}
+button.media-play {
+  height: 30px;
+  padding: 0 6px 0 6px; line-height: 0;
+  background-color: rgb(75,75,73);
+  border: none;
+  border-right: solid 1px #000000;
+}
+button.media-play:hover, button.media-play:focus {
+  background-color: rgb(43,107,185);
+}
+button.media-play .yelp-svg-fill { fill: rgb(244,244,244); }
+button.media-play .media-pause { display: none; }
+button.media-play-playing .media-play { display: none; }
+button.media-play-playing .media-pause { display: inline; }
+.media-time {
+  margin: 0;
+  font-size: 16px;
+  height: 30px;
+  line-height: 30px;
+}
+.media-time > span {
+  padding-right: 8px;
+}
+.media-duration {
+  font-size: 12px;
+  color: rgb(234,234,233);
+  opacity: 0.8;
+}
+.media-controls-ttml {
+  min-width: 630px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.media-ttml {
+  margin: 0; padding: 6px 0;
+  background-color: rgb(244,244,244);
+  border: solid 1px #000000;
+  min-height: 24px;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+.media-ttml-pre { white-space: pre; }
+.media-ttml-nopre { white-space: normal; }
+div.media-ttml-div {
+  text-align: left;
+  display: none;
+  margin: 0; padding: 0;
+}
+div.media-ttml-p {
+  text-align: left;
+  display: none;
+  margin: 0 auto;
+  max-width: 560px;
+  line-height: 1.44em;
+}
+div.media-ttml-div > * + * { margin-top: 1em; }
+div.yelp-data { display: none; }
+.ui-expander > div.inner > div.title span.title,
+.ui-expander > div.inner > div.hgroup span.title {
+  cursor: default;
+}
+.ui-expander > div.inner > div.title span.title:before,
+.ui-expander > div.inner > div.hgroup span.title:before {
+  font-weight: bold;
+  content: "⌃";
+  display: inline-block;
+  margin: 0;
+  color: rgb(43,107,185);
+  transform: translateY(0.2em) rotate(0deg);
+  -webkit-transform: translateY(0.2em) rotate(0deg);
+  transition: transform 0.2s linear;
+  transform-origin: 50% 30%;
+  -webkit-transform-origin: 50% 30%;
+  -webkit-transition: -webkit-transform 0.2s linear;
+  margin: 0 0.2em;
+}
+.ui-expander-c > div.inner > div.hgroup { border-bottom: none; }
+
+.ui-expander > div.inner > div.title:hover,
+.ui-expander > div.inner > div.hgroup:hover * {
+  color: rgb(43,107,185);
+}
+.ui-expander > div.inner > div.hgroup > .subtitle {
+  margin-left: 2em;
+}
+.ui-expander-c > div.inner > div.region {
+  display: none;
+}
+.ui-expander-e > div.inner > div.region {
+  animation-name: yelp-ui-expander-e;
+  animation-duration: 0.2s;
+  animation-fill-mode: forwards;
+  transform-origin: 0 0;
+}
+@keyframes yelp-ui-expander-e {
+  from { transform: scaleY(0); }
+  to   { transform: scaleY(1); }
+}
+div.ui-expander-preview > div.inner > div.region {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+  animation-name: none;
+}
+div.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 100px;
+  overflow: hidden;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+  transform: scaleY(0.4);
+  background-color: rgb(244,244,244);
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region:hover * {
+  cursor: zoom-in;
+}
+div.ui-expander-preview > div.inner > div.region > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+div.ui-expander-preview.ui-expander-c > div.inner > div.region > * {
+  transform: scaleX(0.4);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents{
+  transform-origin: 0 0;
+  transition: transform 0.2s linear, background-color 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner {
+  max-height: 140px;
+  overflow: hidden;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region {
+  display: block;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents {
+  transform: scaleY(0.6);
+  background-color: rgb(244,244,244);
+}
+section.ui-expander-preview > div.inner > div.region > div.contents > * {
+  transform-origin: 0 0;
+  transition: transform 0.2s linear;
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents > * {
+  transform: scaleX(0.6);
+}
+section.ui-expander-preview.ui-expander-c > div.inner > div.region > div.contents:hover {
+  background-color: rgb(241,246,253);
+  cursor: zoom-in;
+}
+@media only screen and (max-width: 480px) {
+  article > div.region > div.contents > div.example,
+  article > div.region > section > div.inner > div.region > div.contents > div.example {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.example {
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    margin-left: -10px;
+    margin-right: -10px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+  article > div.region > div.contents > div.note,
+  article > div.region > section > div.inner > div.region > div.contents > div.note {
+    border-left: none;
+    border-right: none;
+  }
+  article > div.region > div.contents > div.steps,
+  article > div.region > section > div.inner > div.region > div.contents > div.steps {
+    margin-left: -10px;
+    margin-right: -10px;
+  }
+  div.steps > div.inner > div.title {
+    margin-left: 10px;
+    margin-right: 10px;
+  }
+  ol.steps, ul.steps {
+    padding: 0;
+    padding-left: 6px;
+    padding-right: 10px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.note-sidebar {
+    float: none;
+    max-width: none;
+    margin-left: inherit;
+    margin-right: inherit;
+    padding-left: inherit;
+    padding-right: inherit;
+  }
+}
+div.quote > div.inner:before { float: leftcontent: '“';
+  font-family: "Century Schoolbook L";
+  font-size: {{$icons.size.quote}}px;
+  font-weight: bold;
+  line-height: 1em;
+  margin: 0; padding: 0;
+  height: {{$icons.size.quote}}px;
+  width: {{$icons.size.quote}}px;
+  text-align: center;
+  color: {{$color.bg.dark}};
+}.ui-expander-e > div.inner > div.title span.title:before, .ui-expander-e > div.inner > div.hgroup 
span.title:before {transform: translateY(0.2em) rotate(180deg);}
+.hljs a {
+  color: inherit;
+  border-bottom: dotted 1px rgb(43,107,185);
+}
+.hljs a:hover, .hljs a:hover * { color: rgb(43,107,185); }
+.hljs-addition {
+  color: rgb(46,121,73);
+  background-color: rgb(227,250,236);
+}
+.hljs-deletion {
+  color: rgb(173,25,36);
+  background-color: rgb(251,243,244);
+}
+.hljs-emphasis  { font-style: italic; }
+.hljs-strong    { font-weight: bold; }
+.hljs-attr      { color: rgb(43,107,185); }
+.hljs-attribute { color: rgb(107,99,41); }
+.hljs-built_in  { color: rgb(150,96,43); }
+.hljs-bullet    { color: rgb(46,121,73); }
+.hljs-class     { }
+.hljs-code      { color: rgb(75,75,73); }
+.hljs-comment   { color: rgb(102,102,100); }
+.hljs-doctag    { }
+.hljs-formula   { color: rgb(75,75,73); }
+.hljs-function  { }
+.hljs-keyword   { color: rgb(147,64,167); }
+.hljs-link      { color: rgb(150,96,43); }
+.hljs-literal   { color: rgb(150,96,43); }
+.hljs-meta      { color: rgb(150,96,43); }
+.hljs-name      { color: rgb(173,25,36); }
+.hljs-number    { color: rgb(150,96,43); }
+.hljs-params    { color: rgb(150,96,43); }
+.hljs-quote     { color: rgb(102,102,100); }
+.hljs-regexp    { color: rgb(173,25,36); }
+.hljs-rest_arg  { }
+.hljs-section   { color: rgb(43,107,185); }
+.hljs-string    { color: rgb(46,121,73); }
+.hljs-subst     { }
+.hljs-symbol    { color: rgb(46,121,73); }
+.hljs-tag       { color: rgb(173,25,36); }
+.hljs-title     { color: rgb(43,107,185); }
+.hljs-type      { }
+.hljs-variable  { }
+.hljs-selector-attr  { }
+.hljs-selector-class { color: rgb(173,25,36); }
+.hljs-selector-id    { color: rgb(173,25,36); }
+.hljs-selector-tag   { color: rgb(147,64,167); }
+.hljs-template-tag      { }
+.hljs-template-variable { }
+
+
+div.links .desc a {
+  color: inherit;
+}
+div.links .desc a:hover {
+  color: rgb(43,107,185);
+}
+a.bold { font-weight: bold; }
+
+
+div.link-button {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+.link-button a {
+  display: inline-block;
+  background-color: #3584e4;
+  color: #ffffff;
+  text-shadow: rgb(43,107,185) 1px 1px 0px;
+  border: solid 1px rgb(43,107,185);
+  padding: 0.2em 0.83em 0.2em 0.83em;
+  border-radius: 4px;
+}
+.link-button a:visited {
+  color: #ffffff;
+}
+.link-button a:hover {
+  text-decoration: none;
+  color: #ffffff;
+  background-color: rgb(73,144,231);
+}
+div.link-button a .desc {
+  display: block;
+  font-weight: normal;
+  font-size: 0.83em;
+  color: rgb(244,244,244);
+}
+
+
+div.floatleft {
+  float: left;
+  margin-right: 1em;
+}
+div.floatright {
+  float: right;
+  margin-left: 1em;
+}
+div.floatstart {
+  float: left;
+  margin-right: 1em;
+}
+div.floatend {
+  float: right;
+  margin-left: 1em;
+}
+
+
+div.title-heading h1, div.title-heading h2, div.title-heading h3,
+div.title-heading h4, div.title-heading h5, div.title-heading h6 {
+  font-size: 1.72em;
+  font-weight: bold;
+}
+ul.links-heading > li { margin: 2em 0 2em 0; padding: 0; }
+div.links-heading > a { font-size: 1.72em; font-weight: bold; }
+ul.links-heading > li > div.desc { margin-top: 0.5em; }
+
+div.links-uix-hover {
+  position: relative;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: stretch;
+  justify-content: flex-start;
+}
+ul.links-uix-hover { flex-grow: 1; }
+ul.links-uix-hover li { margin: 0; padding: 0; }
+ul.links-uix-hover a {
+  display: block;
+  padding: 8px 1.2em;
+  border-bottom: none;
+}
+ul.links-uix-hover a:hover, ul.links-uix-hover a:focus {
+  background: rgb(241,246,253);
+}
+ul.links-uix-hover img {
+  display: block;
+  position: absolute;
+  top: 0; left: 0;
+  visibility: hidden;
+  opacity: 0.0;
+  transition: opacity 0.6s, visibility 0.6s;
+}
+ul.links-uix-hover a:hover img, ul.links-uix-hover a:focus img {
+  visibility: visible;
+  opacity: 1.0;
+  transition: opacity 0.2s, visibility 0.2s;
+}
+@media only screen and (max-width: 480px) {
+  div.links-uix-hover-img { display: none; }
+  ul.links-uix-hover img { display: none; }
+  ul.links-uix-hover li {
+    margin-left: -10px; margin-right: -10px;
+  }
+  ul.links-uix-hover li a {
+    padding: 10px;
+  }
+}
+
+
+div.ui-overlay-screen {
+  position: fixed;
+  margin: 0;
+  left: 0; top: 0;
+  width: 100%; height: 100%;
+  background: rgb(75,75,73);
+  animation-name: yelp-overlay-screen;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-screen {
+  from { opacity: 0.0; }
+  to   { opacity: 0.6; }
+}
+div.ui-overlay {
+  display: none;
+  position: fixed;
+  text-align: center;
+  top: 30px;
+  left: 50%;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+div.ui-overlay-show {
+  animation-name: yelp-overlay-slide;
+  animation-duration: 0.8s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-overlay-slide {
+  from { transform: translateY(-400px) translateX(-50%); }
+  to   { transform: translateY(0) translateX(-50%); }
+}
+div.ui-overlay > div.inner {
+  display: inline-block;
+  padding: 8px;
+  background-color: rgb(244,244,244);
+  border-radius: 4px;
+  text-align: left;
+}
+div.ui-overlay img, div.ui-overlay video {
+  max-height: 80vh;
+  max-width: 90vw;
+}
+div.ui-overlay > div.inner > div.title { margin-top: -4px; }
+a.ui-overlay-close {
+  display: block;
+  float: right;
+  width: 30px; height: 30px;
+  font-size: 22px; line-height: 30px;
+  font-weight: bold;
+  margin-top: -28px;
+  margin-right: -26px;
+  padding: 1px 2px 3px 2px;
+  text-align: center;
+  border: none;
+  border-radius: 50%;
+  background-color: #3584e4;
+  color: #ffffff;
+}
+
+div.links-tiles {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: stretch;
+  vertical-align: top;
+  clear: both;
+  margin: 0 -10px;
+}
+div.links-tile {
+  flex: 1 0 340px;
+  vertical-align: top;
+  margin: 0;
+  padding: 10px;
+}
+div.links-tiles > div.links-tile { max-width: none; }
+div.links-tile:empty { padding: 0 10px; height: 0; }
+div.links-tile > a {
+  display: block;
+  vertical-align: top;
+  padding: 10px;
+  border-radius: 4px;
+  border: none;
+}
+div.links-tile > a:hover {
+  background-color: rgb(241,246,253);
+}
+div.links-tile > a > span.links-tile-img {
+  display: block;
+  text-align: center;
+}
+div.links-tile > a > span.links-tile-img > img {
+  width: 100%;
+  border-radius: 3px;
+}
+div.links-tile > a > span.links-tile-text > span.title {
+  display: block;
+  font-weight: bold;
+}
+div.links-tile > a > span.links-tile-text > * + span.title {
+  margin-top: 0.5em;
+}
+div.links-tile > a > span.links-tile-text > span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+a.ex-gnome-top {
+  display: block;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-top:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-top-banner {
+  display: block;
+  height: 10px;
+  background: #57e389;
+  overflow: hidden;
+}
+span.ex-gnome-top-title {
+  color: #000000;
+  display: block;
+  margin: 10px 20px;
+  font-size: 1.2em;
+}
+span.ex-gnome-top-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin: 10px 20px;
+}
+
+
+a.ex-gnome-tile {
+  display: flex;
+  flex-flow: row;
+  align-items: stretch;
+  border: solid 1px #c0bfbc;
+  border-radius: 4px;
+  transition: box-shadow 0.5s linear;
+}
+a.ex-gnome-tile:hover {
+  box-shadow: 0px 2px 4px #c0bfbc;
+}
+span.ex-gnome-tiles-banner {
+  display: block;
+  flex: 0 0 64px;
+  background: rgb(43,107,185);
+  overflow: hidden;
+}
+span.ex-gnome-tiles-banner img {
+  width: 64px; height: 64px;
+  margin: 10px 0;
+  transform: rotate(-10deg);
+}
+span.ex-gnome-tiles-text {
+  display: block;
+  margin: 10px;
+}
+span.ex-gnome-tiles-title {
+  color: #000000;
+  display: block;
+  margin: 0;
+  font-size: 1.2em;
+}
+span.ex-gnome-tiles-desc {
+  color: rgb(102,102,100);
+  display: block;
+  margin-top: 10px;
+}
+
+
+div.links-grid-container {
+  margin-left: -10px;
+  margin-right: -10px;
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  clear: both;
+}
+div.links-grid {
+  flex: 1 0 340px;
+  padding: 10px;
+}
+div.links-grid:empty { padding: 0 10px; height: 0; }
+div.links-grid-link { font-weight: bold; }
+div.links-grid > div.desc {
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+
+
+
+div.links-norwich {
+  width: 900px;
+}
+div.links-norwich-primary {
+  float: left;
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-big {
+  vertical-align: top;
+  display: inline-block;
+  background: rgb(241,246,253);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(241,246,253), #3584e4);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-big + div.links-norwich-big {
+  background: rgb(253,251,233);
+  background: radial-gradient(ellipse 800px 1200px at 100% 20px, rgb(253,251,233), #f8e45c);
+}
+div.links-norwich-big a {
+  display: block;
+  width: 230px;
+  height: 500px;
+  height: 320px;
+  padding: 9px;
+  font-size: 1.2em;
+  color:  #000000;
+  border: solid 1px #3584e4;
+  background-repeat: no-repeat;
+  background-position: right -80px bottom -80px;
+}
+div.links-norwich-big a:hover {
+  border: solid 1px #3584e4;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+div.links-norwich-big a span.title {
+  font-size: 1.2em;
+  font-weight: bold;
+}
+div.links-norwich-big a .desc {
+  color:  #000000;
+  font-weight: normal;
+}
+div.links-norwich-secondary {
+  vertical-align: top;
+  margin: 0; padding: 0;
+}
+div.links-norwich-small {
+  display: inline-block;
+  vertical-align: top;
+  background: rgb(244,244,244);
+  margin: 0 20px 20px 0;
+}
+div.links-norwich-small a {
+  display: block;
+  width: 140px;
+  height: 140px;
+  padding: 9px;
+  font-weight: bold;
+  color:  #000000;
+  border: solid 1px #c0bfbc;
+  background-repeat: no-repeat;
+  background-position: right 4px bottom 4px;
+}
+div.links-norwich-small a:hover {
+  border: solid 1px #c0bfbc;
+  box-shadow: 2px 2px 2px #3584e4;
+}
+@media only screen and (max-width: 900px) {
+  div.links-norwich {
+    width: 720px;
+  }
+}
+@media only screen and (max-width: 720px) {
+  div.links-norwich {
+    width: 540px;
+  }
+}
+@media only screen and (max-width: 540px) {
+  div.links-norwich {
+    width: 100%;
+  }
+  div.links-norwich-big {
+    width: 100%;
+    margin-right: 0;
+  }
+  div.links-norwich-big a {
+    width: auto;
+  }
+}
+
+
+div.links-divs {
+  margin-left: -10px;
+  margin-right: -10px;
+}
+a.linkdiv {
+  display: block;
+  margin: 0;
+  padding: 10px;
+  border-bottom: none;
+}
+a.linkdiv:hover {
+  text-decoration: none;
+  background-color: rgb(241,246,253);
+}
+a.linkdiv span.title {
+  display: block;
+  margin: 0;
+  font-size: 1em;
+  font-weight: bold;
+  color: inherit;
+}
+a.linkdiv span.desc {
+  display: block;
+  margin: 0.2em 0 0 0;
+  color: rgb(75,75,73);
+}
+span.linkdiv-dash { display: none; }
+div.links-twocolumn {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: stretch;
+  justify-content: flex-start;
+  vertical-align: top;
+  margin-left: -10px;
+  margin-right: -10px;
+}
+div.links-twocolumn > div.links-divs {
+  flex: 1 0 360px;
+  vertical-align: top;
+  margin: 0;
+}
+
+
+div.comment {
+  padding: 0.5em;
+  border: solid 2px #c01c28;
+  background-color: rgb(251,243,244);
+}
+div.comment div.comment {
+  margin: 1em 1em 0 1em;
+}
+div.comment div.cite {
+  margin: 0 0 0.5em 0;
+  font-style: italic;
+}
+
+
+div.tree > div.inner > div.title { margin-bottom: 0.5em; }
+ul.tree {
+  margin: 0; padding: 0;
+  list-style-type: none;
+}
+li.tree { margin: -2px 0 0 0; padding: 0; }
+li.tree div { margin: 0; padding: 0; }
+ul.tree ul.tree {
+  margin-left: 1.44em;
+}
+div.tree-lines ul.tree { margin-left: 0; }
+
+
+span.hi {
+  background-color: rgb(253,251,233);
+}
+span.hi.hi-ins {
+  background-color: rgb(227,250,236);
+}
+span.hi.hi-del {
+  background-color: rgb(251,243,244);
+  text-decoration: line-through;
+}
+span.hi.hi-ins ins { text-decoration: none; }
+span.hi.hi-del del { text-decoration: none; }
+span.hi.hi-red { background-color: rgb(251,243,244); }
+span.hi.hi-orange { background-color: rgb(255,243,231); }
+span.hi.hi-yellow { background-color: rgb(253,251,233); }
+span.hi.hi-green { background-color: rgb(227,250,236); }
+span.hi.hi-blue { background-color: rgb(241,246,253); }
+span.hi.hi-purple { background-color: rgb(249,243,250); }
+span.hi.hi-gray { background-color: rgb(244,244,244); }
+
+
+dt.gloss-term {
+  margin-top: 1.2em;
+  font-weight: bold;
+  color: rgb(75,75,73);
+}
+dt.gloss-term:first-child, dt.gloss-term + dt.gloss-term { margin-top: 0; }
+dt.gloss-term + dd { margin-top: 0.2em; }
+dd.gloss-link {
+  margin: 0 0.2em 0 0.2em;
+  border-left: solid 4px #3584e4;
+  padding-left: 1em;
+}
+dd.gloss-def {
+  margin: 0 0.2em 1em 0.2em;
+  border-left: solid 4px #c0bfbc;
+  padding-left: 1em;
+}
+a.gloss-term {
+  position: relative;
+  border-bottom: dashed 1px #3584e4;
+}
+a.gloss-term:hover {
+  text-decoration: none;
+  border-bottom-style: solid;
+}
+span.gloss-desc {
+  display: none;
+  position: absolute;
+  z-index: 100;
+  margin: 0;
+  left: 0;
+  top: 1.2em;
+  padding: 0.2em 0.5em 0.2em 0.5em;
+  min-width: 12em;
+  max-width: 24em;
+  overflow: hidden;
+  color: rgb(75,75,73);
+  background-color: rgb(253,251,233);
+  border: solid 1px #f8e45c;
+  box-shadow: 2px 2px 4px #c0bfbc;
+}
+a.gloss-term:hover span.gloss-desc, a.gloss-term:focus span.gloss-desc {
+  display: inline-block;
+  animation-name: yelp-gloss-fade;
+  animation-duration: 1s;
+  animation-fill-mode: forwards;
+}
+@keyframes yelp-gloss-fade {
+  from { opacity: 0.0; }
+  to   { opacity: 1.0; }
+}
+
+
+.if-if { display: none; }
+.if-choose, .if-when, .if-else { margin: 0; padding: 0; }
+.if-choose > .if-when { display: none; }
+.if-choose > .if-else { display: block; }
+.if-if.if__not-target-mobile { display: block; }
+.if-choose.if__not-target-mobile > .if-when { display: block; }
+.if-choose.if__not-target-mobile > .if-else { display: none; }
+@media only screen and (max-width: 480px) {
+  .if-if.if__target-mobile { display: block; }
+  .if-if.if__not-target-mobile { display: none; }
+  .if-choose.if__target-mobile > .if-when { display: block; }
+  .if-choose.if__target-mobile > .if-else { display: none; }
+  .if-choose.if__not-target-mobile > .if-when { display: none; }
+  .if-choose.if__not-target-mobile > .if-else { display: block; }
+}
diff --git a/help/build-html-help.sh b/help/build-html-help.sh
new file mode 100755
index 0000000..b9e4964
--- /dev/null
+++ b/help/build-html-help.sh
@@ -0,0 +1,56 @@
+#!/bin/bash
+
+# build-html-help.sh -- helper script to build static HTML help for GHex
+# by: Logan Rathbone, (C) 2021, GPLv2+ (see COPYING)
+#
+# USAGE: copy to @datadir@ *after* ninja install, and run it from within
+# @datadir@ as the CWD.
+# Eg, `cd /tmp/DESTDIR/usr/share; ./build-html-help.sh`
+#
+# DEPENDENCIES:  `yelp-build` binary.
+#
+# README:
+# Here's another instance of manual intervention being required in order
+# to make our users' and distributors' lives easier.
+#
+# Since the translated mallard .page files don't get translated until
+# the `ninja install` phase, it makes it difficult to generate static
+# HTML help, fully translated, at build time. Since static HTML help is
+# just a fallback anyway, we're not always going to remember to run this
+# script, but we're going to make sure we remember before shipping
+# a tarball!
+
+CWD=`pwd`
+
+if [ ! -d $CWD/help ]; then
+       echo ERROR: No help found. Exiting.
+       exit 1
+fi
+
+if [ -f $CWD/LINGUAS ]; then rm $CWD/LINGUAS; fi
+(cd help; for i in *; do echo $i >> $CWD/LINGUAS; done)
+if [ -d $CWD/HTML ]; then rm -rf $CWD/HTML; fi
+mkdir $CWD/HTML
+
+echo "Generating HTML help..."
+
+for i in `cat $CWD/LINGUAS`; do
+       mkdir -p $CWD/HTML/$i/ghex
+       (cd $CWD/HTML/$i/ghex; yelp-build html $CWD/help/$i/ghex)
+done
+
+if [ ! -d $CWD/HTML/en ]; then
+       cp -R $CWD/HTML/C/ $CWD/HTML/en
+fi
+
+# I have no idea what this .js file does, but it takes up a lot of space,
+# and without it, help still displays fine and none of yelp, khelpcenter,
+# chrome or firefox even spew an error. So guess what, if you don't have
+# yelp and are using static HTML help, you're not going to get whatever
+# razzly-dazzly effects it may provide.
+find $CWD/HTML -name 'highlight.pack.js' |xargs rm
+
+# cleanup
+rm $CWD/LINGUAS
+
+echo "DONE. You may now deploy the './HTML' dir as your static HTML help."
diff --git a/help/meson.build b/help/meson.build
index ac26227..beeb5d6 100644
--- a/help/meson.build
+++ b/help/meson.build
@@ -13,10 +13,13 @@ help_pages = [
   'tools-converter.page',
   'legal.xml',
 ]
+# TODO: figures
 
 gnome.yelp(
   meson.project_name(),
   sources: help_pages,
 )
 
-# TODO: figures
+if get_option('static-html-help')
+  install_subdir('HTML', install_dir: ghex_docdir)
+endif
diff --git a/meson.build b/meson.build
index 64604e1..2e2a4b7 100644
--- a/meson.build
+++ b/meson.build
@@ -31,6 +31,7 @@ ghex_libdir = join_paths(ghex_prefix, get_option('libdir'))
 ghex_includedir = join_paths(ghex_prefix, get_option('includedir'))
 ghex_datadir = join_paths(ghex_prefix, get_option('datadir'))
 ghex_localedir = join_paths(ghex_prefix, get_option('localedir'))
+ghex_docdir = join_paths(ghex_prefix, get_option('docdir'))
 ghex_pkgconfigdir = join_paths(ghex_libdir, 'pkgconfig')
 ghex_applicationsdir = join_paths(ghex_datadir, 'applications')
 ghex_schemasdir = join_paths(ghex_datadir, 'glib-2.0/schemas')
@@ -72,6 +73,7 @@ config_h.set_quoted('PACKAGE_STRING', '@0@ @1@'.format(meson.project_name(), mes
 config_h.set_quoted('PACKAGE_DATADIR', ghex_datadir)
 config_h.set_quoted('PACKAGE_LIBDIR', ghex_libdir)
 config_h.set_quoted('PACKAGE_LOCALE_DIR', ghex_localedir)
+config_h.set_quoted('PACKAGE_DOCDIR', ghex_docdir)
 
 config_h.set('VERSION', 'PACKAGE_VERSION')
 config_h.set('GETTEXT_PACKAGE', 'PACKAGE_NAME')
@@ -85,6 +87,8 @@ endif
 
 config_h.set_quoted('LIBGTKHEX_RELEASE_STRING', 'gtkhex-@0@.0'.format(libgtkhex_version_major))
 
+config_h.set('STATIC_HTML_HELP', get_option('static-html-help'))
+
 config_h.set('DEBUG', get_option('debug'))
 
 # i18n:  Always enabled
@@ -143,10 +147,12 @@ meson.add_install_script('meson_post_install.py')
 summary({'prefix': ghex_prefix,
         'libdir': ghex_libdir,
         'datadir': ghex_datadir,
+       'docdir': ghex_docdir,
         'includedir': ghex_includedir,
         }, section: 'Directories')
 
 summary({'Development build': get_option('development'),
-         'Documentation': build_gtk_doc,
          'Buffer backend': buffer_backend,
+         'Static HTML help': get_option('static-html-help'),
+         'API Documentation': build_gtk_doc,
         }, section: 'Configuration')
diff --git a/meson_options.txt b/meson_options.txt
index 3e235a4..2d6abf0 100644
--- a/meson_options.txt
+++ b/meson_options.txt
@@ -1,4 +1,9 @@
+# meson may 'purposely' not provide a docdir variable, but some distros
+# like Slackware still like to specify that docs should be installed in @prefix/doc
+option('docdir', type: 'string', value: 'share/doc', description: 'docdir (defaults to: share/doc)')
+
 option('development', type: 'boolean', value: false, description: 'If this is a development build')
 option('buffer-backend', type : 'combo', choices : ['mmap', 'malloc'], value : 'mmap')
 option('introspection', type: 'feature', value: 'auto', description: 'Generate gir data (requires 
gobject-introspection)')
 option('gtk_doc', type: 'boolean', value: false, description: 'Build reference manual (requires gtk-doc)')
+option('static-html-help', type: 'boolean', value: false, description: 'Install static HTML help files (for 
systems without Yelp)')
diff --git a/src/ghex-application-window.c b/src/ghex-application-window.c
index 997be95..f1a7145 100644
--- a/src/ghex-application-window.c
+++ b/src/ghex-application-window.c
@@ -28,6 +28,8 @@
  * other, so keep this header here in the source file to avoid issues. */
 #include "paste-special.h"
 
+#include <locale.h>
+
 #include <config.h>
 
 /* DEFINES */
@@ -1295,6 +1297,93 @@ toggle_conversions (GtkWidget *widget,
        }
 }
 
+static void
+open_help_ready_cb (GObject *source_object,
+               GAsyncResult *res,
+               gpointer user_data)
+{
+       GHexApplicationWindow *self = GHEX_APPLICATION_WINDOW(source_object);
+       gboolean help_success;
+       GError *local_error = NULL;
+
+       help_success = gtk_show_uri_full_finish (GTK_WINDOW(self),
+                       res,
+                       &local_error);
+
+       /* If we can't handle the help:/// URI scheme, try opening static HTML
+        * help docs, if they exist.
+        */
+       if (! help_success)
+       {
+#ifdef STATIC_HTML_HELP
+#define URI_PREFIX "file:" PACKAGE_DOCDIR "/HTML/"
+               char *uri = NULL;
+               GFile *file = NULL;
+               char *locale_str = g_strdup (setlocale (LC_MESSAGES, NULL));
+               char *cp;
+               char *full_errmsg = NULL;
+
+               /* strip off codeset (.*) and modifier (@*) - see ISO/IEC 15897 */
+               strtok (locale_str, ".");
+               cp = strtok (NULL, ".");
+               if (cp)
+                       *cp = 0;
+
+               strtok (locale_str, "@");
+               cp = strtok (NULL, "@");
+               if (cp)
+                       *cp = 0;
+
+               /* first, try full locale (eg, en_US) ... */
+               uri = g_strdup_printf (URI_PREFIX "%s/" PACKAGE_NAME "/index.html",
+                               locale_str);
+
+               file = g_file_new_for_uri (uri);
+
+               /* ... if that didn't work, try stripping the territory (_*) */
+               if (! g_file_query_exists (file, NULL))
+               {
+                       g_object_unref (file);
+                       g_free (uri);
+
+                       strtok (locale_str, "_");
+                       cp = strtok (NULL, "_");
+                       if (cp)
+                               *cp = 0;
+                       else
+                               goto error;
+
+                       uri = g_strdup_printf (URI_PREFIX "%s/" PACKAGE_NAME "/index.html",
+                                       locale_str);
+                       file = g_file_new_for_uri (uri);
+               }
+
+               if (g_file_query_exists (file, NULL))
+               {
+                       gtk_show_uri (GTK_WINDOW(self), uri, GDK_CURRENT_TIME);
+                       goto out;
+               }
+error:
+               full_errmsg = g_strdup_printf (_("Sorry, but help could not be opened.\n\n"
+                                       "Various attempts were made to locate the help documentation "
+                                       "unsuccessfully.\n\n"
+                                       "Please ensure the application was properly installed.\n\n"
+                                       "The specific error message is:\n\n"
+                                       "%s"),
+                               local_error->message);
+               display_error_dialog (GTK_WINDOW(self), full_errmsg);
+out:
+               g_clear_object (&file);
+               g_free (uri);
+               g_free (full_errmsg);
+               g_clear_pointer (&local_error, g_error_free);
+#undef URI_PREFIX
+#else
+               display_error_dialog (GTK_WINDOW(self), local_error->message);
+#endif
+       }
+}
+
 static void
 open_help (GtkWidget *widget,
                const char *action_name,
@@ -1302,7 +1391,12 @@ open_help (GtkWidget *widget,
 {
        GHexApplicationWindow *self = GHEX_APPLICATION_WINDOW(widget);
 
-       gtk_show_uri (GTK_WINDOW (self), "help:" PACKAGE_NAME, GDK_CURRENT_TIME);
+       gtk_show_uri_full (GTK_WINDOW (self),
+                       "help:" PACKAGE_NAME,
+                       GDK_CURRENT_TIME,
+                       NULL,
+                       open_help_ready_cb,
+                       NULL);
 }
 
 static void