feat: nameplate and more composition

1 files changed, 235 insertions, 252 deletions

diff --git a/static/style.css b/static/style.css
index 0d06ab4..e514c67 100644
--- a/static/style.css
+++ b/static/style.css
@@ -140,16 +140,13 @@ img {
   width: auto;
   height: auto;
 }
-a {
-  color: var(--link-color);
-}
+a { color: var(--link-color); }
+h2 a { text-decoration: none; }
+
 .placeholder {
     opacity: 0.55;
 }
-a:hover {
-    text-decoration: underline;
-}
-/* site_end */
+ /* site_end */
 
 /* generic_header_start */
 header {
@@ -292,121 +289,110 @@ article.blog-post-item > h2 > a {
 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 */
+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;
+}
+
+
+table.small { width: auto; border-style: none!important; }
+table.small td { border-style: none!important; }
+table.small tr { border-style: none!important; }
+
+/* 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 */
 .emacs h2 { color: var(--emacs-highlight-color); border-color: var(--emacs-highlight-color) }
 .emacs h3 { color: var(--emacs-highlight-color); border-color: var(--emacs-highlight-color) }
 .emacs h4 { color: var(--emacs-highlight-color); border-color: var(--emacs-highlight-color) }
@@ -454,9 +440,6 @@ body.blog h6 { color: var(--blog-highlight-color); border-color: var(--blog-high
 /* emacs_article_end */
 
 
-
-
-
 blockquote {
     border: 0;
     border-left: 3px;
@@ -521,130 +504,130 @@ figure.graph img {
 }
 
 /* ----------- 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 */
+    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 */