4 files changed, 490 insertions, 0 deletions
diff --git a/doc/base/karderio-Toy-baloon.svg b/doc/base/karderio-Toy-baloon.svg
new file mode 100644
index 0000000..5fd9325
--- /dev/null
+++ b/doc/base/karderio-Toy-baloon.svg
@@ -0,0 +1,161 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<svg
+    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+    xmlns="http://www.w3.org/2000/svg"
+    xmlns:cc="http://web.resource.org/cc/"
+    xmlns:dc="http://purl.org/dc/elements/1.1/"
+    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+    xmlns:svg="http://www.w3.org/2000/svg"
+    xmlns:ns1="http://sozi.baierouge.fr"
+    xmlns:xlink="http://www.w3.org/1999/xlink"
+    id="svg2989"
+    sodipodi:docname="baloon.svg"
+    viewBox="0 0 422.04 468.44"
+    sodipodi:version="0.32"
+    version="1.0"
+    inkscape:version="0.44"
+    sodipodi:docbase="/home/ubun/Desktop"
+  >
+  <sodipodi:namedview
+      id="base"
+      bordercolor="#666666"
+      inkscape:pageshadow="2"
+      guidetolerance="10"
+      pagecolor="#ffffff"
+      gridtolerance="10000"
+      inkscape:window-height="598"
+      inkscape:zoom="0.35"
+      objecttolerance="10"
+      borderopacity="1.0"
+      inkscape:current-layer="layer1"
+      inkscape:cx="375"
+      inkscape:cy="520"
+      inkscape:window-y="51"
+      inkscape:window-x="0"
+      inkscape:window-width="946"
+      inkscape:pageopacity="0.0"
+      inkscape:document-units="px"
+  />
+  <g
+      id="layer1"
+      inkscape:label="Layer 1"
+      inkscape:groupmode="layer"
+      transform="translate(-171.84 -272.42)"
+    >
+    <g
+        id="g1989"
+        style="stroke:black;stroke-width:2;fill:#ff7f2a"
+        transform="matrix(3.3799 0 0 3.2813 -1903.1 -2411.3)"
+      >
+      <path
+          id="path1991"
+          style="stroke:black;stroke-width:2;fill:#ff7f2a"
+          d="m653.39 946.79c-160.62-201.21 248.82-137.02 4.55 0.64-2.37 0.8-20.96 6.25-21.08 6.82-1.94 8.83 11.3 3.86 15.1 1.84-1.44 6.53 26.57 2.75 19.12-1.29-5.85-3.17-12.68-3.75-17.69-8.01z"
+      />
+    </g
+    >
+    <g
+        id="g1997"
+        style="fill:white"
+        transform="matrix(3.3799 0 0 3.2813 -1903.1 -2411.3)"
+      >
+      <path
+          id="path1999"
+          style="fill:white"
+          d="m700.19 842.32c4.1-1.86 6.86-3.39 11.83-6.29 4.52 1.81 19.97 17.92 17.62 22.02-1.28 2.24-1.91 2.3-3.07 0.73-6.47-8.81-22.49-17.09-26.38-16.46z"
+      />
+    </g
+    >
+  </g
+  >
+  <metadata
+    >
+    <rdf:RDF
+      >
+      <cc:Work
+        >
+        <dc:format
+          >image/svg+xml</dc:format
+        >
+        <dc:type
+            rdf:resource="http://purl.org/dc/dcmitype/StillImage"
+        />
+        <cc:license
+            rdf:resource="http://creativecommons.org/licenses/publicdomain/"
+        />
+        <dc:publisher
+          >
+          <cc:Agent
+              rdf:about="http://openclipart.org/"
+            >
+            <dc:title
+              >Openclipart</dc:title
+            >
+          </cc:Agent
+          >
+        </dc:publisher
+        >
+        <dc:title
+          >Toy baloon</dc:title
+        >
+        <dc:date
+          >2006-10-21T06:10:16</dc:date
+        >
+        <dc:description
+          >2D orange party baloon</dc:description
+        >
+        <dc:source
+          >https://openclipart.org/detail/808/toy-baloon-by-karderio</dc:source
+        >
+        <dc:creator
+          >
+          <cc:Agent
+            >
+            <dc:title
+              >karderio</dc:title
+            >
+          </cc:Agent
+          >
+        </dc:creator
+        >
+        <dc:subject
+          >
+          <rdf:Bag
+            >
+            <rdf:li
+              >line art</rdf:li
+            >
+            <rdf:li
+              >party baloon</rdf:li
+            >
+            <rdf:li
+              >toy baloon</rdf:li
+            >
+          </rdf:Bag
+          >
+        </dc:subject
+        >
+      </cc:Work
+      >
+      <cc:License
+          rdf:about="http://creativecommons.org/licenses/publicdomain/"
+        >
+        <cc:permits
+            rdf:resource="http://creativecommons.org/ns#Reproduction"
+        />
+        <cc:permits
+            rdf:resource="http://creativecommons.org/ns#Distribution"
+        />
+        <cc:permits
+            rdf:resource="http://creativecommons.org/ns#DerivativeWorks"
+        />
+      </cc:License
+      >
+    </rdf:RDF
+    >
+  </metadata
+  >
+</svg
+>
diff --git a/doc/base/pygments-dark.css b/doc/base/pygments-dark.css
new file mode 100644
index 0000000..2160c0b
--- /dev/null
+++ b/doc/base/pygments-dark.css
@@ -0,0 +1,83 @@
+pre { line-height: 125%; }
+td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
+span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
+td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
+span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
+.hll { background-color: #0000ff }
+.c { color: #00ff00 } /* Comment */
+.err { color: #dddddd } /* Error */
+.esc { color: #dddddd } /* Escape */
+.g { color: #dddddd } /* Generic */
+.k { color: #ff0000 } /* Keyword */
+.l { color: #dddddd } /* Literal */
+.n { color: #dddddd } /* Name */
+.o { color: #dddddd } /* Operator */
+.x { color: #dddddd } /* Other */
+.p { color: #dddddd } /* Punctuation */
+.ch { color: #00ff00 } /* Comment.Hashbang */
+.cm { color: #00ff00 } /* Comment.Multiline */
+.cp { color: #e5e5e5 } /* Comment.Preproc */
+.cpf { color: #00ff00 } /* Comment.PreprocFile */
+.c1 { color: #00ff00 } /* Comment.Single */
+.cs { color: #00ff00 } /* Comment.Special */
+.gd { color: #dddddd } /* Generic.Deleted */
+.ge { color: #dddddd } /* Generic.Emph */
+.gr { color: #dddddd } /* Generic.Error */
+.gh { color: #dddddd } /* Generic.Heading */
+.gi { color: #dddddd } /* Generic.Inserted */
+.go { color: #dddddd } /* Generic.Output */
+.gp { color: #dddddd } /* Generic.Prompt */
+.gs { color: #dddddd } /* Generic.Strong */
+.gu { color: #dddddd } /* Generic.Subheading */
+.gt { color: #dddddd } /* Generic.Traceback */
+.kc { color: #ff0000 } /* Keyword.Constant */
+.kd { color: #ff0000 } /* Keyword.Declaration */
+.kn { color: #ff0000 } /* Keyword.Namespace */
+.kp { color: #ff0000 } /* Keyword.Pseudo */
+.kr { color: #ff0000 } /* Keyword.Reserved */
+.kt { color: #ee82ee } /* Keyword.Type */
+.ld { color: #dddddd } /* Literal.Date */
+.m { color: #dddddd } /* Literal.Number */
+.s { color: #87ceeb } /* Literal.String */
+.na { color: #dddddd } /* Name.Attribute */
+.nb { color: #dddddd } /* Name.Builtin */
+.nc { color: #dddddd } /* Name.Class */
+.no { color: #7fffd4 } /* Name.Constant */
+.nd { color: #dddddd } /* Name.Decorator */
+.ni { color: #dddddd } /* Name.Entity */
+.ne { color: #dddddd } /* Name.Exception */
+.nf { color: #ffff00 } /* Name.Function */
+.nl { color: #dddddd } /* Name.Label */
+.nn { color: #dddddd } /* Name.Namespace */
+.nx { color: #dddddd } /* Name.Other */
+.py { color: #dddddd } /* Name.Property */
+.nt { color: #dddddd } /* Name.Tag */
+.nv { color: #eedd82 } /* Name.Variable */
+.ow { color: #dddddd } /* Operator.Word */
+.pm { color: #dddddd } /* Punctuation.Marker */
+.w { color: #dddddd } /* Text.Whitespace */
+.mb { color: #dddddd } /* Literal.Number.Bin */
+.mf { color: #dddddd } /* Literal.Number.Float */
+.mh { color: #dddddd } /* Literal.Number.Hex */
+.mi { color: #dddddd } /* Literal.Number.Integer */
+.mo { color: #dddddd } /* Literal.Number.Oct */
+.sa { color: #87ceeb } /* Literal.String.Affix */
+.sb { color: #87ceeb } /* Literal.String.Backtick */
+.sc { color: #87ceeb } /* Literal.String.Char */
+.dl { color: #87ceeb } /* Literal.String.Delimiter */
+.sd { color: #87ceeb } /* Literal.String.Doc */
+.s2 { color: #87ceeb } /* Literal.String.Double */
+.se { color: #87ceeb } /* Literal.String.Escape */
+.sh { color: #87ceeb } /* Literal.String.Heredoc */
+.si { color: #87ceeb } /* Literal.String.Interpol */
+.sx { color: #87ceeb } /* Literal.String.Other */
+.sr { color: #87ceeb } /* Literal.String.Regex */
+.s1 { color: #87ceeb } /* Literal.String.Single */
+.ss { color: #87ceeb } /* Literal.String.Symbol */
+.bp { color: #dddddd } /* Name.Builtin.Pseudo */
+.fm { color: #ffff00 } /* Name.Function.Magic */
+.vc { color: #eedd82 } /* Name.Variable.Class */
+.vg { color: #eedd82 } /* Name.Variable.Global */
+.vi { color: #eedd82 } /* Name.Variable.Instance */
+.vm { color: #eedd82 } /* Name.Variable.Magic */
+.il { color: #dddddd } /* Literal.Number.Integer.Long */
diff --git a/doc/base/pygments-light.css b/doc/base/pygments-light.css
new file mode 100644
index 0000000..e2cc7b8
--- /dev/null
+++ b/doc/base/pygments-light.css
@@ -0,0 +1,73 @@
+pre { line-height: 125%; }
+td.linenos .normal { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
+span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
+td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
+span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
+.hll { background-color: #ffffcc }
+.c { color: #3D7B7B; font-style: italic } /* Comment */
+.err { border: 1px solid #FF0000 } /* Error */
+.k { color: #008000; font-weight: bold } /* Keyword */
+.o { color: #666666 } /* Operator */
+.ch { color: #3D7B7B; font-style: italic } /* Comment.Hashbang */
+.cm { color: #3D7B7B; font-style: italic } /* Comment.Multiline */
+.cp { color: #9C6500 } /* Comment.Preproc */
+.cpf { color: #3D7B7B; font-style: italic } /* Comment.PreprocFile */
+.c1 { color: #3D7B7B; font-style: italic } /* Comment.Single */
+.cs { color: #3D7B7B; font-style: italic } /* Comment.Special */
+.gd { color: #A00000 } /* Generic.Deleted */
+.ge { font-style: italic } /* Generic.Emph */
+.gr { color: #E40000 } /* Generic.Error */
+.gh { color: #000080; font-weight: bold } /* Generic.Heading */
+.gi { color: #008400 } /* Generic.Inserted */
+.go { color: #717171 } /* Generic.Output */
+.gp { color: #000080; font-weight: bold } /* Generic.Prompt */
+.gs { font-weight: bold } /* Generic.Strong */
+.gu { color: #800080; font-weight: bold } /* Generic.Subheading */
+.gt { color: #0044DD } /* Generic.Traceback */
+.kc { color: #008000; font-weight: bold } /* Keyword.Constant */
+.kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
+.kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
+.kp { color: #008000 } /* Keyword.Pseudo */
+.kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
+.kt { color: #B00040 } /* Keyword.Type */
+.m { color: #666666 } /* Literal.Number */
+.s { color: #BA2121 } /* Literal.String */
+.na { color: #687822 } /* Name.Attribute */
+.nb { color: #008000 } /* Name.Builtin */
+.nc { color: #0000FF; font-weight: bold } /* Name.Class */
+.no { color: #880000 } /* Name.Constant */
+.nd { color: #AA22FF } /* Name.Decorator */
+.ni { color: #717171; font-weight: bold } /* Name.Entity */
+.ne { color: #CB3F38; font-weight: bold } /* Name.Exception */
+.nf { color: #0000FF } /* Name.Function */
+.nl { color: #767600 } /* Name.Label */
+.nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
+.nt { color: #008000; font-weight: bold } /* Name.Tag */
+.nv { color: #19177C } /* Name.Variable */
+.ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
+.w { color: #bbbbbb } /* Text.Whitespace */
+.mb { color: #666666 } /* Literal.Number.Bin */
+.mf { color: #666666 } /* Literal.Number.Float */
+.mh { color: #666666 } /* Literal.Number.Hex */
+.mi { color: #666666 } /* Literal.Number.Integer */
+.mo { color: #666666 } /* Literal.Number.Oct */
+.sa { color: #BA2121 } /* Literal.String.Affix */
+.sb { color: #BA2121 } /* Literal.String.Backtick */
+.sc { color: #BA2121 } /* Literal.String.Char */
+.dl { color: #BA2121 } /* Literal.String.Delimiter */
+.sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
+.s2 { color: #BA2121 } /* Literal.String.Double */
+.se { color: #AA5D1F; font-weight: bold } /* Literal.String.Escape */
+.sh { color: #BA2121 } /* Literal.String.Heredoc */
+.si { color: #A45A77; font-weight: bold } /* Literal.String.Interpol */
+.sx { color: #008000 } /* Literal.String.Other */
+.sr { color: #A45A77 } /* Literal.String.Regex */
+.s1 { color: #BA2121 } /* Literal.String.Single */
+.ss { color: #19177C } /* Literal.String.Symbol */
+.bp { color: #008000 } /* Name.Builtin.Pseudo */
+.fm { color: #0000FF } /* Name.Function.Magic */
+.vc { color: #19177C } /* Name.Variable.Class */
+.vg { color: #19177C } /* Name.Variable.Global */
+.vi { color: #19177C } /* Name.Variable.Instance */
+.vm { color: #19177C } /* Name.Variable.Magic */
+.il { color: #666666 } /* Literal.Number.Integer.Long */
diff --git a/doc/base/style.css b/doc/base/style.css
new file mode 100644
index 0000000..66349cb
--- /dev/null
+++ b/doc/base/style.css
@@ -0,0 +1,173 @@
+@import "/pygments-light.css" (prefers-color-scheme: light);
+@import "/pygments-dark.css" (prefers-color-scheme: dark);
+:root {
+    --overlay-bg: #8881;
+    --overlay-border: #8884;
+}
+
+/* Default font and layout */
+html {
+    box-sizing: border-box;
+    font-size: clamp(100%, 2vw, 150%);
+    margin: auto;
+    max-width: 36rem;
+}
+
+body { margin: 0 1rem }
+
+/* Text geometry */
+p, details {
+    hyphens: auto;
+    text-align: justify;
+}
+
+/* Headings */
+h2 a, h3 a, h4 a, h5 a, h6 a { color: CanvasText }
+
+.toc ol ol {
+    list-style-type: lower-alpha;
+}
+
+/* General formatting */
+li p { margin: 0 }
+a { text-decoration: none }
+p a:hover { text-decoration: underline }
+
+sup.footnote-ref > a::before { content: '[' }
+sup.footnote-ref > a::after { content: ']' }
+section.footnotes {
+    font-size: 80%;
+    border: none;
+    margin: 1ex 0;
+}
+section.footnotes > ol {
+    counter-reset: list;
+    list-style-position: inside;
+    padding-left: 0;
+}
+section.footnotes > ol > li { counter-increment: list }
+section.footnotes > ol > li::marker {
+    content: "[" counter(list, digit) "]\a0";
+}
+
+/* Images */
+figure {
+    margin: 0;
+    text-align: center;
+}
+img {
+    display: block;
+    margin: auto;
+    max-width: 100%;
+}
+
+/* Boxes */
+blockquote, .note {
+    margin: 1ex -1rem;
+    padding-bottom: 1ex;
+    padding-left: 0.75rem;
+    padding-right: 1rem;
+    padding-top: 1ex;
+}
+blockquote p, .note p { margin: 1ex 0 }
+.note p:first-child { font-weight: bold }
+blockquote {
+    background: var(--overlay-bg);
+    border-left: 0.25rem solid var(--overlay-border);
+}
+.note {
+    background-color: #2482;
+    border-left: 0.25rem solid #2484;
+}
+
+/* Header */
+header {
+    margin: 1.5rem -0.5rem;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: center;
+}
+
+header a {
+    border-bottom: solid;
+    font-weight: bold;
+    margin: 0 0.5rem;
+    text-decoration: none;
+}
+
+nav, nav li { display: inline-block }
+nav ul { margin: 0 }
+
+footer, .tags, .right {
+    color: GrayText;
+    font-size: 80%;
+}
+
+footer {
+    margin-top: 1.5rem;
+    margin-bottom: 2rem;
+}
+
+footer a, .tags a {
+    color: GrayText;
+    text-decoration: underline;
+}
+
+.nowrap { display: inline-block }
+.tags { float: left }
+.right {
+    float: right;
+    margin-left: auto;
+}
+
+/* Table */
+table {
+    border-bottom: 0.15em solid;
+    border-collapse: collapse;
+    border-top: 0.15em solid;
+    line-height: 1em;
+    margin-bottom: 1.5em;
+    margin-left: auto;
+    margin-right: auto;
+    text-align: center;
+}
+
+tr:first-of-type > th { border-bottom: 0.08em solid }
+tr, th, td { padding: 0.5em }
+
+/* highlight.js */
+code, .highlight { background-color: var(--overlay-bg) }
+.highlight {
+    display: block;
+    padding: 0 1ch;
+    margin: 0 -1ch;
+    overflow-x: auto;
+}
+.highlight > pre { margin: 1ex 0 }
+pre p { margin: 0 }
+
+.comment {
+    background-color: var(--overlay-bg);
+    clear: both;
+    margin: 1ex 0;
+    overflow: hidden;
+    padding: 0 1rem;
+}
+
+.fead {
+    display: flex;
+    flex-wrap: wrap;
+    margin: -0.5rem;
+    margin-bottom: 0;
+}
+.fead h3 { margin: 0 0 1ex }
+.fead article {
+    background: var(--overlay-bg);
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 0;
+    margin: 1ex;
+    min-width: 12rem;
+    padding: 1ex;
+}