4 files changed, 102 insertions, 0 deletions
diff --git a/themes/cranky/static/favicon.ico b/themes/cranky/static/favicon.ico
new file mode 100644
index 0000000..8580b50
--- /dev/null
+++ b/themes/cranky/static/favicon.ico
diff --git a/themes/cranky/static/qr-diag.png b/themes/cranky/static/qr-diag.png
new file mode 100644
index 0000000..2e58ca2
--- /dev/null
+++ b/themes/cranky/static/qr-diag.png
diff --git a/themes/cranky/static/rss.svg b/themes/cranky/static/rss.svg
new file mode 100644
index 0000000..59ea164
--- /dev/null
+++ b/themes/cranky/static/rss.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M0 64C0 46.3 14.3 32 32 32c229.8 0 416 186.2 416 416c0 17.7-14.3 32-32 32s-32-14.3-32-32C384 253.6 226.4 96 32 96C14.3 96 0 81.7 0 64zM0 416a64 64 0 1 1 128 0A64 64 0 1 1 0 416zM32 160c159.1 0 288 128.9 288 288c0 17.7-14.3 32-32 32s-32-14.3-32-32c0-123.7-100.3-224-224-224c-17.7 0-32-14.3-32-32s14.3-32 32-32z" fill="#f2f1f0"/></svg>
diff --git a/themes/cranky/static/style.css b/themes/cranky/static/style.css
new file mode 100644
index 0000000..a53ad99
--- /dev/null
+++ b/themes/cranky/static/style.css
@@ -0,0 +1,101 @@
+:root {
+  --std-bg: #111a1f;
+  --light-bg: #222d32;
+  --header-fg: #f2f1f0;
+  --text-fg: #c0c7ca;
+  --link-fg-std: #ebcb88;
+  --link-fg-hover: #b7416e;
+}
+
+body {
+  font-family: sans-serif;
+  color: var(--text-fg);
+  background: var(--std-bg);
+}
+
+main {
+  max-width: 800px;
+  margin: auto;
+}
+
+img {
+  max-width: 100%;
+}
+
+header h1 {
+  color: var(--header-fg);
+  text-align: center;
+}
+
+footer {
+  text-align: center;
+  clear: both;
+}
+
+a {
+  color: var(--link-fg-std);
+  text-decoration: none;
+}
+
+a:hover {
+  color: var(--link-fg-hover);
+}
+
+/* For TAGLIST.HTML */
+.taglist {
+  text-align: center;
+  clear: both;
+}
+
+/* For NEXTPREV.HTML */
+#nextprev {
+  /* The container for both the previous and next articles. */
+}
+#prevart {
+  float: left;
+  text-align: left;
+}
+#nextart {
+  float: right;
+  text-align: right;
+}
+#nextart,
+#prevart {
+  max-width: 33%;
+}
+
+/* Photo Gallery Stuff */
+
+.photo-gallery {
+  column-count: 3;
+  column-gap: 20px;
+  min-width: 300px;
+  width: 100%;
+  max-width: 1500px;
+}
+
+.photo-gallery > a {
+  display: inline-block;
+  padding: 20 20px;
+  margin: auto;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+@media screen and (max-width: 600) {
+  .photo-gallery {
+    column-count: 1;
+  }
+}
+
+@media screen and (min-width: 1025px) {
+  .photo-gallery {
+    column-count: 3;
+  }
+}
+
+@media screen and (min-width: 1200px) {
+  .photo-gallery {
+    column-count: 4;
+  }
+}