more styling

henry-lang · henry-lang · commit 7a48359a7303 · 2021-11-19T21:28:35.000-05:00
diff --git a/_config.yml b/_config.yml
@@ -1,5 +1,8 @@
 description: >-
   Random thoughts about my passions.
 
+sass:
+  style: expanded
+
 theme: null
 url: "henrylang.net"
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -0,0 +1,6 @@
+<footer>
+    <p>henrylang.net</p>
+    <a href="/">index</a>
+    <a href="/about">about</a>
+    <a href="/posts">posts</a>
+</footer>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -1,18 +1,20 @@
 ---
 ---
 
+<!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="/assets/styles/style.css">
+    <link rel="stylesheet" href="./assets/styles/style.css">
     <title>Document</title>
 </head>
 <body>
     <div class="wrapper">
         {% include nav.html %}
         {{ content }}
+        {% include footer.html %}
     </div>
 </body>
 </html>
diff --git a/about.html b/about.html
@@ -0,0 +1,3 @@
+---
+layout: default
+---
diff --git a/assets/styles/style.sass b/assets/styles/style.sass
@@ -5,6 +5,15 @@
     font-family: Iosevka
     src: url(../fonts/iosevka-regular.ttf)
 
+@keyframes fadein
+    from
+        opacity: 0
+        transform: translateX(20px)
+
+    to
+        opacity: 100%
+        transform: translateX(0px)
+
 $accent: #4fb8ff
 $text: #92a1ae
 $mid: #424c57
@@ -15,13 +24,31 @@ h1, a, p
     color: $text
     font-family: 'Iosevka'
 
-nav >
-    *
-        display: inline-block
-        font-weight: bold
-    a
-        color: $accent
-        padding-right: 10px
+nav
+    padding-top: 0.25rem
+    border-bottom: 1px solid $mid
+
+    >
+        *
+            display: inline-block
+            font-weight: bold
+        a
+            color: $accent
+            padding-right: 0.15rem
+
+footer
+    // position: relative
+    margin-top: -0.25rem
+    width: 100%
+    border-top: 1px solid $mid
+
+    >
+        *
+            display: inline-block
+            font-weight: bold
+        a
+            color: $accent
+            padding-right: 0.15rem
 
 body
     padding: 0
@@ -35,10 +62,15 @@ body
         left: 1px solid $mid
         right: 1px solid $mid
     padding:
-        top: 10px
+        top: 0
+        bottom: 0
         left: 2.5vw
         right: 2.5vw
-        bottom: 0
     margin: auto
     width: 80vw
     min-height: 100vh
+    animation: fadein 0.3s 0s
+
+    >
+        *
+            animation: fadein 0.35s
diff --git a/posts.html b/posts.html
@@ -0,0 +1,3 @@
+---
+layout: default
+---
