From 583c01de122be399dcbf200ccc3f8bb8687c2cd1 Mon Sep 17 00:00:00 2001
From: Karan Jayachandra <mail@karanjayachandra.com>
Date: Fri, 26 Sep 2025 17:40:43 +0200
Subject: Added the changes that allow for blogging

---
 static/main.css | 95 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 95 insertions(+)
 create mode 100644 static/main.css

(limited to 'static')

diff --git a/static/main.css b/static/main.css
new file mode 100644
index 0000000..46e1d7c
--- /dev/null
+++ b/static/main.css
@@ -0,0 +1,95 @@
+:root {
+    --hue: 0;
+    --saturation: 50%;
+    --text-color: hsl(var(--hue), var(--saturation), 0%);
+    --bg-color: hsl(var(--hue), var(--saturation), 100%);
+    --theme-color: hsl(var(--hue), var(--saturation), 50%);
+    --code-bg-color: hsl(var(--hue), var(--saturation), 90%);
+    font-family: system-ui;
+    background-color: var(--bg-color);
+    color: var(--text-color);
+    max-width: 800px;
+    margin: auto;
+}
+h1 {
+    border-left: 5px;
+}
+h2 {
+    border-left: 3px;
+}
+h3 {
+    border-left: 1px;
+}
+h1, h2, h3 {
+    border-left-style: solid;
+    border-color: var(--theme-color);
+    padding-left: 15px;
+}
+a {
+    color: var(--theme-color);
+}
+body img {
+    max-width: 100%;
+}
+nav ul, nav ol {
+    padding: 0%;
+    list-style: none;
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
+    gap: 5%;
+}
+nav ul li, nav ol li {
+    background-color: var(--code-bg-color);
+    font-size: large;
+    text-align: center;
+    padding-top: 3%;
+    padding-bottom: 3%;
+    border-radius: 0.5em;
+}
+nav ul li a, nav ol li a {
+    text-decoration: none;
+}
+blockquote {
+    font-style: italic;
+}
+table {
+    border-collapse: collapse;
+    width: 100%;
+}
+th, td {
+    border: 1px solid;
+}
+kbd, code, pre {
+    background-color: var(--code-bg-color);
+    font-size: large;
+}
+mark {
+    background-color: var(--theme-color);
+}
+footer {
+    text-align: center;
+}
+@media (max-width: 900px) {
+    :root {
+        max-width: 95%;
+    }
+    nav ul {
+        grid-template-columns: 1fr 1fr;
+        gap: 2%;
+    }
+    table {
+        overflow: scroll;
+    }
+}
+@media (prefers-color-scheme: dark) {
+    :root {
+        --text-color: hsl(var(--hue), var(--saturation), 100%);
+        --bg-color: hsl(var(--hue), var(--saturation), 0%);
+        --theme-color: hsl(var(--hue), var(--saturation), 50%);
+        --code-bg-color: hsl(var(--hue), var(--saturation), 10%);
+    }
+}
+/* Disable multi level menus */
+nav ul li ul, nav ul li ol {
+    display: none;
+}
\ No newline at end of file
-- 
cgit v1.3.1