feat: bsd hist as section and st 5x20

1 files changed, 430 insertions, 439 deletions

diff --git a/static/style.css b/static/style.css
index 904d271..335975f 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,31 +1,30 @@
-/* default_variables_start */
 :root {
-  color-scheme: light dark;
+    color-scheme: light dark;
 
-  --site-bg: #fff;
-  --menu-bg: var(--menu-bg)
-  --text-color: #000;
-  --link-color: var(--text-color);
+    --site-bg: #fff;
+    --menu-bg: var(--menu-bg)
+               --text-color: #000;
+    --link-color: var(--text-color);
 
-  --logo-bg-color: #000;
+    --logo-bg-color: #000;
 
-  --article-bg: ##fcfcfc;
-  --article-border-color: #f3f1f1;
-  --highlight-bg: rgba(240, 240, 240, 0.42);
+    --article-bg: ##fcfcfc;
+    --article-border-color: #f3f1f1;
+    --highlight-bg: rgba(240, 240, 240, 0.42);
 
-  --border-color: var(--text-color);
+    --border-color: var(--text-color);
 
-  --blockquote-border-color:  #d2d2d2;
-  --blockquote-color: ##666666;
+    --blockquote-border-color:  #d2d2d2;
+    --blockquote-color: ##666666;
 
-  --pre-bg: #f0f0f0;
+    --pre-bg: #f0f0f0;
 
-  --font-size: 1.2em;
-  --mobile-font-size: 1hem;
-  --header-font-size: 0.9em;
+    --font-size: 1.2em;
+    --mobile-font-size: 1hem;
+    --header-font-size: 0.9em;
 
-  --site-font: monospace;
-  --header-font: arial;
+    --site-font: monospace;
+    --header-font: arial;
 }
 /* default_variables_end */
 
@@ -142,500 +141,492 @@ img {
   height: auto;
 }
 a {
-  text-decoration: none;
   color: var(--link-color);
 }
+.placeholder {
+    opacity: 0.55;
+}
 a:hover {
-  text-decoration: underline;
+    text-decoration: underline;
 }
 /* site_end */
 
 /* generic_header_start */
 header {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  justify-content: normal;
-  align-items: normal;
-  align-content: normal;
-  max-width: 95%;
-  margin-left: auto;
-  margin-right: auto;
+    display: flex;
+    flex-direction: row;
+    flex-wrap: nowrap;
+    justify-content: normal;
+    align-items: normal;
+    align-content: normal;
+    max-width: 95%;
+    margin-left: auto;
+    margin-right: auto;
 }
 header > .logo {
-  display: block;
-  flex-grow: 0;
-  flex-shrink: 1;
-  flex-basis: auto;
-  align-self: auto;
-  order: 0;
-  width: 50px;
-  height: 80px;
-  background-color: var(--logo-bg-color);
-  position: relative;
-  overflow: hidden;
+    display: block;
+    flex-grow: 0;
+    flex-shrink: 1;
+    flex-basis: auto;
+    align-self: auto;
+    order: 0;
+    width: 50px;
+    height: 80px;
+    background-color: var(--logo-bg-color);
+    position: relative;
+    overflow: hidden;
 }
 header > .name {
-  display: block;
-  flex-grow: 1;
-  flex-shrink: 0;
-  flex-basis: auto;
-  align-self: auto;
-  order: 0;
-  text-align: left;
-  position: relative;
+    display: block;
+    flex-grow: 1;
+    flex-shrink: 0;
+    flex-basis: auto;
+    align-self: auto;
+    order: 0;
+    text-align: left;
+    position: relative;
 }
 header > .name > nav {
-  position: absolute;
-  bottom: -10px;
-  padding: 10px;
+    position: absolute;
+    bottom: -10px;
+    padding: 10px;
 } 
 h1 {
-  font-size: inherit;
-  margin: 0;
-  text-decoration: none;
+    font-size: inherit;
+    margin: 0;
+    text-decoration: none;
 } 
 sup {
-  font-size: 0.6em;
+    font-size: 0.6em;
 }
 /* generic_header_end */
 
 /* article_header_end */
 body.article > header > .logo {
-  background-color: var(--article-logo-bg-color);
+    background-color: var(--article-logo-bg-color);
 }
 body.article > header > .logo > img.files {
-  position: absolute;
-  bottom: 4px;
-  right: -2px;
-  transform: scale(1);
+    position: absolute;
+    bottom: 4px;
+    right: -2px;
+    transform: scale(1);
 }
 body.article  h1{
-  color: var(--article-logo-h1-color);
+    color: var(--article-logo-h1-color);
 }
 /* star_trek_header_end */
 
 /* star_trek_header_end */
 body.star-trek > header > .logo {
-  background-color: var(--star-trek-logo-bg-color);
+    background-color: var(--star-trek-logo-bg-color);
 }
 body.star-trek > header > .logo > img.stbadge {
-  position: absolute;
-  bottom: -12px;
-  right: -6px;
-  transform: scale(0.8);
+    position: absolute;
+    bottom: -12px;
+    right: -6px;
+    transform: scale(0.8);
 }
 body.star-trek  h1{
-  color: var(--star-trek-h1-color);
+    color: var(--star-trek-h1-color);
 }
 /* star_trek_header_end */
 
 /* site_info_header_end */
 body.site-info > header > .logo { 
-  background-color: var(--site-info-logo-bg-color);
+    background-color: var(--site-info-logo-bg-color);
 }
 body.site-info  h1{
-  color: var(--site-info-h1-color);
+    color: var(--site-info-h1-color);
 }
 /* site_info_header_end */
 
 /* bsd_header_end */
 body.bsd > header > .logo {
-  background-color: var(--bsd-logo-bg-color);
+    background-color: var(--bsd-logo-bg-color);
 }
 body.bsd > header > .logo > img.beastie {
-  position: absolute;
-  bottom: 0px;
-  right: -11px;
-  transform: scale(1.1);
+    position: absolute;
+    bottom: 0px;
+    right: -11px;
+    transform: scale(1.1);
 }
 body.bsd h1 {
-  color: var(--bsd-h1-color);
+    color: var(--bsd-h1-color);
 }
 /* bsd_header_end */
 
 /* blog_header_end */
 body.blog > header > .logo {
-  background-color: var(--blog-logo-bg-color);
+    background-color: var(--blog-logo-bg-color);
 }
 body.blog > header > .logo > img.blogicon {
-  position: absolute;
-  bottom: 0px;
-  right: -2px;
-  transform: scale(0.9);
+    position: absolute;
+    bottom: 0px;
+    right: -2px;
+    transform: scale(0.9);
 }
 body.blog h1 {
-  color: var(--blog-h1-color);
+    color: var(--blog-h1-color);
 }
 /* blog_header_end */
 
 /* emacs_header_start */
 body.emacs > header > .logo {
-  background-color: var(--emacs-logo-bg-color);
+    background-color: var(--emacs-logo-bg-color);
 }
 body.emacs > header > .logo > img {
-  position: absolute;
-  bottom: 0px;
-  right: -2px;
-  transform: scale(0.9);
+    position: absolute;
+    bottom: 0px;
+    right: -2px;
+    transform: scale(0.9);
 }
 body.emacs h1 {
-  color: var(--emacs-h1-color);
+    color: var(--emacs-h1-color);
 }
 /* blog_header_end */
 
 /* blog_post_list_start */
 article.blog-post-item > h2 > a {
-  text-decoration: none;
-}
-article.blog-post-item > nav {
-  display: inline-block;
-}
-article.blog-post-item > nav > a {
-  text-decoration: none;
-}
-nav.blog-pages-list {
-  margin-bottom: 20px;
-}
-nav.blog-pages-list a {
-  text-decoration: underline;
-}
-/* blog_post_list_end */
-
-/* article_list_start */
-article.article-abstract-list-item {
-  margin-bottom: 5px;
-}
-article.article-abstract-list-item > h2  {
-  margin-top: 0;
-}
-article.article-abstract-list-item > h2 > a {
-  text-decoration: none;
-}
-article.article-abstract-list-item > a {
-  text-decoration: none;
-}
-article.article-abstract-list-item > a > aside {
-  margin-top: 7px;
-  opacity : 0.7;
-}
-
-/* article_list_end */
-
-/* index_start */
-nav.personal {
-}
-nav.personal > a {
-    font-weight: bold;
-}
-
-/* index_end */
-
-
-/* mms_table_start */
-body.mms table {
-    width: 100%;
-    border-collapse: collapse;
-}
-
-body.mms td {
-    border-style: solid;
-    border-width: 1px;
-    padding: 3px;
-}
-/* mms_table_end */
-
-/* single_start */
-
-article  > .publish-date {
-    text-align: right;
-}
-
-article  > .publish-date  a {
     text-decoration: none;
 }
-/*single_end */
-
-/* inline_nav_start */
-.inline-nav > h4 {
-  text-transform: none!important;
-}
-.inline-nav > ul > li > b {
-  color: var(--star-trek-highlight-color);
-}
-
-/* inline_nav_end */
-
-
-
-
-
-/* legacy_code_start */
-
-/* ---------- Main  */
-main {
-  margin-top: 30px;
-}
-
-.list-item > a {
-  text-decoration: none;
-}
-/* ----------- Taxmomy list  */
-.taxonomy a {
-  text-decoration: none;
-}
-.list-item time {
-  opacity: 0.5;
-}
-.list-item span {
-  font-weight: bold;
-}
-
-/* ----------- Articles / Posts  */
-article {
-  margin-bottom: 20px;
-  padding: 5px;
-  line-height: 1.32em;
-}
-article p {
-  text-align: justify;
-}
-article a {
-  text-decoration: underline;
-}
-h2, h3, h4, h5 {
-  text-align: left;
-  border: 0;
-  border-bottom-width: 0px;
-  border-style: solid;
-  font-size: inherit;
-  text-transform: uppercase;
-}
-h2 {
-  border-bottom-width: 1px;
-}
-
-/* emacs_article_start */
-body.emacs h2 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) }
-body.emacs h3 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) }
-body.emacs h4 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) }
-body.emacs h5 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) }
-body.emacs h6 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) }
-/* emacs_article_end */
-    
-/* bss_article_start */
-body.bsd h2 { color: var(--bsd-h2-color); border-color: var(--bsd-h2-color) }
-body.bsd h3 { color: var(--bsd-h2-color); border-color: var(--bsd-h2-color) }
-body.bsd h4 { color: var(--bsd-h2-color); border-color: var(--bsd-h2-color) }
-body.bsd h5 { color: var(--bsd-h2-color); border-color: var(--bsd-h2-color) }
-body.bsd h6 { color: var(--bsd-h2-color); border-color: var(--bsd-h2-color) }
-/* emacs_article_end */
-
-/* emacs_article_start */
-body.star-trek h2 { color: var(--star-trek-h2-color); border-color: var(--star-trek-h2-color) }
-body.star-trek h3 { color: var(--star-trek-h2-color); border-color: var(--star-trek-h2-color) }
-body.star-trek h4 { color: var(--star-trek-h2-color); border-color: var(--star-trek-h2-color) }
-body.star-trek h5 { color: var(--star-trek-h2-color); border-color: var(--star-trek-h2-color) }
-body.star-trek h6 { color: var(--star-trek-h2-color); border-color: var(--star-trek-h2-color) }
-/* emacs_article_end */
-
-/* emacs_article_start */
-body.blog h2 { color: var(--blog-h2-color); border-color: var(--blog-h2-color) }
-body.blog h2 a { color: var(--blog-h2-color); border-color: var(--blog-h2-color) }
-body.blog h3 { color: var(--blog-h2-color); border-color: var(--blog-h2-color) }
-body.blog h4 { color: var(--blog-h2-color); border-color: var(--blog-h2-color) }
-body.blog h5 { color: var(--blog-h2-color); border-color: var(--blog-h2-color) }
-body.blog h6 { color: var(--blog-h2-color); border-color: var(--blog-h2-color) }
-/* emacs_article_end */
-
-blockquote {
-  border: 0;
-  border-left: 3px;
-  border-style: solid;
-  border-color: var(--blockquote-border-color);
-  margin-left: 15px;
-  padding-left: 15px;
-  color: var(--blockquote-color);
-}
-pre {
-  padding-bottom: 5px;
-  white-space: pre-wrap;
-  padding: 11px;
-  background-color: var(--pre-bg);
-  word-break: keep-all;
-}
-pre code {
-  max-width: 100%;
-  /* word-break: break-all; */
-}
-
-/* star_rek_article_start */
-body.emacs h2 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) }
-body.emacs h3 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) }
-body.emacs h4 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) }
-body.emacs h5 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) }
-body.emacs h6 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) }
-
-/* emacs_article_end */
-/* ----------- Articles images  */
-article figure {
-  text-align: center;
-  margin: 0;
-  max-width: 100%;
-  font-size: 0.8em;
-}
-img.float-right {
-  float: right;
-  display: inline;
-  margin-left: 10px;
-}
-img.center {
-  max-width: 100%;
-  height: auto;
-}
-img.small {
-  max-width: 50%;
-  height: auto;
-}
-figure.graph {
-  background-color: var(--highlight-bg);
-  padding: 5px;
-  padding-top: 20px;
-}
-figure.graph img {
-  width: 95%;
-}
-
-/* ----------- Articles adjustement navigation  */
-.next-link {
-  float: right;
-}
-
-/* ----------- Footer  */
-footer {
-  text-align: center;
-  padding: 10px 0 30px 0;
-}
-
-/* ---------- Footnotes  */
-a[href^="#fn:"], a[href^="#fnref:"] {
-  text-decoration: none;
-}
-a[href^="#fn:"]:before{ content: '[' }
-a[href^="#fn:"]:after{ content: ']' }
-.footnotes p {
-  margin: 3px;
-}
-.footnotes hr {
-    size: 1px;
-}
-.footnotes::before {
-  border: 0;
-  border-bottom-width: 1px;
-  border-style: solid;
-  font-weight: bold;
-  display: block;
-  text-transform: uppercase;
-}
-
-/* ----------- Donations  */
-.donor {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: center;
-  align-items: center;
-  align-content: flex-start;
-  gap: 50px;
-}
-
-/* --------- Code blocks  */
-
-/* Background  */ .bg { background-color: #f8f8f8; }
-/* PreWrapper  */ .chroma { background-color: #f8f8f8; }
-/* Other  */ .chroma .x {  }
-/* Error  */ .chroma .err {  }
-/* CodeLine  */ .chroma .cl {  }
-/* LineLink  */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
-/* LineTableTD  */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
-/* LineTable  */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
-/* LineHighlight  */ .chroma .hl { background-color: #ffffcc }
-/* LineNumbersTable  */ .chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
-/* LineNumbers  */ .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
-/* Line  */ .chroma .line { display: flex; }
-/* Keyword  */ .chroma .k { color: #aa22ff; font-weight: bold }
-/* KeywordConstant  */ .chroma .kc { color: #aa22ff; font-weight: bold }
-/* KeywordDeclaration  */ .chroma .kd { color: #aa22ff; font-weight: bold }
-/* KeywordNamespace  */ .chroma .kn { color: #aa22ff; font-weight: bold }
-/* KeywordPseudo  */ .chroma .kp { color: #aa22ff }
-/* KeywordReserved  */ .chroma .kr { color: #aa22ff; font-weight: bold }
-/* KeywordType  */ .chroma .kt { color: #00bb00; font-weight: bold }
-/* Name  */ .chroma .n {  }
-/* NameAttribute  */ .chroma .na { color: #bb4444 }
-/* NameBuiltin  */ .chroma .nb { color: #aa22ff }
-/* NameBuiltinPseudo  */ .chroma .bp {  }
-/* NameClass  */ .chroma .nc { color: #0000ff }
-/* NameConstant  */ .chroma .no { color: #880000 }
-/* NameDecorator  */ .chroma .nd { color: #aa22ff }
-/* NameEntity  */ .chroma .ni { color: #999999; font-weight: bold }
-/* NameException  */ .chroma .ne { color: #d2413a; font-weight: bold }
-/* NameFunction  */ .chroma .nf { color: #00a000 }
-/* NameFunctionMagic  */ .chroma .fm {  }
-/* NameLabel  */ .chroma .nl { color: #a0a000 }
-/* NameNamespace  */ .chroma .nn { color: #0000ff; font-weight: bold }
-/* NameOther  */ .chroma .nx {  }
-/* NameProperty  */ .chroma .py {  }
-/* NameTag  */ .chroma .nt { color: #008000; font-weight: bold }
-/* NameVariable  */ .chroma .nv { color: #b8860b }
-/* NameVariableClass  */ .chroma .vc {  }
-/* NameVariableGlobal  */ .chroma .vg {  }
-/* NameVariableInstance  */ .chroma .vi {  }
-/* NameVariableMagic  */ .chroma .vm {  }
-/* Literal  */ .chroma .l {  }
-/* LiteralDate  */ .chroma .ld {  }
-/* LiteralString  */ .chroma .s { color: #bb4444 }
-/* LiteralStringAffix  */ .chroma .sa { color: #bb4444 }
-/* LiteralStringBacktick  */ .chroma .sb { color: #bb4444 }
-/* LiteralStringChar  */ .chroma .sc { color: #bb4444 }
-/* LiteralStringDelimiter  */ .chroma .dl { color: #bb4444 }
-/* LiteralStringDoc  */ .chroma .sd { color: #bb4444; font-style: italic }
-/* LiteralStringDouble  */ .chroma .s2 { color: #bb4444 }
-/* LiteralStringEscape  */ .chroma .se { color: #bb6622; font-weight: bold }
-/* LiteralStringHeredoc  */ .chroma .sh { color: #bb4444 }
-/* LiteralStringInterpol  */ .chroma .si { color: #bb6688; font-weight: bold }
-/* LiteralStringOther  */ .chroma .sx { color: #008000 }
-/* LiteralStringRegex  */ .chroma .sr { color: #bb6688 }
-/* LiteralStringSingle  */ .chroma .s1 { color: #bb4444 }
-/* LiteralStringSymbol  */ .chroma .ss { color: #b8860b }
-/* LiteralNumber  */ .chroma .m { color: #666666 }
-/* LiteralNumberBin  */ .chroma .mb { color: #666666 }
-/* LiteralNumberFloat  */ .chroma .mf { color: #666666 }
-/* LiteralNumberHex  */ .chroma .mh { color: #666666 }
-/* LiteralNumberInteger  */ .chroma .mi { color: #666666 }
-/* LiteralNumberIntegerLong  */ .chroma .il { color: #666666 }
-/* LiteralNumberOct  */ .chroma .mo { color: #666666 }
-/* Operator  */ .chroma .o { color: #666666 }
-/* OperatorWord  */ .chroma .ow { color: #aa22ff; font-weight: bold }
-/* Punctuation  */ .chroma .p {  }
-/* Comment  */ .chroma .c { color: #008800; font-style: italic }
-/* CommentHashbang  */ .chroma .ch { color: #008800; font-style: italic }
-/* CommentMultiline  */ .chroma .cm { color: #008800; font-style: italic }
-/* CommentSingle  */ .chroma .c1 { color: #008800; font-style: italic }
-/* CommentSpecial  */ .chroma .cs { color: #008800; font-weight: bold }
-/* CommentPreproc  */ .chroma .cp { color: #008800 }
-/* CommentPreprocFile  */ .chroma .cpf { color: #008800 }
-/* Generic  */ .chroma .g {  }
-/* GenericDeleted  */ .chroma .gd { color: #a00000 }
-/* GenericEmph  */ .chroma .ge { font-style: italic }
-/* GenericError  */ .chroma .gr { color: #ff0000 }
-/* GenericHeading  */ .chroma .gh { color: #000080; font-weight: bold }
-/* GenericInserted  */ .chroma .gi { color: #00a000 }
-/* GenericOutput  */ .chroma .go { color: #888888 }
-/* GenericPrompt  */ .chroma .gp { color: #000080; font-weight: bold }
-/* GenericStrong  */ .chroma .gs { font-weight: bold }
-/* GenericSubheading  */ .chroma .gu { color: #800080; font-weight: bold }
-/* GenericTraceback  */ .chroma .gt { color: #0044dd }
-/* GenericUnderline  */ .chroma .gl { text-decoration: underline }
-/* TextWhitespace  */ .chroma .w { color: #bbbbbb }
-
-/* legacy_code_end */
+article.blog-post-item > nav {
+    display: inline-block;
+}
+ nav.blog-pages-list {
+     margin-bottom: 20px;
+ }
+ nav.blog-pages-list a {
+     text-decoration: underline;
+ }
+ /* blog_post_list_end */
+
+ /* article_list_start */
+ article.article-abstract-list-item {
+     margin-bottom: 5px;
+ }
+ article.article-abstract-list-item > h2  {
+     margin-top: 0;
+ }
+ article.article-abstract-list-item > h2 > a {
+     text-decoration: none;
+ }
+ article.article-abstract-list-item > a > aside {
+     margin-top: 7px;
+     opacity : 0.7;
+ }
+
+ /* article_list_end */
+
+ /* index_start */
+ nav.personal {
+ }
+ nav.personal > a {
+     font-weight: bold;
+ }
+
+ /* index_end */
+
+
+ /* mms_table_start */
+ body.mms table {
+     width: 100%;
+     border-collapse: collapse;
+ }
+
+ body.mms td {
+     border-style: solid;
+     border-width: 1px;
+     padding: 3px;
+ }
+ /* mms_table_end */
+
+ /* single_start */
+
+ article  > .publish-date {
+     text-align: right;
+ }
+
+ article  > .publish-date  a {
+     text-decoration: none;
+ }
+ /*single_end */
+
+ /* inline_nav_start */
+ .inline-nav > h4 {
+     text-transform: none!important;
+ }
+ .inline-nav > ul > li > b {
+     color: var(--star-trek-highlight-color);
+ }
+
+ /* inline_nav_end */
+
+
+
+
+
+ /* legacy_code_start */
+
+ /* ---------- Main  */
+ main {
+     margin-top: 30px;
+ }
+
+ 
+ /* ----------- Taxmomy list  */
+ 
+ .list-item time {
+     opacity: 0.5;
+ }
+ .list-item span {
+     font-weight: bold;
+ }
+
+ /* ----------- Articles / Posts  */
+ article {
+     margin-bottom: 20px;
+     padding: 5px;
+     line-height: 1.32em;
+ }
+ article p {
+     text-align: justify;
+ }
+ article a {
+     text-decoration: underline;
+ }
+ h2, h3, h4, h5 {
+     text-align: left;
+     border: 0;
+     border-bottom-width: 0px;
+     border-style: solid;
+     font-size: inherit;
+     text-transform: uppercase;
+ }
+ h2 {
+     border-bottom-width: 1px;
+ }
+
+ /* emacs_article_start */
+ body.emacs h2 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) }
+ body.emacs h3 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) }
+ body.emacs h4 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) }
+ body.emacs h5 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) }
+ body.emacs h6 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) }
+ /* emacs_article_end */
+ 
+ /* bss_article_start */
+ body.bsd h2 { color: var(--bsd-h2-color); border-color: var(--bsd-h2-color) }
+ body.bsd h3 { color: var(--bsd-h2-color); border-color: var(--bsd-h2-color) }
+ body.bsd h4 { color: var(--bsd-h2-color); border-color: var(--bsd-h2-color) }
+ body.bsd h5 { color: var(--bsd-h2-color); border-color: var(--bsd-h2-color) }
+ body.bsd h6 { color: var(--bsd-h2-color); border-color: var(--bsd-h2-color) }
+ /* emacs_article_end */
+
+ /* emacs_article_start */
+ body.star-trek h2 { color: var(--star-trek-h2-color); border-color: var(--star-trek-h2-color) }
+ body.star-trek h3 { color: var(--star-trek-h2-color); border-color: var(--star-trek-h2-color) }
+ body.star-trek h4 { color: var(--star-trek-h2-color); border-color: var(--star-trek-h2-color) }
+ body.star-trek h5 { color: var(--star-trek-h2-color); border-color: var(--star-trek-h2-color) }
+ body.star-trek h6 { color: var(--star-trek-h2-color); border-color: var(--star-trek-h2-color) }
+ /* emacs_article_end */
+
+ /* emacs_article_start */
+ body.blog h2 { color: var(--blog-h2-color); border-color: var(--blog-h2-color) }
+ body.blog h2 a { color: var(--blog-h2-color); border-color: var(--blog-h2-color) }
+ body.blog h3 { color: var(--blog-h2-color); border-color: var(--blog-h2-color) }
+ body.blog h4 { color: var(--blog-h2-color); border-color: var(--blog-h2-color) }
+ body.blog h5 { color: var(--blog-h2-color); border-color: var(--blog-h2-color) }
+ body.blog h6 { color: var(--blog-h2-color); border-color: var(--blog-h2-color) }
+ /* emacs_article_end */
+
+ blockquote {
+     border: 0;
+     border-left: 3px;
+     border-style: solid;
+     border-color: var(--blockquote-border-color);
+     margin-left: 15px;
+     padding-left: 15px;
+     color: var(--blockquote-color);
+ }
+ pre {
+     padding-bottom: 5px;
+     white-space: pre-wrap;
+     padding: 11px;
+     background-color: var(--pre-bg);
+     word-break: keep-all;
+ }
+ pre code {
+     max-width: 100%;
+     /* word-break: break-all; */
+ }
+
+ /* star_rek_article_start */
+ body.emacs h2 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) }
+ body.emacs h3 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) }
+ body.emacs h4 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) }
+ body.emacs h5 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) }
+ body.emacs h6 { color: var(--emacs-h2-color); border-color: var(--emacs-h2-color) }
+
+ /* emacs_article_end */
+ /* ----------- Articles images  */
+ article figure {
+     text-align: center;
+     margin: 0;
+     max-width: 100%;
+     font-size: 0.8em;
+ }
+ img.float-right {
+     float: right;
+     display: inline;
+     margin-left: 10px;
+ }
+ img.center {
+     max-width: 100%;
+     height: auto;
+ }
+ img.small {
+     max-width: 50%;
+     height: auto;
+ }
+ figure.graph {
+     background-color: var(--highlight-bg);
+     padding: 5px;
+     padding-top: 20px;
+ }
+ figure.graph img {
+     width: 95%;
+ }
+
+ /* ----------- Articles adjustement navigation  */
+ .next-link {
+     float: right;
+ }
+
+ /* ----------- Footer  */
+ footer {
+     text-align: center;
+     padding: 10px 0 30px 0;
+ }
+
+ /* ---------- Footnotes  */
+ a[href^="#fn:"], a[href^="#fnref:"] {
+     text-decoration: none;
+ }
+ a[href^="#fn:"]:before{ content: '[' }
+ a[href^="#fn:"]:after{ content: ']' }
+ .footnotes p {
+     margin: 3px;
+ }
+ .footnotes hr {
+     size: 1px;
+ }
+ .footnotes::before {
+     border: 0;
+     border-bottom-width: 1px;
+     border-style: solid;
+     font-weight: bold;
+     display: block;
+     text-transform: uppercase;
+ }
+
+ /* ----------- Donations  */
+ .donor {
+     display: flex;
+     flex-direction: row;
+     flex-wrap: wrap;
+     justify-content: center;
+     align-items: center;
+     align-content: flex-start;
+     gap: 50px;
+ }
+
+ /* --------- Code blocks  */
+
+ /* Background  */ .bg { background-color: #f8f8f8; }
+ /* PreWrapper  */ .chroma { background-color: #f8f8f8; }
+ /* Other  */ .chroma .x {  }
+ /* Error  */ .chroma .err {  }
+ /* CodeLine  */ .chroma .cl {  }
+ /* LineLink  */ .chroma .lnlinks { outline: none; text-decoration: none; color: inherit }
+ /* LineTableTD  */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
+ /* LineTable  */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; }
+ /* LineHighlight  */ .chroma .hl { background-color: #ffffcc }
+ /* LineNumbersTable  */ .chroma .lnt { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
+ /* LineNumbers  */ .chroma .ln { white-space: pre; -webkit-user-select: none; user-select: none; margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
+ /* Line  */ .chroma .line { display: flex; }
+ /* Keyword  */ .chroma .k { color: #aa22ff; font-weight: bold }
+ /* KeywordConstant  */ .chroma .kc { color: #aa22ff; font-weight: bold }
+ /* KeywordDeclaration  */ .chroma .kd { color: #aa22ff; font-weight: bold }
+ /* KeywordNamespace  */ .chroma .kn { color: #aa22ff; font-weight: bold }
+ /* KeywordPseudo  */ .chroma .kp { color: #aa22ff }
+ /* KeywordReserved  */ .chroma .kr { color: #aa22ff; font-weight: bold }
+ /* KeywordType  */ .chroma .kt { color: #00bb00; font-weight: bold }
+ /* Name  */ .chroma .n {  }
+ /* NameAttribute  */ .chroma .na { color: #bb4444 }
+ /* NameBuiltin  */ .chroma .nb { color: #aa22ff }
+ /* NameBuiltinPseudo  */ .chroma .bp {  }
+ /* NameClass  */ .chroma .nc { color: #0000ff }
+ /* NameConstant  */ .chroma .no { color: #880000 }
+ /* NameDecorator  */ .chroma .nd { color: #aa22ff }
+ /* NameEntity  */ .chroma .ni { color: #999999; font-weight: bold }
+ /* NameException  */ .chroma .ne { color: #d2413a; font-weight: bold }
+ /* NameFunction  */ .chroma .nf { color: #00a000 }
+ /* NameFunctionMagic  */ .chroma .fm {  }
+ /* NameLabel  */ .chroma .nl { color: #a0a000 }
+ /* NameNamespace  */ .chroma .nn { color: #0000ff; font-weight: bold }
+ /* NameOther  */ .chroma .nx {  }
+ /* NameProperty  */ .chroma .py {  }
+ /* NameTag  */ .chroma .nt { color: #008000; font-weight: bold }
+ /* NameVariable  */ .chroma .nv { color: #b8860b }
+ /* NameVariableClass  */ .chroma .vc {  }
+ /* NameVariableGlobal  */ .chroma .vg {  }
+ /* NameVariableInstance  */ .chroma .vi {  }
+ /* NameVariableMagic  */ .chroma .vm {  }
+ /* Literal  */ .chroma .l {  }
+ /* LiteralDate  */ .chroma .ld {  }
+ /* LiteralString  */ .chroma .s { color: #bb4444 }
+ /* LiteralStringAffix  */ .chroma .sa { color: #bb4444 }
+ /* LiteralStringBacktick  */ .chroma .sb { color: #bb4444 }
+ /* LiteralStringChar  */ .chroma .sc { color: #bb4444 }
+ /* LiteralStringDelimiter  */ .chroma .dl { color: #bb4444 }
+ /* LiteralStringDoc  */ .chroma .sd { color: #bb4444; font-style: italic }
+ /* LiteralStringDouble  */ .chroma .s2 { color: #bb4444 }
+ /* LiteralStringEscape  */ .chroma .se { color: #bb6622; font-weight: bold }
+ /* LiteralStringHeredoc  */ .chroma .sh { color: #bb4444 }
+ /* LiteralStringInterpol  */ .chroma .si { color: #bb6688; font-weight: bold }
+ /* LiteralStringOther  */ .chroma .sx { color: #008000 }
+ /* LiteralStringRegex  */ .chroma .sr { color: #bb6688 }
+ /* LiteralStringSingle  */ .chroma .s1 { color: #bb4444 }
+ /* LiteralStringSymbol  */ .chroma .ss { color: #b8860b }
+ /* LiteralNumber  */ .chroma .m { color: #666666 }
+ /* LiteralNumberBin  */ .chroma .mb { color: #666666 }
+ /* LiteralNumberFloat  */ .chroma .mf { color: #666666 }
+ /* LiteralNumberHex  */ .chroma .mh { color: #666666 }
+ /* LiteralNumberInteger  */ .chroma .mi { color: #666666 }
+ /* LiteralNumberIntegerLong  */ .chroma .il { color: #666666 }
+ /* LiteralNumberOct  */ .chroma .mo { color: #666666 }
+ /* Operator  */ .chroma .o { color: #666666 }
+ /* OperatorWord  */ .chroma .ow { color: #aa22ff; font-weight: bold }
+ /* Punctuation  */ .chroma .p {  }
+ /* Comment  */ .chroma .c { color: #008800; font-style: italic }
+ /* CommentHashbang  */ .chroma .ch { color: #008800; font-style: italic }
+ /* CommentMultiline  */ .chroma .cm { color: #008800; font-style: italic }
+ /* CommentSingle  */ .chroma .c1 { color: #008800; font-style: italic }
+ /* CommentSpecial  */ .chroma .cs { color: #008800; font-weight: bold }
+ /* CommentPreproc  */ .chroma .cp { color: #008800 }
+ /* CommentPreprocFile  */ .chroma .cpf { color: #008800 }
+ /* Generic  */ .chroma .g {  }
+ /* GenericDeleted  */ .chroma .gd { color: #a00000 }
+ /* GenericEmph  */ .chroma .ge { font-style: italic }
+ /* GenericError  */ .chroma .gr { color: #ff0000 }
+ /* GenericHeading  */ .chroma .gh { color: #000080; font-weight: bold }
+ /* GenericInserted  */ .chroma .gi { color: #00a000 }
+ /* GenericOutput  */ .chroma .go { color: #888888 }
+ /* GenericPrompt  */ .chroma .gp { color: #000080; font-weight: bold }
+ /* GenericStrong  */ .chroma .gs { font-weight: bold }
+ /* GenericSubheading  */ .chroma .gu { color: #800080; font-weight: bold }
+ /* GenericTraceback  */ .chroma .gt { color: #0044dd }
+ /* GenericUnderline  */ .chroma .gl { text-decoration: underline }
+ /* TextWhitespace  */ .chroma .w { color: #bbbbbb }
+
+ /* legacy_code_end */