Design

Author: bcb

docs/_includes/nav.html

@@ -1,12 +1,12 @@
 <nav>
     <div id="logo">
-        <a href="/"><img src="/assets/composed.png" /></a>
+        <a href="/">Composed<!--img src="/assets/composed.png" /--></a>
     </div>
     <div id="categories">
         <!--a href="/">All</a> <span>({{ site.posts | where_exp:"post","post.sitemap != false" | size }})</span-->
         <a href="/python/">Python</a> <span>({{ site.categories.python | where_exp: "post","post.sitemap != false" | size }})</span>
         <a href="/jsonrpc/">JSON-RPC</a> <span>({{ site.categories.jsonrpc | where_exp: "post","post.sitemap != false" | size }})</span>
         <a href="/airflow/">Airflow</a> <span>({{ site.categories.airflow | where_exp: "post","post.sitemap != false" | size }})</span>
-        <a href="/haskell/">Haskell</a> <span>({{ site.categories.haskell | where_exp: "post","post.sitemap != false" | size }})<span>
+        <a href="/haskell/">Haskell</a> <span>({{ site.categories.haskell | where_exp: "post","post.sitemap != false" | size }})</span>
     </div>
 </nav>

docs/main.scss

@@ -61,17 +61,19 @@ body {
 }
 
 nav {
+    display: none;
     // background: linear-gradient(to right, hsl(176, 96%, 50%), hsl(330, 100%, 50%));
     // box-shadow: 0 5px 5px -2px #999;
-    margin: $vspace;
+    background-color: black;
+    margin-bottom: $vspace;
+    padding: 10px $hspace;
+    @extend .bodytext;
+    font-size: smaller;
 
     #logo {
-        display: none;
-        @extend .bodytext;
-        text-align: center;
+        float: left;
         a {
             color: white;
-            font-weight: bold;
             text-decoration: none;
         }
         img {
@@ -80,14 +82,11 @@ nav {
     }
 
     #categories {
-        display: none;
-        @extend .bodytext;
-        font-size: smaller;
         text-align: right;
         color: black;
         a {
             color: white;
-            margin-left: 1em;
+            margin-left: 0.5em;
             text-decoration: none;
         }
         span {
@@ -180,10 +179,7 @@ main {
         }
 
         #intro p {
-            padding: 0;
             margin: 0;
-            margin-bottom: 0;
-            font-weight: 500;
             background: linear-gradient(104deg, rgba(130, 255, 173,0) 0.9%, rgba(130, 255, 173,1.25) 2.4%, rgba(130, 255, 173,0.5) 5.8%, rgba(130, 255, 173,0.1) 93%, rgba(130, 255, 173,0.7) 96%, rgba(130, 255, 1732,0) 98%), linear-gradient(183deg, rgba(130, 255, 173,0) 0%, rgba(130, 255, 173,0.3) 7.9%, rgba(130, 255, 173,0) 15%);
             padding: 0.6em $hspace;
         }