Add breadsticks and new selfie

[rbdr/r.bdr.sh] / jekyll / css / application.css

diff --git a/jekyll/css/application.css b/jekyll/css/application.css
index 5084debe53f6d2e15bd4ac2ab754aa1774931b6c..171764cbdc52d8a481a0b4d828c4ae3e4244edb6 100644 (file)
--- a/jekyll/css/application.css
+++ b/jekyll/css/application.css
@@ -14,6 +14,7 @@ header a, header a:visited {
 
 h2,
 h3 {
+  display: inline-block;
   margin-left: 10px;
   font-weight: 300;
 }
@@ -50,6 +51,7 @@ ul {
 }
 
 li {
+  display: inline-block;
   line-height: 1.82em;
 }
 
@@ -63,6 +65,10 @@ video {
   max-width: 100vw;
 }
 
+li, h2, h3, p {
+  background-color: white;
+}
+
 /* Dark mode overrides */
 @media (prefers-color-scheme: dark) {
   body {
@@ -89,4 +95,29 @@ video {
   aside {
     color: #FFEC27;
   }
+
+  li, h2, h3, p {
+    background-color: black;
+  }
+}
+
+/*
+ * Mini header
+ */
+@media (max-width: 600px) {
+  h1 {
+    font-size: 4.8em;
+  }
+}
+
+/*
+ * Breadsticks
+ */
+canvas.background {
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: -1;
 }