End of NixOS container era

1 files changed, 181 insertions, 61 deletions

diff --git a/hosts/denpa/cgit/custom.css b/hosts/denpa/cgit/custom.css
index 2bcabe9..1f7dd9c 100644
--- a/hosts/denpa/cgit/custom.css
+++ b/hosts/denpa/cgit/custom.css
@@ -4,90 +4,103 @@
 
 @import url("cgit.css");
 
-/*
-div#cgit a.tag-annotated-deco {
-	color: #000;
-	margin: 0px 0.5em;
-	padding: 0px 0.25em;
-	border: solid 1px #777700;
-	background: linear-gradient(90deg, rgba(186,148,62,1) 0%, rgba(236,172,32,1) 30%, rgba(186,148,62,1) 49%, rgba(249,244,180,1) 70%);
-	background: linear-gradient(90deg, rgba(186,148,62,1) 0%, rgba(236,172,32,1) 20%, rgba(186,148,62,1) 39%, rgba(249,244,180,1) 50%, rgba(186,148,62,1) 60%, rgba(236,172,32,1) 80%, rgba(186,148,62,1) 100%);
-	animation: shine 3s infinite;
-	background-size: 200%;
-  background-position: left;
-	background-repeat: repeat-x;
-	-webkit-animation-timing-function: linear;
-	-webkit-animation-duration: 9s;
-}
-
-@keyframes shine {
-  to{background-position: 200%}
+/* @TODO: Create new palette type. Add/Delete/Modifiy (Green/Red/Yellow) + 2-3 Accent colors.
+ *  Then fill out pygments colors.
+ * */
+:root {
+  --background: #fdfbfc;
+  --highlight1: 249, 119, 158; /* #f9779e */
+  --highlight2: 132, 146, 95; /* #84925f  */
+  --highlight3: 238, 186, 179; /* #eebab3 */
+  --highlight4: 89, 160, 254; /* #59a8fe */
+  --color1: #f1f5ff;
+  --color2: #e8eefc;
+  --color3: #fdfbfc;
+  --black: #13090c;
+  --gray: 119, 119, 119; /* #777777 */
+  --gray0: #393232;
+  --gray1: #777;
+  --gray2: #aaa;
 }
 
-div#cgit span.age-hours {
-	color: #080;
+div#cgit a.tag-annotated-deco {
+  color: var(--black);
+  margin: 0px 0.5em;
+  padding: 0px 0.25em;
+  border: solid 1px var(--black);
+  background: linear-gradient(90deg, #eebab3 0%, #f7afab 12%, #eebab3 37%, #ffe5dc 50%, #eebab3 62%, #f7afab 79%, #eebab3 100%);
+  animation: shine 3.45s infinite;
+  background-size: 200%;
+  background-position: left;
+  background-repeat: repeat-x;
+  -webkit-animation-timing-function: linear;
+  -webkit-animation-duration: 3.45s;
 }
 
-div#cgit span.age-days {
-	color: #040;
+div#cgit a:hover.tag-annotated-deco {
+  color: var(--black) !important;
 }
 
-div#cgit span.age-weeks {
-	color: #444;
+@keyframes shine {
+  0% {background-position:-100%;}
+  100% {background-position:100%;}
 }
 
-div#cgit span.age-months {
-	color: #888;
+* {
+  line-height: 1.35em;
 }
 
-div#cgit span.age-years {
-	color: #bbb;
+body {
+  background-color: var(--background);
 }
 
-div#cgit span.insertions {
-	color: #080;
+h2 {
+  border-bottom: 1px solid rgb(var(--gray));
 }
 
-div#cgit span.deletions {
-	color: #800;
+h1, h2 {
+  margin: 1.0em 0em 0.30em 0em;
 }
-*/
 
-:root {
-  --background: #fef9fa;
-  --highlight1: 181, 57, 57; /* #b53939 */
-  --highlight2: 130, 137, 69; /* #828945  */
-  --highlight3: 221, 182, 123; /* #ddb67b */
-  --highlight4: 66, 49, 82; /* #423152 */
-  --color1: rgba(var(--highlight1), 0.045);
-  --color2: rgba(var(--highlight1), 0.09);
-  --color3: #fef9fa;
-  --color4: rgba(var(--color3), 0.09);
-  --black: #13090c;
-  --gray0: #393232;
-  --gray1: #777;
-  --gray2: #aaa;
-  --gray: 119, 119, 119; /* #777777 */
+h3, h4, h5 {
+  margin: 0.8em 0em -0.10em 0em;
 }
 
-* {
-  line-height: 1.4em;
+pre {
+  margin: 0.50em 0em;
 }
 
-body {
-  background-color: var(--background);
+p {
+  margin: 0.4em 0em;
 }
 
 a:hover {
-  color: rgb(var(--highlight1)) !important;
+  color: rgb(var(--highlight4)) !important;
 }
 
 ul {
-  padding-left: 2rem;
+  padding-left: 1.25rem;
 }
 
+p code {
+  padding: 0em 0.1em;
+}
+
+.listingblock,
 code {
+  font-family: monospace;
+  font-size: 11pt;
   background-color: var(--color1);
+  background-size: cover;
+}
+
+.listingblock {
+  text-wrap: stable;
+  word-break: break-all;
+  display: inline-block;
+  border: solid 1px var(--gray2);
+  margin: 0.35em 0em;
+  padding: 0em 0.4em !important;
 }
 
 div#cgit {
@@ -180,16 +193,21 @@ div#cgit a.deco {
   border: solid 1px var(--black);
 }
 
+div#cgit a:hover.deco {
+  color: var(--black) !important;
+}
+
 div#cgit a.branch-deco {
   background-color: rgba(var(--highlight2), 0.65);
   border: solid 1px var(--black);
 }
 
-div#cgit a.tag-annotated-deco {
+div#cgit a:hover.branch-deco {
+  color: var(--black) !important;
 }
 
 div#cgit div#summary {
-  max-width: 80ch;
+  max-width: 90ch;
   margin: 0.5em;
   overflow-wrap: break-word;
 }
@@ -268,20 +286,51 @@ div#cgit a.permalink {
   color: inherit;
 }
 
+/*
+div#cgit span.age-hours {
+	color: #080;
+}
+
+div#cgit span.age-days {
+	color: #040;
+}
+
+div#cgit span.age-weeks {
+	color: #444;
+}
+
+div#cgit span.age-months {
+	color: #888;
+}
+
+div#cgit span.age-years {
+	color: #bbb;
+}
+
+div#cgit span.insertions {
+	color: #080;
+}
+
+div#cgit span.deletions {
+	color: #800;
+}
+*/
+
 /* https://git.zx2c4.com/cgit.css:905 */
 div#cgit span.libravatar img.onhover {
   display: none;
-  border: 0.1em solid gray;
-  padding: 0px;
-  border-radius: 0.3em;
+  border: solid 1px var(--gray2);
+  padding: 0em;
+  border-radius: 3px;
   width: 12em;
   height: 12em;
 }
 
 div#cgit span.libravatar img.inline {
-  width: 1.4em;
-  height: 1.4em;
+  width: 1.5em;
+  height: 1.5em;
   margin-right: 0.2em;
+  border-radius: 3px;
   vertical-align: bottom;
 }
 
@@ -292,3 +341,74 @@ div#cgit span.libravatar:hover > img.onhover {
   background-color: var(--background);
   box-shadow: 0.15em 0.15em 0.4em rgba(var(--gray), 0.75);
 }
+
+pre.pygments .hll { background-color: #ffffcc }
+pre.pygments { background: #f8f8f8; }
+pre.pygments .tok-c { color: #3D7B7B; font-style: italic } /* Comment */
+pre.pygments .tok-err { border: 1px solid #FF0000 } /* Error */
+pre.pygments .tok-k { color: #008000; font-weight: bold } /* Keyword */
+pre.pygments .tok-o { color: #666666 } /* Operator */
+pre.pygments .tok-ch { color: #3D7B7B; font-style: italic } /* Comment.Hashbang */
+pre.pygments .tok-cm { color: #3D7B7B; font-style: italic } /* Comment.Multiline */
+pre.pygments .tok-cp { color: #9C6500 } /* Comment.Preproc */
+pre.pygments .tok-cpf { color: #3D7B7B; font-style: italic } /* Comment.PreprocFile */
+pre.pygments .tok-c1 { color: #3D7B7B; font-style: italic } /* Comment.Single */
+pre.pygments .tok-cs { color: #3D7B7B; font-style: italic } /* Comment.Special */
+pre.pygments .tok-gd { color: #A00000 } /* Generic.Deleted */
+pre.pygments .tok-ge { font-style: italic } /* Generic.Emph */
+pre.pygments .tok-ges { font-weight: bold; font-style: italic } /* Generic.EmphStrong */
+pre.pygments .tok-gr { color: #E40000 } /* Generic.Error */
+pre.pygments .tok-gh { color: #000080; font-weight: bold } /* Generic.Heading */
+pre.pygments .tok-gi { color: #008400 } /* Generic.Inserted */
+pre.pygments .tok-go { color: #717171 } /* Generic.Output */
+pre.pygments .tok-gp { color: #000080; font-weight: bold } /* Generic.Prompt */
+pre.pygments .tok-gs { font-weight: bold } /* Generic.Strong */
+pre.pygments .tok-gu { color: #800080; font-weight: bold } /* Generic.Subheading */
+pre.pygments .tok-gt { color: #0044DD } /* Generic.Traceback */
+pre.pygments .tok-kc { color: #008000; font-weight: bold } /* Keyword.Constant */
+pre.pygments .tok-kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
+pre.pygments .tok-kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
+pre.pygments .tok-kp { color: #008000 } /* Keyword.Pseudo */
+pre.pygments .tok-kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
+pre.pygments .tok-kt { color: #B00040 } /* Keyword.Type */
+pre.pygments .tok-m { color: #666666 } /* Literal.Number */
+pre.pygments .tok-s { color: #BA2121 } /* Literal.String */
+pre.pygments .tok-na { color: #687822 } /* Name.Attribute */
+pre.pygments .tok-nb { color: #008000 } /* Name.Builtin */
+pre.pygments .tok-nc { color: #0000FF; font-weight: bold } /* Name.Class */
+pre.pygments .tok-no { color: #880000 } /* Name.Constant */
+pre.pygments .tok-nd { color: #AA22FF } /* Name.Decorator */
+pre.pygments .tok-ni { color: #717171; font-weight: bold } /* Name.Entity */
+pre.pygments .tok-ne { color: #CB3F38; font-weight: bold } /* Name.Exception */
+pre.pygments .tok-nf { color: #0000FF } /* Name.Function */
+pre.pygments .tok-nl { color: #767600 } /* Name.Label */
+pre.pygments .tok-nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
+pre.pygments .tok-nt { color: #008000; font-weight: bold } /* Name.Tag */
+pre.pygments .tok-nv { color: #19177C } /* Name.Variable */
+pre.pygments .tok-ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
+pre.pygments .tok-w { color: #bbbbbb } /* Text.Whitespace */
+pre.pygments .tok-mb { color: #666666 } /* Literal.Number.Bin */
+pre.pygments .tok-mf { color: #666666 } /* Literal.Number.Float */
+pre.pygments .tok-mh { color: #666666 } /* Literal.Number.Hex */
+pre.pygments .tok-mi { color: #666666 } /* Literal.Number.Integer */
+pre.pygments .tok-mo { color: #666666 } /* Literal.Number.Oct */
+pre.pygments .tok-sa { color: #BA2121 } /* Literal.String.Affix */
+pre.pygments .tok-sb { color: #BA2121 } /* Literal.String.Backtick */
+pre.pygments .tok-sc { color: #BA2121 } /* Literal.String.Char */
+pre.pygments .tok-dl { color: #BA2121 } /* Literal.String.Delimiter */
+pre.pygments .tok-sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
+pre.pygments .tok-s2 { color: #BA2121 } /* Literal.String.Double */
+pre.pygments .tok-se { color: #AA5D1F; font-weight: bold } /* Literal.String.Escape */
+pre.pygments .tok-sh { color: #BA2121 } /* Literal.String.Heredoc */
+pre.pygments .tok-si { color: #A45A77; font-weight: bold } /* Literal.String.Interpol */
+pre.pygments .tok-sx { color: #008000 } /* Literal.String.Other */
+pre.pygments .tok-sr { color: #A45A77 } /* Literal.String.Regex */
+pre.pygments .tok-s1 { color: #BA2121 } /* Literal.String.Single */
+pre.pygments .tok-ss { color: #19177C } /* Literal.String.Symbol */
+pre.pygments .tok-bp { color: #008000 } /* Name.Builtin.Pseudo */
+pre.pygments .tok-fm { color: #0000FF } /* Name.Function.Magic */
+pre.pygments .tok-vc { color: #19177C } /* Name.Variable.Class */
+pre.pygments .tok-vg { color: #19177C } /* Name.Variable.Global */
+pre.pygments .tok-vi { color: #19177C } /* Name.Variable.Instance */
+pre.pygments .tok-vm { color: #19177C } /* Name.Variable.Magic */
+pre.pygments .tok-il { color: #666666 } /* Literal.Number.Integer.Long */