WIP

assets/main.css

@@ -42,3 +42,16 @@ html {
 .prose p {
   @apply mb-4;
 }
+
+.link,
+.prose a {
+  color: theme("colors.red.900");
+  border-bottom: 4px solid theme("colors.red.100");
+  transition: border-color 200ms;
+}
+
+.link:hover,
+.prose a:hover {
+  color: theme("colors.red.700");
+  border-bottom: 4px solid theme("colors.red.200");
+}

assets/style.css

@@ -764,13 +764,15 @@ html {
   margin-bottom: 1rem;
 }
 
-.link {
+.link,
+.prose a {
   color: #7f1d1d;
   border-bottom: 4px solid #fee2e2;
   transition: border-color 200ms;
 }
 
-.link:hover {
+.link:hover,
+.prose a:hover {
   color: #b91c1c;
   border-bottom: 4px solid #fecaca;
 }

layouts/shortcodes/homepage.html

@@ -17,8 +17,8 @@
             <i class="ri-{{ .Params.icon }} block text-3xl mb-2"></i>
           {{ end }}
           <h4 class="inline mr-1"><a href="{{ .Params.href }}" class="font-bold link">{{ .Title }}</a></h4>
-          <div class="inline">
-            {{ .Params.description }} →
+          <div class="inline prose">
+            {{ .Params.description | safeHTML }} →
           </div>
         </article>
       </li>