Refactor typography; add Inter everywhere

7 files changed, 23 insertions, 19 deletions

diff --git a/assets/css/site.css b/assets/css/site.css
index afc011f..33c0683 100644
--- a/assets/css/site.css
+++ b/assets/css/site.css
@@ -66,6 +66,7 @@ html {
 }
 
 .article__content > p:first-of-type {
+  @apply tracking-tight;
   @apply text-2xl;
 }
 
@@ -81,22 +82,21 @@ html {
 }
 
 .article a {
-  @apply underline;
   @apply text-gray-700;
   @apply transition;
   @apply duration-300;
   @apply ease-in-out;
 }
 
+.article a:not(.no-underline) {
+  @apply underline;
+}
+
 .article a:hover,
 .article a:focus {
   @apply text-blue-600;
 }
 
-.artitle__title a {
-  @apply no-underline;
-}
-
 .article h1 {
   @apply text-5xl;
   @apply font-semibold;
@@ -153,6 +153,7 @@ html {
 .article h4,
 .article h5,
 .article h6 {
+  @apply tracking-tighter;
   scroll-margin-top: 8rem;
 }
 
@@ -161,7 +162,6 @@ html {
 .article ol,
 .article dl,
 .article td {
-  @apply font-serif;
   @apply text-xl;
 }
 
@@ -312,7 +312,9 @@ html {
   @apply my-6;
 }
 
-.intro p {
+.intro p,
+.article__content > p:first-of-type {
+  @apply tracking-tight;
   @apply text-2xl;
 }
 
diff --git a/layouts/_default/archives.html b/layouts/_default/archives.html
index 2d7ea84..9b8182d 100644
--- a/layouts/_default/archives.html
+++ b/layouts/_default/archives.html
@@ -6,14 +6,16 @@
     <main class="flex-1 max-w-3xl mt-32 mx-auto text-gray-700 w-full">
       <div id="reading-progress-bar" role="presentation" class="fixed z-10 top-0 left-0 h-1 bg-gray-700"></div>
       <article class="article">
-        <h1 class="artitle__title"><a href="{{.Permalink}}">{{ .Title }}</a></h1>
+        <h1><a href="{{.Permalink}}" class="no-underline">{{ .Title }}</a></h1>
 
-        I like to talk about: 
-        {{range $name, $taxonomy := .Site.Taxonomies.tags}} {{ $cnt := .Count }}
-          {{ with $.Site.GetPage (printf "/tags/%s" $name) }}
-            <a href={{ .RelPermalink }} title="All post with tag {{$name}} ({{$cnt}} posts)">{{$name}}</a>&nbsp;
+        <p class="intro">
+          I like to talk about: 
+          {{range $name, $taxonomy := .Site.Taxonomies.tags}} {{ $cnt := .Count }}
+            {{ with $.Site.GetPage (printf "/tags/%s" $name) }}
+              <a href={{ .RelPermalink }} title="All post with tag {{$name}} ({{$cnt}} posts)" class="no-underline">{{$name}}</a>&nbsp;
+            {{end}}
           {{end}}
-        {{end}}
+        </p>
 
         {{ range site.RegularPages.GroupByDate "2006" -}}
             {{ partial "post-summary.html" . }}
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index f60df17..54dc4a1 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -4,7 +4,7 @@
   {{ $paginator := .Paginate (where .Site.RegularPages "Type" "in" .Site.Params.mainSections) }}
   {{ range $paginator.Pages }}
     <article class="article border-b border-gray-400">
-      <h1 class="artitle__title"><a href="{{.Permalink}}">{{ .Title }}</a></h1>
+      <h1><a href="{{.Permalink}}" class="no-underline">{{ .Title }}</a></h1>
 
       {{ .Summary }}
     </article>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 0409b26..4248f25 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -2,7 +2,7 @@
 <div id="reading-progress-bar" role="presentation" class="fixed z-10 top-0 left-0 h-1 bg-gray-700"></div>
 
 <article class="article">
-    <h1 class="artitle__title"><a href="{{.Permalink}}">{{ .Title }}</a></h1>
+    <h1><a href="{{.Permalink}}" class="no-underline">{{ .Title }}</a></h1>
 
     {{if not .Params.hideMetadata }}
       <header class="article__header">
@@ -10,7 +10,7 @@
         <span class="">
           Read in {{ .ReadingTime }} {{ $readTime }} &middot;
           <time datetime="{{ dateFormat "2006-01-02T15:04:05-07:00" (default .Date (.PublishDate)) }}">
-            {{ dateFormat "2 Jan, 2006" (default .Date (.PublishDate)) }}
+            {{ dateFormat "January 2, 2006" (default .Date (.PublishDate)) }}
           </time>
         </span>
       </header>
diff --git a/layouts/partials/post-summary.html b/layouts/partials/post-summary.html
index 6d58a6c..8fe9d04 100644
--- a/layouts/partials/post-summary.html
+++ b/layouts/partials/post-summary.html
@@ -4,7 +4,7 @@
   <ol class="md:pt-3 mb-4">
     {{ range where .Pages "Type" "ne" "page" -}}
     <li>
-      <a href="{{ .RelPermalink }}">{{ .Title }}</a>
+      <a href="{{ .RelPermalink }}" class="tracking-tight">{{ .Title }}</a>
     </li>
     {{- end }}
   </ol>
diff --git a/layouts/taxonomy/category.html b/layouts/taxonomy/category.html
index 63642cd..ddcef29 100644
--- a/layouts/taxonomy/category.html
+++ b/layouts/taxonomy/category.html
@@ -2,7 +2,7 @@
   <div id="reading-progress-bar" role="presentation" class="fixed z-10 top-0 left-0 h-1 bg-gray-700"></div>
 
   <article class="article">
-    <h1 class="artitle__title"><a href="{{.Permalink}}">Posts in the {{ .Title }} category</a></h1>
+    <h1><a href="{{.Permalink}}" class="no-underline">Posts in the {{ .Title }} category</a></h1>
 
     {{ range .Paginator.Pages }}
       <div class="border-b border-gray-400">
diff --git a/layouts/taxonomy/tag.html b/layouts/taxonomy/tag.html
index 6241d96..42ab6a3 100644
--- a/layouts/taxonomy/tag.html
+++ b/layouts/taxonomy/tag.html
@@ -2,7 +2,7 @@
   <div id="reading-progress-bar" role="presentation" class="fixed z-10 top-0 left-0 h-1 bg-gray-700"></div>
 
   <article class="article">
-    <h1 class="artitle__title"><a href="{{.Permalink}}">Posts with the tag {{ .Title }}</a></h1>
+    <h1><a href="{{.Permalink}}" class="no-underline">Posts with the tag {{ .Title }}</a></h1>
 
     {{ range .Paginator.Pages }}
       <div class="border-b border-gray-400">