diff --git a/css/bootstrap.local.css b/css/bootstrap.local.css
new file mode 100644
index 0000000..7d98b13
--- /dev/null
+++ b/css/bootstrap.local.css
@@ -0,0 +1,526 @@
+/* Color palette */
+
+:root {
+ --bs-light-rgb: 248, 248, 248;
+}
+
+a {
+ --bs-link-color: #337ab7;
+}
+
+
+/* Sticky footer styles
+-------------------------------------------------- */
+html {
+ position: relative;
+ min-height: 100%;
+}
+body {
+ /* Margin bottom by footer height */
+ margin-bottom: 60px;
+}
+.footer {
+ position: absolute;
+ width: 100%;
+ padding-bottom: 15px;
+ background-color: #f5f5f5;
+}
+
+
+/* Custom page CSS
+-------------------------------------------------- */
+/* Not required for template or sticky footer method. */
+
+body > .container {
+ padding: 80px 15px 15px;
+}
+
+.pagedate {
+ font-size: 14px;
+}
+
+.footer > .container {
+ padding-right: 15px;
+ padding-left: 15px;
+}
+
+textarea {
+ width: 100%;
+}
+
+input[type='email'] {
+ width: 100%;
+}
+
+input[type='text'] {
+ width: 100%;
+}
+
+input[type='button'] {
+ width: 100%;
+}
+code {
+ font-size: 80%;
+}
+
+.actions ul {
+ margin: inherit;
+ padding: inherit;
+ height: inherit;
+ /* list-style-type: none; */
+}
+
+a {
+ text-decoration: none;
+}
+
+/* limit main content to ~90 chars per line */
+/* update: practical typography recommends 2-3 alphabets */
+#content {
+ max-width: 35em; /* this is 2.5 alphabets with Charter */
+ margin-top: 15px
+}
+
+/* limit header as well otherwise logo is out of whack without sidebar */
+.fixed-top .container-fluid {
+ max-width: 55em;
+}
+
+/* some hacking at typefaces to get some fresh zest in here
+ * fallbacks from:
+ * https://en.wikipedia.org/wiki/List_of_typefaces_included_with_Microsoft_Windows
+ * https://en.wikipedia.org/wiki/List_of_typefaces_included_with_macOS
+ *
+ * Font stacks from:
+ * https://modernfontstacks.com/#font-stacks
+ */
+.navbar, .footer {
+ /* according to modern font stacks, the following actually falls back to:
+ * San Francisco: MacOS 10.8+, iOS 3+
+ * Segoe UI: Windows 7+
+ * Roboto: Android
+ * Ubuntu: Linux
+ * Cantarell: Linux using GNOME
+ * Noto Sans: Linux using KDE
+ *
+ * So instead of letting "Linux" guess (because that's pretty
+ * chaotic), actually hardcode those two first, so we have a
+ * little better control over this. Noto sans is actually what I
+ * would fallback on in Firefox on my workstation before the
+ * change.
+ */
+ font-family: Ubuntu, "Noto sans", system-ui, sans-serif;
+}
+h1, h2, h3, h4, h5, body {
+ /* this is the "transitional" stack from modern stack fonts. it was
+ * picked because it sticks with the "Charter" font we were
+ * previously using. it runs the risk of falling back on bitmap
+ * fonts which look horrible on Linux, but in my tests it worked
+ * okay.
+ *
+ * Charter: MacOS 10.9+, iOS 9.3+
+ * Bitstream Charter: Linux
+ * Sitka Text: Windows 8.1+
+ * Cambreia: Windows 7+
+ * Noto Serif: Android
+ * Serif: fallback
+ */
+ font-family: Charter, 'Bitstream Charter', 'Sitka Text', Cambria, "Noto serif", serif;
+ /* Charter is Butterick's favorite, freely available, found on
+ * https://practicaltypography.com/free-fonts.html and available
+ * from https://practicaltypography.com/charter.html under the
+ * liberal Bitstream license. It used to be shipped alongside this
+ * site as a web font, but was disabled for the sake of simplicity
+ * and bandwidth saving. Now it is assumed that 'Bitstream
+ * Charter' will "just work" on Linux.
+ */
+}
+h1, h2, h3, h4, h5 {
+ font-style: italic;
+}
+/* for charter, we should inline this: */
+/* */
+/* we won't ship fira because it is too big and will hope some other font will kick in for headings, preferably Open sans */
+
+/* no idea why bootstrap makes quotes bigger, not what i want */
+blockquote {
+ font-size: 14px;
+ /* make blockquotes interesting */
+ font-style: italic;
+}
+
+/* enlarge body point size for charter for larger displays */
+@media (min-device-width: 750px) {
+ body {
+ font-size: 18px;
+ line-height: 1.3; /* default in FF is ~1.48, try seems a bit to sparse */
+ }
+ /* to match the other bootstrap workaround, below */
+ blockquote {
+ font-size: 18px;
+ }
+ /* UI elements should be a little less intrusive */
+ .navbar, .footer {
+ font-size: 16px;
+ }
+}
+
+pre, code {
+ font-family: "Fira Mono", Menlo, Monaco, Consolas, "Courier New", "Liberation mono", monospace;
+}
+
+/* don't word-wrap PRE blocks so they are scrolled*/
+pre {
+ -ms-word-wrap: normal;
+ word-wrap: normal;
+}
+pre code {
+ white-space: pre;
+}
+
+/* workaround multimarkdown bug:
+ * https://github.com/bobtfish/text-multimarkdown/issues/30 */
+a.footnote { vertical-align: super; font-size: xx-small; }
+div.footnotes { font-size: small; }
+
+/* scale down images so they are centered like the rest of the text */
+#content img { max-width: 100%; }
+/* except in the mastodon avatar, it squeezes them weirdly and messes with borders */
+#content .mastodon-comment .avatar img { max-width: inherit; }
+
+/* format HTML5 captions like ikiwiki's table-based captions
+ *
+ * those work, but basically need to be entered by hand.
+ *
+ * https://ikiwiki.info/todo/html5_image_captions/
+ */
+figure {
+ text-align: center;
+}
+figcaption {
+ text-align: center;
+ font-size: smaller;
+ color: #777;
+}
+
+/* right-aligned figures
+ *
+ * those need a "table" display so that the caption shows up alongside the
+ * figured. we also limit the size of the image so that it does not squeeze the
+ * text too mucha nd had judicious padding.
+ */
+figure.align-right {
+ float: right;
+ padding: 0em 1em;
+ display: table;
+ max-width: 60%;
+}
+figure.align-right figcaption {
+ display: table-caption;
+ caption-side: bottom;
+ padding: 0.5em 1em;
+}
+
+/* wrap long URLs so that we don't overflow layout
+ * this could apply to any element, but we often have to deal with long
+ * links so limit to that to avoid unexpected damage */
+#content a {
+ word-wrap: break-word;
+}
+
+/* make table scale out to avoid ugly word-wrapping
+ * bootstrap should deal with this, but ikiwiki doesn't assign the
+ * right style and anyways our width is smaller than necessary
+ *
+ * pages with tables that should be checked when this is changed:
+ *
+ * https://anarc.at/blog/2017-10-26-comparison-cryptographic-keycards/
+ * https://anarc.at/blog/2018-01-28-large-disk-price-review/
+ * https://anarc.at/services/backup/
+ * https://anarc.at/services/
+ * https://anarc.at/services/dns/registrars/
+ * https://anarc.at/services/welcome/
+ */
+table, table.table { width: 100%; }
+table { font-size: inherit; } /* why the heck does chrome override font-size for tables?! */
+
+/* this belongs in ikiwiki's style.css, but that needs the admonition
+ * patch to be merged: https://ikiwiki.info/todo/admonitions/ */
+
+/* admonition start */
+#content div.caution,
+#content div.important,
+#content div.note,
+#content div.tip,
+#content div.warning {
+ border: 1pt solid #aaa;
+ margin: 1em 3em 1em 3em;
+ background-repeat: no-repeat;
+ background-position: 8px 8px;
+ min-height: 48px; /*48=32+8+8 but doesn't work with IE*/
+ padding: 1em 1em 1em 48px;
+}
+#content div.tip { background-image: url("smileys/admon-tip.png"); }
+#content div.note { background-image: url("smileys/admon-note.png"); }
+#content div.important { background-image: url("smileys/admon-important.png"); }
+#content div.caution { background-image: url("smileys/admon-caution.png"); }
+#content div.warning { background-image: url("smileys/admon-warning.png"); }
+/* admonition end */
+
+.breadcrumb {
+ padding: 1px 0 0 0;
+ border-bottom: none;
+ padding-inline-start: 0px;
+}
+.breadcrumb li {
+ padding: 8px 0 8px 8px;
+}
+.breadcrumb li::before {
+ padding: 0 5px 0 0;
+}
+.page-header {
+ border-bottom: none;
+ margin: 40px 0 0;
+}
+
+/* more things to hide in printouts */
+@media print {
+ .footer { position: relative; }
+ .footer .powered-by { display: none; }
+ /* https://ikiwiki.info/todo/hide_add_comment_button_in_print/ */
+ .addcomment { display: none; }
+ /* remove link explosion in footer */
+ .pagedate a[href]::after { content: normal; }
+ .footer a[href]::after { content: normal; }
+ /* reset size constraints, paper takes care of that */
+ #content {
+ width: auto;
+ max-width: inherit;
+ padding: 0;
+ margin: 0;
+ }
+ body {
+ margin: 0;
+ }
+}
+
+
+/* hierarchical heading numbers */
+
+/* this uses CSS3 to show headings like:
+ *
+ * 1. one
+ * 2. two
+ * 2.1. two point one
+ * 3. three
+ *
+ * This is based on https://developer.mozilla.org/en-US/docs/Web/CSS/counter-reset
+ * ... and inspired by https://practicaltypography.com/hierarchical-headings.html
+ *
+ * This overrides the default in ikiwiki, which is *roman* numerals (!)
+ */
+/* make a counter for ordered lists in the table of contents */
+.toc ol {
+ /* this will break ikiwiki unless the following patch is applied: https://ikiwiki.info/todo/allow_toc_to_skip_entries/ */
+ counter-reset: section;
+ list-style-type: none;
+}
+/* override bootstrap */
+.toc li.L1, .toc li.L2, .toc li.L3, .toc li.L4, .toc li.L5, .toc li.L6 {
+ list-style-type: none;
+}
+.toc li::before {
+ /* increment the counter when we hit a new li */
+ counter-increment: section;
+ /* Combines the values of all instances of the section counter,
+ separated and followed by a period */
+ content: counters(section, ".") ". ";
+}
+/* except in notebox, we don't want to have numbers there. that is used
+ * in the blog archive, in blog.md */
+.notebox .toc ol {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ /* override LI's built-in padding */
+ padding-inline-start: 0px;
+}
+.notebox .toc li::before {
+ counter-increment: none;
+ content: "";
+}
+.notebox .toc li.L1, .notebox .toc li.L2, .notebox .toc li.L3, .notebox .toc li.L4, .notebox .toc li.L5, .notebox .toc li.L6 {
+ list-style-type: none;
+}
+
+/* another counter for headings, but one which should follow the one generated by the ikiwiki toc */
+
+/* this was taken from https://philarcher.org/diary/2013/headingnumbers/ */
+body {counter-reset: h1}
+h1 {counter-reset: h2}
+h2 {counter-reset: h3}
+h3 {counter-reset: h4}
+h4 {counter-reset: h5}
+h5 {counter-reset: h6}
+
+/* TODO: Fix counter
+h1:before {counter-increment: h1; content: counter(h1) ". "}
+h2:before {counter-increment: h2; content: counter(h1) "." counter(h2) ". "}
+h3:before {counter-increment: h3; content: counter(h1) "." counter(h2) "." counter(h3) ". "}
+h4:before {counter-increment: h4; content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) ". "}
+h5:before {counter-increment: h5; content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) ". "}
+h6:before {counter-increment: h6; content: counter(h1) "." counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) ". "}
+*/
+
+h1.nocount:before, h2.nocount:before, h3.nocount:before, h4.nocount:before, h5.nocount:before, h6.nocount:before, div.nocount h1:before, div.nocount h2:before, div.nocount h3:before, div.nocount h4:before, div.nocount h5:before, div.nocount h6:before {
+ content: ""; counter-increment: none
+}
+
+/* ... except main title, we don't want a number there */
+header h1::before {
+ content: "";
+}
+
+/* Language switchers */
+
+.language-switcher {
+ font-size: 14px;
+ background: #f8f8f8;
+ color: #333;
+ border-color: #ccc;
+}
+
+.language-switcher:hover {
+ background: #e6e6e6;
+}
+
+/* Sign-in buttons */
+
+.sign-in {
+ font-size: 14px;
+ background: #f8f8f8;
+ color: #333;
+ border-color: #ccc;
+}
+
+.sign-in:hover {
+ background: #e6e6e6;
+}
+
+/* Footer */
+
+.footer ul {
+ margin: inherit;
+ padding: 0;
+ height: inherit;
+ list-style-type: none;
+}
+
+.footer h5 {
+ font-weight: bold;
+}
+
+.footer li a {
+ color: #777;
+}
+
+.footer li {
+ color: #777;
+}
+
+.footer p {
+ color: #777;
+}
+
+/* Listmonk form */
+
+.listmonk-form {
+ display: table;
+}
+
+.listmonk-form .t {
+ display: table-cell;
+ width: 100%;
+}
+
+.listmonk-form a {
+ color: #777;
+ text-decoration-line: underline;
+}
+
+.listmonk-form .t > input {
+ width: 100%;
+ background: #f8f8f8;
+ color: #777;
+ text-align: left;
+ border-color: #ccc;
+}
+
+.listmonk-form button {
+ background: #f8f8f8;
+ color: #777;
+ border-color: #ccc;
+ margin-top: -2px;
+ margin-left: 12px;
+}
+
+.listmonk-form button:hover {
+ background: #e6e6e6;
+ color: #777;
+ border-color: #ccc;
+}
+
+/* NavBar */
+
+/* Navbar variables */
+.navbar {
+ --bs-navbar-padding-y: 0;
+ --bs-navbar-padding-x: 0;
+}
+
+.nav-link {
+ --bs-nav-link-padding-y: 5px;
+ --bs-nav-link-padding-x: 15px;
+}
+
+.dropdown-menu li a {
+ font-size: 14px;
+ display: block;
+ padding: 3px 20px;
+ clear: both;
+ font-weight: 400;
+ line-height: 1.42857143;
+ color: #333;
+ border-color: #ccc;
+ white-space: nowrap;
+}
+
+.dropdown-menu li a:hover {
+ background: #e6e6e6;
+}
+
+/* Usually is set automatically by bootstrap, but do it manually to let ikiwiki handle links */
+.nav-link li a, .nav-link .selflink {
+ display: block;
+ padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
+ font-size: var(--bs-nav-link-font-size);
+ font-weight: var(--bs-nav-link-font-weight);
+ color: var(--bs-nav-link-color);
+ text-decoration: none;
+ transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
+}
+
+.nav-link .selflink {
+ color: #393a35;
+}
+
+.nav-link li a:hover, .nav-link .selflink:hover {
+ color: #393a35;
+}
+
+.navbar-brand {
+ height: 50px;
+ padding: 15px 0;
+}
+
+
diff --git a/css/local.css b/css/local.css
new file mode 100644
index 0000000..a0dec8c
--- /dev/null
+++ b/css/local.css
@@ -0,0 +1,3 @@
+/* ikiwiki local style sheet */
+
+/* Add local styling here, instead of modifying style.css. */
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..9f82899
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,596 @@
+/* ikiwiki style sheet */
+
+/* Note that instead of modifying this style sheet, you can instead edit
+ * local.css and use it to override or change settings in this one.
+ */
+
+/* html5 compat */
+article,aside,details,figcaption,figure,
+footer,header,hgroup,menu,nav,section {
+ display: block;
+}
+
+div.header, header.header {
+ margin: 0;
+ font-size: 140%;
+ font-weight: bold;
+ line-height: 1em;
+ display: block;
+}
+
+.inlineheader .author {
+ margin: 0;
+ font-size: 112%;
+ font-weight: bold;
+ display: block;
+}
+
+.actions ul {
+ margin: 0;
+ padding: 6px .4em;
+ height: 1em;
+ list-style-type: none;
+}
+.actions li {
+ display: inline;
+ padding: .2em;
+}
+.pageheader .actions ul {
+ border-bottom: 1px solid #000;
+}
+
+.inlinepage .actions ul {
+ border-bottom: 0;
+}
+
+#otherlanguages ul {
+ margin: 0;
+ padding: 6px;
+ list-style-type: none;
+}
+#otherlanguages li {
+ display: inline;
+ padding: .2em .4em;
+}
+.pageheader #otherlanguages {
+ border-bottom: 1px solid #000;
+}
+
+.inlinecontent,
+.inlineenclosure {
+ margin-top: .4em;
+}
+
+.pagefooter,
+.inlinefooter,
+.comments {
+ clear: both;
+}
+
+#pageinfo {
+ margin: 1em 0;
+ border-top: 1px solid #000;
+}
+
+.tags {
+ margin-top: 1em;
+}
+
+.inlinepage .tags {
+ display: inline;
+}
+
+.mapparent {
+ text-decoration: none;
+}
+
+.img caption {
+ font-size: 80%;
+ caption-side: bottom;
+ text-align: center;
+}
+
+img.img {
+ margin: 0.5ex;
+}
+
+.align-left {
+ float:left;
+}
+
+.align-right {
+ float:right;
+}
+
+#backlinks {
+ margin-top: 1em;
+}
+
+#searchform {
+ display: inline;
+ float: right;
+}
+
+#editcontent {
+ width: 98%;
+}
+
+.editcontentdiv {
+ width: auto;
+ overflow: auto;
+}
+
+img {
+ border-style: none;
+}
+
+pre {
+ overflow: auto;
+}
+
+div.recentchanges {
+ border-style: solid;
+ border-width: 1px;
+ overflow: auto;
+ width: auto;
+ clear: none;
+ background: #eee;
+ color: black !important;
+}
+.recentchanges .metadata {
+ padding: 0px 0.5em;
+}
+.recentchanges .changelog {
+ font-style: italic;
+ clear: both;
+ display: block;
+ padding: 1px 2px;
+ background: white !important;
+ color: black !important;
+}
+.recentchanges .desc {
+ display: none;
+}
+.recentchanges .diff {
+ display: none;
+}
+.recentchanges .committer {
+ float: left;
+ margin: 0;
+ width: 40%;
+}
+.recentchanges .committype {
+ float: left;
+ margin: 0;
+ width: 5%;
+ font-size: small;
+}
+.recentchanges .changedate {
+ float: left;
+ margin: 0;
+ width: 35%;
+ font-size: small;
+}
+.recentchanges .pagelinks,
+.recentchanges .revert {
+ float: right;
+ margin: 0;
+ width: 60%;
+}
+
+.blogform, #blogform {
+ padding: 10px 10px;
+ border: 1px solid #aaa;
+ background: #eee;
+ color: black !important;
+ width: auto;
+ overflow: auto;
+}
+
+.inlinepage {
+ padding: 10px 10px;
+ border: 1px solid #aaa;
+ overflow: auto;
+}
+
+.pagedate,
+.pagelicense,
+.pagecopyright {
+ font-style: italic;
+ display: block;
+ margin-top: 1em;
+}
+
+.archivepagedate {
+ font-style: italic;
+}
+.archivepage {
+ margin-bottom: 1em;
+}
+
+.error {
+ color: #C00;
+}
+
+.sidebar {
+ width: 20ex;
+ float: right;
+ margin-left: 4px;
+ margin-bottom: 4px;
+ margin-top: -1px;
+ padding: 0ex 2ex;
+ background: white;
+ border: 1px solid black;
+ color: black !important;
+}
+
+hr.poll {
+ height: 10pt;
+ color: white !important;
+ background: #eee;
+ border: 2px solid black;
+}
+div.poll {
+ margin-top: 1ex;
+ margin-bottom: 1ex;
+ padding: 1ex 1ex;
+ border: 1px solid #aaa;
+}
+
+span.color {
+ padding: 2px;
+}
+
+.comment-header,
+.microblog-header {
+ font-style: italic;
+ margin-top: .3em;
+}
+.comment .author,
+.microblog .author {
+ font-weight: bold;
+}
+.comment-subject {
+ font-weight: bold;
+}
+.comment-avatar {
+ float: right;
+}
+.comment {
+ border: 1px solid #aaa;
+ padding: 3px;
+}
+
+div.progress {
+ margin-top: 1ex;
+ margin-bottom: 1ex;
+ border: 1px solid #888;
+ width: 400px;
+ background: #eee;
+ color: black !important;
+ padding: 1px;
+}
+div.progress-done {
+ background: #ea6 !important;
+ color: black !important;
+ text-align: center;
+ padding: 1px;
+}
+
+/* things to hide in printouts */
+@media print {
+ .actions { display: none; }
+ .tags { display: none; }
+ .trails { display: none; }
+ .feedbutton { display: none; }
+ #searchform { display: none; }
+ .blogform, #blogform { display: none; }
+ #backlinks { display: none; }
+ .addcomment { display: none; }
+}
+
+/* infobox template */
+.infobox {
+ float: right;
+ margin-left: 2ex;
+ margin-top: 1ex;
+ margin-bottom: 1ex;
+ padding: 1ex 1ex;
+ border: 1px solid #aaa;
+ background: white;
+ color: black !important;
+}
+
+/* notebox template */
+.notebox {
+ float: right;
+ margin-left: 2ex;
+ margin-top: 1ex;
+ margin-bottom: 1ex;
+ padding: 1ex 1ex;
+ border: 1px solid #aaa;
+ width: 25%;
+ background: white;
+ color: black !important;
+}
+
+/* popup template and backlinks hiding */
+.popup {
+ border-bottom: 1px dotted #366;
+ color: #366;
+}
+.popup .balloon,
+.popup .paren,
+.popup .expand {
+ display: none;
+ text-align: left;
+}
+.popup:hover .balloon,
+.popup:focus .balloon {
+ position: absolute;
+ display: inline;
+ margin: 1em 0 0 -2em;
+ padding: 0.625em;
+ border: 2px solid;
+ background-color: #dee;
+ color: black;
+}
+
+/* form styling */
+fieldset {
+ margin: 1ex 0;
+ border: 1px solid black;
+}
+legend {
+ padding: 0 1ex;
+}
+.fb_submit {
+ float: left;
+ margin: 2px 0;
+}
+label.block {
+ display: block;
+}
+label.inline {
+ display: inline;
+}
+input#openid_identifier {
+ background: url(wikiicons/openidlogin-bg.gif) no-repeat;
+ background-color: #fff;
+ background-position: 0 50%;
+ color: #000;
+ padding-left: 18px;
+}
+input#searchbox {
+ background: url(wikiicons/search-bg.gif) no-repeat;
+ background-color: #fff;
+ background-position: 100% 50%;
+ color: #000;
+ padding-right: 16px;
+}
+/* invalid form fields */
+.fb_invalid {
+ color: red;
+ background: white !important;
+}
+/* required form fields */
+.fb_required {
+ font-weight: bold;
+}
+
+/* highlight plugin */
+pre.hl { color:#000000; background-color:#ffffff; }
+.hl.num { color:#2928ff; }
+.hl.esc { color:#ff00ff; }
+.hl.str { color:#ff0000; }
+.hl.dstr { color:#818100; }
+.hl.slc { color:#838183; font-style:italic; }
+.hl.com { color:#838183; font-style:italic; }
+.hl.dir { color:#008200; }
+.hl.sym { color:#000000; }
+.hl.line { color:#555555; }
+.hl.mark { background-color:#ffffbb; }
+.hl.kwa { color:#000000; font-weight:bold; }
+.hl.kwb { color:#830000; }
+.hl.kwc { color:#000000; font-weight:bold; }
+.hl.kwd { color:#010181; }
+
+/* calendar plugin */
+.month-calendar-day-this-day,
+.year-calendar-this-month {
+ background-color: #eee;
+}
+.month-calendar-day-head,
+.month-calendar-day-nolink,
+.month-calendar-day-link,
+.month-calendar-day-this-day,
+.month-calendar-day-future {
+ text-align: right;
+}
+.month-calendar-arrow A:link,
+.year-calendar-arrow A:link,
+.month-calendar-arrow A:visited,
+.year-calendar-arrow A:visited {
+ text-decoration: none;
+ font-weight: normal;
+ font-size: 150%;
+}
+
+/* outlines */
+li.L1 { list-style: upper-roman; }
+li.L2 { list-style: decimal; }
+li.L3 { list-style: lower-alpha; }
+li.L4 { list-style: disc; }
+li.L5 { list-style: square; }
+li.L6 { list-style: circle; }
+li.L7 { list-style: lower-roman; }
+li.L8 { list-style: upper-alpha; }
+
+/* tag cloud */
+.pagecloud {
+ float: right;
+ width: 30%;
+ text-align: center;
+ padding: 10px 10px;
+ border: 1px solid #aaa;
+ background: #eee;
+ color: black !important;
+}
+.smallestPC { font-size: 70%; }
+.smallPC { font-size: 85%; }
+.normalPC { font-size: 100%; }
+.bigPC { font-size: 115%; }
+.biggestPC { font-size: 130%; }
+
+/* orange feed button */
+.feedbutton {
+ background: #ff6600;
+ color: white !important;
+ border-left: 1px solid #cc9966;
+ border-top: 1px solid #ccaa99;
+ border-right: 1px solid #993300;
+ border-bottom: 1px solid #331100;
+ padding: 0px 0.5em 0px 0.5em;
+ font-family: sans-serif;
+ font-weight: bold;
+ font-size: small;
+ text-decoration: none;
+ margin-top: 1em;
+}
+.feedbutton:hover {
+ color: white !important;
+ background: #ff9900;
+}
+
+.FlattrButton {
+ display: none;
+}
+
+/* login selector */
+#login_choice {
+ display: none;
+}
+#login_input_area {
+ clear: both;
+ padding: 10px;
+}
+#login_btns, #login_btns br {
+ clear: both;
+}
+#login_highlight {
+ background-color: black;
+ float: left;
+}
+.login_large_btn {
+ padding: 1em 1.5em;
+ border: 1px solid #DDD;
+ margin: 3px;
+ float: left;
+}
+.login_small_btn {
+ padding: 4px 4px;
+ border: 1px solid #DDD;
+ margin: 3px;
+ float: left;
+}
+a.login_large_btn:focus {
+ outline: none;
+}
+a.login_large_btn:focus {
+ outline-style: none;
+}
+.login_selected {
+ border: 4px solid #DDD;
+}
+
+.fileupload-content .ui-progressbar {
+ width: 200px;
+ height: 20px;
+}
+.fileupload-content .ui-progressbar-value {
+ background: url(ikiwiki/images/pbar-ani.gif);
+}
+
+.trails {
+ margin-top: 1em;
+ margin-bottom: 1em;
+}
+.trail {
+ display: block;
+ clear: both;
+ position: relative;
+}
+
+.trailprev {
+ display: block;
+ text-align: left;
+ position: absolute;
+ top: 0%;
+ left: 3%;
+ width: 30%;
+}
+
+.trailup {
+ display: block;
+ text-align: center;
+ margin-left: 35%;
+ margin-right: 35%;
+}
+
+.trailnext {
+ display: block;
+ text-align: right;
+ position: absolute;
+ top: 0%;
+ width: 30%;
+ right: 3%;
+}
+
+.trailsep {
+ display: none;
+}
+
+/* mobile/small-screen-friendly layout */
+@media (max-width: 600px) {
+ .sidebar {
+ width: auto;
+ float: none;
+ margin-top: 0;
+ border: none;
+ }
+
+ /* if the mobile browser is new enough, use flex layout to shuffle
+ * the sidebar to the end */
+ .page {
+ display: -webkit-box;
+ display: -webkit-flexbox;
+ display: -webkit-flex;
+ display: -moz-box;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-flex-direction: tb;
+ -webkit-flex-direction: column;
+ -webkit-flex-flow: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ }
+ #pageheader {
+ -webkit-box-ordinal-group: -1;
+ -webkit-order: -1;
+ -ms-box-ordinal-group: -1;
+ -ms-flex-order: -1;
+ order: -1;
+ }
+ .sidebar, #footer {
+ -webkit-box-ordinal-group: 1;
+ -webkit-order: 1;
+ -ms-box-ordinal-group: 1;
+ -ms-flex-order: 1;
+ order: 1;
+ }
+
+ .blogform, #blogform {
+ padding: 4px 4px;
+ }
+}
diff --git a/footer.fr.mo b/footer.fr.mo
index 83f3208..062fc3b 100644
Binary files a/footer.fr.mo and b/footer.fr.mo differ
diff --git a/footer/index.en.html b/footer/index.en.html
index acea2d5..5bac678 100644
--- a/footer/index.en.html
+++ b/footer/index.en.html
@@ -1,77 +1,68 @@
-
-
-
-
-
-
+
+
+
+
+
+
- footer - ilot.io
+ footer - ilot.io
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
-
-
+
+
+
-
-
-
+
+
-
-
+
+
+
+
-
-
-
-
+
+
+
-
-
-
-
+
+
@@ -145,18 +130,14 @@
+
-
+
+
-
-
-
-
-