weird issue

henry-lang · henry-lang · commit a778f4c9c696 · 2021-11-20T22:25:33.000-05:00
diff --git a/_config.yml b/_config.yml
@@ -2,7 +2,7 @@ description: >-
   Random thoughts about my passions.
 
 sass:
-  style: expanded
+  style: compact
 
 theme: null
 url: "henrylang.net"
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -1,6 +1,4 @@
 <footer>
-    <p>henrylang.net</p>
-    <a href="/">index</a>
-    <a href="/about">about</a>
-    <a href="/posts">posts</a>
+    <p>2021, Henry Langmack</p>
+    <a href="https://github.com/henry-lang">github</a>
 </footer>
diff --git a/_includes/nav.html b/_includes/nav.html
@@ -2,5 +2,5 @@
     <p>henrylang.net</p>
     <a href="/">index</a>
     <a href="/about">about</a>
-    <a href="/posts">posts</a>
+    <a href="/posts">posts</a>   
 </nav>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -7,13 +7,15 @@
     <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="preload" href="./assets/fonts/iosevka-regular.woff2" as="font" crossorigin>
-    <link rel="stylesheet" href="./assets/styles/style.css">
+    <link rel="preload" href="/assets/fonts/iosevka-regular.woff2" as="font" crossorigin>
+    <link rel="stylesheet" href="/assets/styles/style.css">
 </head>
 <body>
     <div class="wrapper">
         {% include nav.html %}
-        {{ content }}
+        <div class="content">
+            {{ content }}
+        </div>
         {% include footer.html %}
     </div>
 </body>
diff --git a/assets/styles/style.sass b/assets/styles/style.sass
@@ -6,15 +6,6 @@
 //     font-display: swap
 //     src: url(../fonts/iosevka-regular.ttf)
 
-@keyframes fadein
-    from
-        opacity: 0
-        transform: translateX(20px)
-
-    to
-        opacity: 100%
-        transform: translateX(0px)
-
 $font: Iosevka
 $backup-font: Arial
 
@@ -24,36 +15,41 @@ $mid: #424c57
 $dark: #21272f
 $very-dark: #1b2129
 
-h1, a, p
-    color: $text
-    font-family: $font, $backup-font
-
-nav
-    padding-top: 0.25rem
-    border-bottom: 1px solid $mid
+@keyframes fadein
+    from
+        opacity: 0
+    to
+        opacity: 1
 
+@mixin bar-links
     >
+        p::after
+            content: " | "
+
         *
             display: inline-block
             font-weight: bold
         a
             color: $accent
             padding-right: 0.15rem
 
+h1, a, p
+    color: $text
+    font-family: $font, $backup-font
+
+nav
+    @include bar-links
+
+    padding-top: 0.25rem
+    border-bottom: 1px solid $mid
+
 footer
-    // position: relative
+    @include bar-links
+
     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
     margin: 0
@@ -73,8 +69,4 @@ body
     margin: auto
     width: 80vw
     min-height: 100vh
-    // animation: fadein 0.3s 0s
-
-    // >
-    //     *
-    //         animation: fadein 0.35s
+    animation: fadein 0.35s
diff --git a/posts.html b/posts.html
@@ -1,3 +1,15 @@
 ---
 layout: default
----
+---
+
+{% for post in site.posts %}
+
+<div class="post">
+    <a href="{{ site.baseurl }}{{ post.url }}">
+        <h2>{{ post.title }}</h2>
+    </a>
+    <p>{{ post.date | date_to_string: "ordinal", "US" }}</p>
+    <p>{{ post.excerpt | truncatewords: 35 }}</p>
+</div>
+
+{% endfor %}
