fix: styles

src/assets/styles/base/index.css

@@ -3,8 +3,6 @@ body {
   color: var(--text-color);
   background: var(--background-color);
   font-family: var(--font-mono);
-  letter-spacing: -.025rem;
-  word-spacing: -.075rem;
   scrollbar-width: thin;
   scrollbar-color: var(--accent-color) var(--gray-light);
 }

src/assets/styles/components/progress-bar.css

@@ -4,6 +4,7 @@
   width: 100%;
   background-color: var(--gray-light-transparent);
   border-radius: var(--border-radius-full);
+  overflow: hidden;
 
   & .progress-bar {
     background-color: var(--accent-color);

src/assets/styles/defaults/fonts.css

@@ -1,5 +0,0 @@
-@font-face {
-  font-family: MonoLisa;
-  src: url('/assets/fonts/MonoLisa.min.woff2') format('woff2');
-  font-display: optional;
-}

src/assets/styles/defaults/vars.css

@@ -80,7 +80,7 @@
   --border-gray: 1px solid var(--gray-light);
 
   /* fonts */
-  --font-mono: MonoLisa, Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, ui-monospace, monospace;
+  --font-mono: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, ui-monospace, monospace;
 
   /* text */
   --font-size-xs: .7rem;

src/assets/styles/index.css

@@ -4,7 +4,6 @@
 @import url('./reset.css') layer(reset);
 
 /* core defaults */
-@import url('./defaults/fonts.css') layer(defaults);
 @import url('./defaults/vars.css') layer(defaults);
 
  /* base styles */

src/includes/partials/home/posts.liquid

@@ -7,13 +7,13 @@
     </h2>
   </div>
   {%- for post in posts -%}
-    <article class="h-entry">
-      <time class="dt-published" datetime="{{ post.date }}">
+    <article>
+      <time datetime="{{ post.date }}">
         {{ post.date | date: "%B %e, %Y" }}
       </time>
-      <a href="{{ post.slug }}">
-        <h3>{{ post.title }}</h3>
-      </a>
+      <h3>
+        <a href="{{ post.slug }}">{{ post.title }}</a>
+      </h3>
       {{ post.description | normalize_whitespace | markdown | truncatewords: 50 }}
     </article>
   {%- endfor -%}

src/pages/dynamic/posts/index.html

@@ -10,7 +10,7 @@ permalink: "/posts/{% if pagination.pageNumber > 0 %}{{ pagination.pageNumber }}
 <div class="posts-wrapper">
   {% for post in pagination.items %}
   <article>
-    <time>{{ post.date | date: "%B %e, %Y" }}</time>
+    <time datetime="{{ post.date }}">{{ post.date | date: "%B %e, %Y" }}</time>
     <a href="{{ post.slug }}">
       <h3>{{ post.title }}</h3>
     </a>

src/pages/dynamic/posts/post.html

@@ -8,7 +8,7 @@ permalink: "{{ post.slug }}/index.html"
 schema: blog
 ---
 <article class="standalone">
-  <time>{{ post.date | date: "%B %e, %Y" }}</time>
+  <time datetime="{{ post.date }}">{{ post.date | date: "%B %e, %Y" }}</time>
   <h3>{{ post.title }}</h3>
   <div>
     {% render "partials/blocks/banners/old-post.liquid", date:post.date %}