From 6beddafb1752d49bfc773e067b4d07c6063d152d Mon Sep 17 00:00:00 2001
From: Vidhu Kant Sharma <vidhukant@vidhukant.com>
Date: Sun, 27 Aug 2023 11:08:03 +0530
Subject: styled code blocks, added header in blog

---
 static/css/styles.css | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

(limited to 'static')

diff --git a/static/css/styles.css b/static/css/styles.css
index 9b5a5ab..f4df2db 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -16,6 +16,9 @@
 
     --listitem-bg1: #232323;
     --listitem-bg2: #272727;
+
+    --codeblock-bg: #3f3f3f;
+    --codeblock-fg: #ffffff;
 }
 
 * {
@@ -47,8 +50,28 @@ a {
     color: var(--link-fg);
 }
 
-img {
+#header-img {
     width: 100%;
+    max-height: auto;
+}
+
+img {
+    display: block;
+    max-width: 100%;
+    max-height: 30rem;
+}
+
+code {
+    background-color: var(--codeblock-bg);
+    color: var(--codeblock-fg);
+    padding: 5px 8px;
+    border-radius: 4px;
+    font-family: monospace;
+}
+
+pre code {
+    overflow-x: auto;
+    display: block;
 }
 
 main:not(#site-home-page) {
-- 
cgit v1.2.3