Add cybrecluster header

assets/theme.css

@@ -29,3 +29,29 @@ a:active {
 a:visited {
   color: brown;
 }
+#meta-header {
+  background-color: black;
+  color: white;
+  font-family: monospace;
+  max-width: 814px;
+  padding: 2px 5px 0;
+  border-color: white;
+  border-radius: 2px;
+  border-width: 1px;
+  border-style: solid;
+  overflow: auto;
+}
+#meta-header p {
+  margin: 0;
+}
+#meta-header a, #meta-header a:active, #meta-header a:visited {
+  color: white;
+}
+#meta-header-links {
+  float: right;
+  margin: 0;
+  margin-left: auto;
+}
+#meta-header-links a:not(:hover) {
+  text-decoration: none;
+}

build.sh

@@ -9,6 +9,7 @@ for file in content/**/*.md; do
 		--read markdown \
 		--write html \
 		--standalone \
+		--include-in-header include-header.html \
 		--include-before-body include-before.html \
 		--include-after-body include-after.html \
 		--css $(echo "$(dirname $(dirname "$file"))/theme.css" | sed 's|^\./||;s|[^/]*/|../|g') \

include-before.html

@@ -1 +1,10 @@
+<div id="meta-header">
+  <div id="meta-header-links">
+    <a href="https://tilde.town/~lucidiot/"><img src="/~lucitoast/img/town.gif" alt="" /> town</a>
+    <a href="https://breadpunk.club/~lucitoast/"><img src="/~lucitoast/img/bread.gif" alt="" /> <strong>breadpunk</strong></a>
+    <a href="https://envs.net/~lucidiot/"><img src="/~lucitoast/img/envs.gif" alt="" /> envs</a>
+    <a href="https://brainshit.fr/"><img src="/~lucitoast/img/brainshit.gif" alt="" /> brainshit</a>
+  </div>
+  <p>lucidiot's cybrecluster</p>
+</div>
 <div id="main">

include-header.html

@@ -0,0 +1 @@
+<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" />