Commit Diff

Commit:
b8840bc3a0b8faebfd9b1ecc894f18e4f7626aec
From:
VoidKrypt <voidkrypt@nastycode.com>
Date:
Message:
update _header.html&style.cdd
Actions:
Patch | Tree
commit - f92cc700d9d456669e697e4fa7e0dfc7b1511124
commit + b8840bc3a0b8faebfd9b1ecc894f18e4f7626aec
blob - 07deb512abf63d4fb190e589770c8cb8efa2b604
blob + 5024448a0ac95b3dcff611bed924bd1a9eda8db8
--- _header.html
+++ _header.html
@@ -6,7 +6,8 @@
 <link rel="stylesheet" href="/style.css">
 </head>
 <body>
-<header>
-<nav><a href="/">home</a></nav>
-</header>
+<nav>
+<a href="/">home</a>
+<a href="/about.html">about</a>
+</nav>
 <main>
blob - 990f9a396e730b85646234ce324a45c7c8bbf270
blob + c3c9fa45fd5aaa740a1c29e17a7ccebca20ffe0a
--- style.css
+++ style.css
@@ -1,22 +1,70 @@
-*{box-sizing:border-box}
+*,*::before,*::after{box-sizing:border-box}
+
 body{
+  background:#1a1a18;
+  color:#b4b09c;
+  font-family:'Courier New',Courier,monospace;
+  font-size:15px;
+  line-height:1.7;
   max-width:680px;
   margin:2rem auto;
-  padding:0 1rem;
-  font-family:sans-serif;
-  line-height:1.6;
-  color:#222;
-  background:#fff;
+  padding:0 1.5rem;
 }
-nav{margin-bottom:2rem}
-nav a{text-decoration:none;color:#555}
-h1,h2,h3{line-height:1.2}
-a{color:#0070f3}
+
+a{color:#8ab4a0;text-decoration:underline}
+a:hover{color:#b8d4c0}
+
+nav{
+  font-size:13px;
+  margin-bottom:2.5rem;
+  padding-bottom:1rem;
+  border-bottom:1px solid #2e2e2a;
+}
+nav a{color:#7a9e8a;text-decoration:none;margin-right:1.2rem}
+nav a:hover{color:#a8c8b4}
+
+h1{font-size:1.3rem;font-weight:normal;color:#e8e4d0;margin:0 0 1.5rem}
+h2{font-size:1rem;font-weight:normal;color:#a8a494;margin:2rem 0 .75rem}
+h3{font-size:.95rem;font-weight:normal;color:#8a8678;margin:1.5rem 0 .5rem}
+
+p{margin:0 0 1rem;color:#b4b09c}
+
 pre{
-  background:#f5f5f5;
+  background:#111110;
+  border:1px solid #2a2a26;
   padding:1rem;
   overflow-x:auto;
-  border-radius:4px;
+  border-radius:3px;
+  font-size:13px;
+  color:#8ab47a;
+  margin:1rem 0;
 }
-code{background:#f5f5f5;padding:.1em .3em;border-radius:3px}
-footer{margin-top:3rem;color:#999;font-size:.85rem}
+code{
+  background:#111110;
+  border:1px solid #242420;
+  padding:.1em .35em;
+  border-radius:2px;
+  font-size:13px;
+  color:#8ab47a;
+}
+pre code{border:none;padding:0;background:transparent}
+
+ul,ol{padding-left:1.2rem;color:#b4b09c;margin:0 0 1rem}
+li::marker{color:#4a4a42}
+
+blockquote{
+  border-left:2px solid #3a3a34;
+  margin:1rem 0;
+  padding:.5rem 1rem;
+  color:#7a7a6e;
+}
+
+hr{border:none;border-top:1px solid #2e2e2a;margin:2rem 0}
+
+footer{
+  margin-top:3rem;
+  padding-top:1rem;
+  border-top:1px solid #2e2e2a;
+  font-size:12px;
+  color:#4a4a42;
+}