update site

1 files changed, 57 insertions, 27 deletions

diff --git a/sass/style.scss b/sass/style.scss
index 9cd9797..efb494d 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -1,8 +1,10 @@
 html {
-  font-family:sans-serif
+  font-family: sans-serif;
 }
 
-header,main,footer {
+header,
+main,
+footer {
   max-width: 40em;
   margin: 0 auto;
 }
@@ -11,49 +13,77 @@ footer {
   text-align: center;
 }
 
-nav {
-  padding-bottom: 1.3rem;
-}
-
 time.right {
   float: right;
 }
 
-nav .left {
-  float: left;
-  margin-right: 1rem;
-}
-
-nav .right {
-  float: right;
-  margin-left: 1rem;
+// blockquotes modified, from spacetchi (spacetchi.net)
+blockquote,
+blockquote a,
+q {
+  margin-left: 0;
+  margin-right: 0;
+  padding: 0;
+  color: #79740e;
+  @media (prefers-color-scheme: dark) {
+    color: #98971a;
+  }
 }
 
-blockquote {
-  color: lightgreen;
+blockquote > *:before,
+q:before {
+  content: ">";
+  display: inline;
 }
 
-ol,ul {
-    white-space: nowrap;
-    padding-left: 16px
+ol,
+ul {
+  white-space: nowrap;
+  padding-left: 16px;
 }
 
 li {
-    margin-bottom: 8px
+  margin-bottom: 8px;
 }
 
 a {
   text-decoration: underline;
+  padding: 5px;
 }
 
-@media (prefers-color-scheme: dark) {
-  a {
-    color: white;
+body,
+a {
+  background-color: #fbf1c7;
+  color: #3c3836;
+  // a:visited {
+  //   color: #076678;
+  // }
+  @media (prefers-color-scheme: dark) {
+    background-color: #282828;
+    color: #ebdbb2;
   }
 }
 
-@media (prefers-color-scheme: light) {
-  a {
-    color: black;
-  }
+// syntax highlighting
+.giallo-l {
+  display: inline-block;
+  min-height: 1lh;
+  width: 100%;
+}
+.giallo-ln {
+  display: inline-block;
+  user-select: none;
+  margin-right: 0.4em;
+  padding: 0.4em;
+  min-width: 3ch;
+  text-align: right;
+  opacity: 0.8;
+}
+
+header,
+footer {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  max-height: 2em;
 }