Repos / hi.imnhan.com / b3ba3f5bce
commit b3ba3f5bce0a3101b8e41f0b85b9a8dd67bf4518
Author: Bùi Thành Nhân <hi@imnhan.com>
Date:   Thu Nov 4 19:39:46 2021 +0700

    tighter, lighter

diff --git a/nhanb-theme/static/css/main.css b/nhanb-theme/static/css/main.css
index 95aa4a1..51fc2e3 100644
--- a/nhanb-theme/static/css/main.css
+++ b/nhanb-theme/static/css/main.css
@@ -1,13 +1,11 @@
 html {
   --bg-color: cornsilk;
-  --bg-color2: palegoldenrod;
   --fg-color: black;
   --link-color: black;
   --hr-border: 2px solid var(--link-color);
 
   font-size: 100%;
-  background-color: var(--bg-color2);
-  background: linear-gradient(var(--bg-color), var(--bg-color2));
+  background-color: var(--bg-color);
   /* make sure background color covers the whole vertical space: */
   min-height: 100%;
   color: var(--fg-color);
@@ -15,11 +13,15 @@ html {
   overflow-y: scroll;
   font-family: sans-serif;
 }
-body {
+* {
   margin: 0;
   padding: 0;
 }
 
+button {
+  padding: 0.2rem;
+}
+
 a {
   color: var(--link-color);
   text-decoration-skip-ink: none;
@@ -106,6 +108,13 @@ ul {
   padding-left: 2rem;
 }
 
+h1,
+h2,
+h3,
+h4 {
+  margin: 1.5rem 0;
+}
+
 hr {
   border: 0;
   border-top: 1px solid black;
@@ -150,9 +159,9 @@ .highlight .err {
 /* site-specific stuff follows */
 
 #main {
-  max-width: 700px;
+  max-width: 600px;
   margin: 0 auto;
-  padding: 0 0.5rem;
+  padding: 0 0.6rem;
 }
 
 nav {
@@ -179,6 +188,7 @@ footer a {
 
 #site-name {
   font-size: 1.5rem;
+  margin-top: 0.5rem;
   margin-bottom: 0;
 }
 
diff --git a/nhanb-theme/templates/base.html b/nhanb-theme/templates/base.html
index c3ce938..1889aec 100644
--- a/nhanb-theme/templates/base.html
+++ b/nhanb-theme/templates/base.html
@@ -49,7 +49,7 @@ <h2 id="site-subtitle">{{ SITESUBTITLE}}</h2>
       {{ FOOTER_TEXT }}
       <p
         class="easter-egg"
-        style="display: none; font-size: .7em; margin: 0; color: var(--bg-color2);">
+        style="display: none; font-size: .7em; margin: 0; color: var(--bg-color);">
         Bored? Try entering the Konami code from your keyboard.
       </p>
       <script>