From 524681ae4ea0d39700340047f1e0adcdbe495b63 Mon Sep 17 00:00:00 2001
From: Kien Nguyen Tuan <kiennt2609@gmail.com>
Date: Wed, 25 Dec 2024 11:23:16 +0700
Subject: [PATCH] change font

---
 assets/css/site.css        |  4 ++--
 layouts/_default/list.html | 12 ++++++------
 layouts/partials/font.html |  2 +-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/assets/css/site.css b/assets/css/site.css
index 439e3c4..1d5ce2d 100644
--- a/assets/css/site.css
+++ b/assets/css/site.css
@@ -1,6 +1,6 @@
 :root {
-  --font-sans: "Overpass";
-  --font-mono: "Overpass Mono";
+  --font-sans: "Roboto";
+  --font-mono: "Roboto Mono";
   --page-top: 64px;
   --page-gutter: 24px;
   --header-height: 48px;
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index ec4a6bb..b365057 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -3,19 +3,19 @@
   <div class="content">{{ .Content | emojify }}</div>
   {{ range .Pages.GroupByDate "2006" }}
     <div class="content">
-      <div
-        class="text-2xl font-bold my-4 border-b border-dashed"
-      >
+      <div class="text-2xl font-bold my-4 border-b border-dashed">
         {{ .Key }}
       </div>
       <div class="flex-grow">
-        {{ range (where .Pages.ByLastmod.Reverse "Section" "!=" "")  }}
+        {{ range (where .Pages.ByLastmod.Reverse "Section" "!=" "") }}
           <div class="grid grid-cols-3 gap-4 my-2">
             <a href="{{ .RelPermalink }}" class="col-span-2">{{ .Title }}</a>
-            <div class="flex justify-end">{{- partial "date" .Date -}}</div>
+            <div class="flex justify-end font-mono">
+              {{- partial "date" .Date -}}
+            </div>
           </div>
         {{ end }}
-        </div>
+      </div>
     </div>
   {{ end }}
 {{ end }}
diff --git a/layouts/partials/font.html b/layouts/partials/font.html
index a554a58..5cf740d 100644
--- a/layouts/partials/font.html
+++ b/layouts/partials/font.html
@@ -1,6 +1,6 @@
 <link rel="preconnect" href="https://fonts.googleapis.com" />
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
 <link
-  href="https://fonts.googleapis.com/css2?family=Overpass+Mono:wght@400;500;700&family=Overpass:wght@400;500;700&display=swap"
+  href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap"
   rel="stylesheet"
 />