adjust style

assets/sass/main.scss

@@ -81,30 +81,20 @@ a:hover {
   color: var(--pm);
 }
 
-main a:not(.icon) {
-  color: inherit;
-  text-decoration: underline;
-  text-decoration-color: var(--pm);
-  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, var(--pm) 50%);
-  background-size: 100% 200%;
-  transition: background-position 0.2s ease-in-out;
-}
-
-main a:not(.icon):hover,
-main a:not(.icon):focus {
-  background-position: 0 100%;
-  color: #fff;
-}
-
-main a.icon:hover {
-  transform: translateY(-5px);
-  transition: transform 0.3s ease-in-out;
-}
-
 main {
   animation: showup 0.7s;
 }
 
+p a {
+  font-style: italic;
+  text-decoration: underline;
+}
+
+footer a {
+  font-style: unset;
+  text-decoration: none;
+}
+
 header nav {
   color: var(--tag);
 }
@@ -151,4 +141,8 @@ nav::-webkit-scrollbar {
     opacity: 1;
     transform: none;
   }
+}
+
+.home-intro {
+  line-height: 1.65;
 }

assets/sass/markdown.scss

@@ -66,3 +66,8 @@
 .md p sup {
   margin-left: 4px;
 }
+
+.md a {
+  font-style: italic;
+  text-decoration: underline;
+}

exampleSite/config.toml

@@ -27,7 +27,7 @@ subtitle = ""
 # Comment decides the comment plugin to be used on your blog site, 
 # e.g. disqus, utterances, ovo.
 comment = "utterances"
-# timeformat 
+# timeformat, no matter what format to use, make it the second day of Jan. 2006
 timeformat = "Jan 02, 2006"
 # switch for turning on/off lights.
 switch = ["🌚", "🌝"]
@@ -37,7 +37,7 @@ displayDate = true
 selectable = true
 # custom global font. notice: `globalFontFamily` won't be working
 # on texts in some special positions like on titles
-globalFontFamily = 'Helvatica, sans-serif'
+globalFontFamily = 'Helvatica sans-serif'
 
 # Disqus configuration
 [params.disqus]

layouts/index.html

@@ -2,7 +2,7 @@
 	<main>
 		<h2 class="mt-8 mb-1">{{ .Site.Params.iam }} {{ .Site.Author.name }}</h2>
 		<p class="my-0">{{ .Site.Author.slogon }}</p>
-		<p class="my-3">{{ .Site.Author.description | markdownify | safeHTML }}</p>
+		<p class="my-3 home-intro">{{ .Site.Author.description | markdownify | safeHTML }}</p>
 		{{ if eq .Paginator.PageNumber 1 }}
 		<h3 class="my-6">Recent Posts</h3>
 		{{ else }}

layouts/partials/list.html

@@ -1,4 +1,4 @@
-<div class="flex justify-between sm:flex-col-reverse my-5 sm:mb-6 sm:mt-3">
+<div class="flex justify-between sm:flex-col-reverse my-4 sm:mb-6 sm:mt-3">
 <a class="" href="{{ .RelPermalink }}">{{ .Title }}</a>
 {{ if .Site.Params.displayDate }}
   <div class="sm:mb-2 sm:text-sm">{{ dateFormat .Site.Params.timeformat .Date }}</div>