website

commit 66d8956477bad22f8f0a18e0773ea0ca377881ab
parent 972266480d84853dd6170208fe3ee2bba3c08f08
Author: Michael Neuper <michael@michaelneuper.com>
Date:   Tue, 31 Oct 2023 12:54:07 +0200

Add rule under header

Diffstat:
A
TODO.txt
 | 
5
+++++
M
config.toml
 | 
12
+++++++++++-
M
static/css/styles.css
 | 
39
++++++++++++++++++++++++++++++++++-----

3 files changed, 50 insertions(+), 6 deletions(-)
diff --git a/TODO.txt b/TODO.txt
@@ -0,0 +1,4 @@
+- Change dotted TOC border
+- Change toc entried color in light mode
+- Fix padding on posts
+- Organise css
+\ No newline at end of file
diff --git a/config.toml b/config.toml
@@ -90,7 +90,17 @@ code = """
 
 [params.buymeacoffee]
 code = """
-<script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="michaelneuper" data-description="Like what I do? Buy me a coffee!" data-message="" data-color="#b58900" data-position="Right" data-x_margin="18" data-y_margin="18"></script>
+<script data-name="BMC-Widget" 
+        data-cfasync="true" 
+        src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" 
+        data-id="michaelneuper" 
+        data-description="Like what I do? Buy me a coffee!" 
+        data-message="" 
+        data-color="#b58900" 
+        data-position="Right" 
+        data-x_margin="18" 
+        data-y_margin="18">
+</script>
 """
 
 [params.sharingbuttons]
diff --git a/static/css/styles.css b/static/css/styles.css
@@ -24,6 +24,10 @@
     color: var(--base0);
   }
 
+  hr {
+    background-color: var(--base01);
+  }
+
   #wrapper {
     background-color: var(--base03);
   }
@@ -120,6 +124,10 @@
     color: var(--base00);
   }
 
+  hr {
+    background-color: var(--base1);
+  }
+
   h1,
   h2,
   h3 {
@@ -216,6 +224,8 @@
 hr {
   margin-top: 20px;
   margin-bottom: 10px;
+  border: 0;
+  height: 2px;
 }
 
 table {
@@ -248,6 +258,7 @@ button.copyButton:hover {
 
 #wrapper {
   padding-left: 0;
+  padding-right: 100px;
 }
 
 .main-content {
@@ -263,6 +274,10 @@ button.copyButton:hover {
   }
 }
 
+a {
+    text-decoration: none !important;
+}
+
 nav a {
   text-decoration: none !important;
   display: inline-block;
@@ -306,7 +321,7 @@ main {
 
 .index {
   flex: 3;
-  padding-left: 50px;
+  padding-left: 100px;
   padding-right: 20px;
   padding-top: 20px;
 }
@@ -323,13 +338,22 @@ main {
 
   .sidebar {
     order: 1;
-    padding-left: 20px;
+    padding-left: 30px;
     padding-right: 10px;
   }
 
   .index {
     padding-left: 30px;
   }
+
+  .head-rule {
+    margin-left: 30px !important;
+    margin-right: 10px !important;
+  }
+
+  #wrapper {
+    padding-right: 20px !important;
+  }
 }
 
 .sidebar ul {
@@ -350,5 +374,11 @@ main {
 }
 
 .post-group a:hover {
-    text-decoration: underline;
-}
-\ No newline at end of file
+  text-decoration: underline;
+}
+
+.head-rule {
+  margin-left: 100px;
+  margin-right: 10px;
+  margin-top: 20px;
+}