feat: migrate from using tailwind

themes/starless/layouts/_default/list.html

@@ -1,27 +1,27 @@
 {{ define "main" }}
-  <div class="prose prose-invert max-w-none text-body-md text-on-surface/90 space-y-6">
+  <div class="content">
     <h1>{{ .Title }}</h1>
     {{ .Content }}
   </div>
-  <div class="mt-12">
-    <a class="inline-flex items-center text-on-surface-variant hover:text-primary transition-colors font-body-md italic mb-4" href="{{ `/` | relLangURL }}">
-      Home <span class="material-symbols-outlined ml-1 text-[18px]">arrow_back</span>
+  <div class="page-actions">
+    <a class="page-link" href="{{ `/` | relLangURL }}">
+      Home <span class="material-symbols-outlined">arrow_back</span>
     </a>
-    <hr class="border-on-surface/10">
+    <hr class="rule">
   </div>
-  <div class="mt-8 divide-y divide-on-surface/10">
+  <div class="page-list">
     {{ range .Pages.ByWeight }}
-      <article class="py-5">
-        <p class="mb-3"><a class="hover:text-primary transition-colors" href="{{ .RelPermalink }}">{{ .Title }}</a></p>
+      <article>
+        <p class="entry-title"><a href="{{ .RelPermalink }}">{{ .Title }}</a></p>
         {{ with .Params.summary }}
-          <p class="text-on-surface/90">{{ . }}</p>
+          <p class="entry-summary">{{ . }}</p>
         {{ else }}
-          {{ with .Summary }}<p class="text-on-surface/90">{{ . | plainify }}</p>{{ end }}
+          {{ with .Summary }}<p class="entry-summary">{{ . | plainify }}</p>{{ end }}
         {{ end }}
       </article>
     {{ end }}
   </div>
-  <div class="mt-auto pt-32 pb-8 font-display-lg italic text-on-surface-variant text-lg">
+  <div class="footer-note page-footer">
     {{ site.Params.homeFooter }}
   </div>
 {{ end }}