Overhaul for self hosting, tweaks

5 files changed, 108 insertions, 0 deletions

diff --git a/assets/favicon.ico b/assets/favicon.ico
new file mode 100644
index 0000000..29e51a7
--- /dev/null
+++ b/assets/favicon.ico
diff --git a/assets/images/fvwm.png b/assets/images/fvwm.png
new file mode 100644
index 0000000..4b3b9fe
--- /dev/null
+++ b/assets/images/fvwm.png
diff --git a/assets/images/pager.png b/assets/images/pager.png
new file mode 100644
index 0000000..13d0d61
--- /dev/null
+++ b/assets/images/pager.png
diff --git a/assets/images/xenodm-stock.png b/assets/images/xenodm-stock.png
new file mode 100644
index 0000000..a6e4750
--- /dev/null
+++ b/assets/images/xenodm-stock.png
diff --git a/assets/style.css b/assets/style.css
new file mode 100644
index 0000000..0f13cd1
--- /dev/null
+++ b/assets/style.css
@@ -0,0 +1,108 @@
+* {
+    box-sizing: border-box;
+}
+
+body {
+    background: white;
+    line-height: 1.55;
+    margin: 0 auto;
+    padding: 10px;
+}
+
+:link {
+    color: #23238E;
+}
+:visited {
+    color: #008088;
+}
+
+.title {
+    font-family: "Times New Roman", Times, serif;
+}
+
+.title i {
+    color: #0000FF;
+}
+.title b {
+    color: #000084;
+}
+
+header {
+    padding: 0 0 10px;
+}
+
+img {
+    margin: 0 auto;
+    max-width: 100%;
+}
+
+h1 {
+    margin: 0;
+    padding: 0.5rem 0 0;
+}
+
+blockquote {
+    background: rgba(0,0,0,0.04);
+    border-left: 4px solid;
+    margin: 2rem 0;
+    padding: 6px 10px;
+}
+blockquote p {
+    font-style: italic;
+    margin: 0;
+}
+
+pre {
+    background: whitesmoke;
+    border: 1px solid;
+    overflow: scroll;
+    padding: 10px;
+    max-width:100%;
+}
+
+code {
+    background: whitesmoke;
+}
+
+p code, li code, dl code {
+    border: 1px solid;
+    padding: 1px 2px;
+}
+
+h2 code {
+    font-size: 24px;
+}
+
+footer p {
+    font-size: 90%;
+}
+
+@media (min-width: 800px) {
+    body {
+        max-width: 85%;
+    }
+}
+
+@media(prefers-color-scheme: dark) {
+    body {
+        background: #1E1F21;
+    }
+    :link {
+        color: #BAD7FF;
+    }
+    :visited {
+        color: #F6BAFF;
+    }
+    .title {
+        text-shadow: 2px 2px black;
+    }
+    .title i {
+        color: #F2CA30;
+    }
+    .title b {
+        color: #CF4229;
+    }
+    pre, code {
+        background: black;
+    }
+}