transfer so partial and defaults

3 files changed, 21 insertions, 17 deletions

diff --git a/layouts/_default/author.html b/layouts/_default/author.html
index ad1602f..b2277dd 100644
--- a/layouts/_default/author.html
+++ b/layouts/_default/author.html
@@ -5,8 +5,8 @@
   {{- $sectionDelimiter := "<!-- section break -->" -}}
   {{- $rawContentSections := split .RawContent $sectionDelimiter -}}
   {{ range $rawContentSections }}
-    <div class="stripe-dark">
-      <div class="max-w-screen-md mx-auto py-2 lh-copy f4-ns px-1 main-content">
+    <div class="even:bg-gray-200">
+      <div class="max-w-screen-md mx-auto py-2 px-1 main-content">
         {{ . | markdownify }}
       </div>
     </div>
@@ -14,9 +14,9 @@
 
   {{ with where .Pages "Type" "publication" }}
     {{ if gt (len .) 0 }}
-      <div class="stripe-dark">
-        <div class="max-w-screen-md mx-auto py-2 lh-copy f4-ns px-1">
-          <h2 class="baskerville lh-title f2">Publications</h2>
+      <div class="even:bg-gray-200">
+        <div class="max-w-screen-md mx-auto py-2 px-1">
+          <h2 class="baskerville">Publications</h2>
           {{ range . }}
             {{ partial "post.html" . }}
           {{ end }}
diff --git a/layouts/_default/search.html b/layouts/_default/search.html
index 726ae68..e61c9a0 100644
--- a/layouts/_default/search.html
+++ b/layouts/_default/search.html
@@ -1,8 +1,8 @@
 {{ define "main" }}
   <div class="max-w-screen-md mx-auto p-1">
     <header>
-      <h2 class="baskerville f2 lh-title my-4 px-1">
-        {{ T "search" }}
+      <h2 class="baskerville px-1">
+        {{ T "search" | humanize }}
       </h2>
     </header>
 
@@ -11,26 +11,30 @@
         id="search-query"
         name="q"
         placeholder="{{ T "search_placeholder" }}"
-        class="near-black p-2 w-100"
+        class="p-2 w-full border"
       />
     </form>
 
     <div id="search-results" class="my-2">
-      <p class="p-4 f4 fw6 tc">{{ T "search_request" }}</p>
+      <p class="p-4 text-xl font-semibold text-center">
+        {{ T "search_request" }}
+      </p>
     </div>
   </div>
 
   <template id="no-match">
-    <p class="bg-washed-red p-4 dark-red f4 fw6 tc br2 b--light-red ba">
+    <p
+      class="bg-red-100 p-4 text-red-600 text-xl font-semibold text-center border rounded border-current"
+    >
       {{ T "no_match_found" }}
     </p>
   </template>
   <template id="search-result-template">
-    <article class="py-2 bt bb b--black-10 search_summary">
-      <a class="dim near-black search_link" href="">
-        <time class="fr f6 lh-copy ph4 search_time"></time>
-        <h3 class="text-2xl baskerville my-1 lh-title search_title"></h3>
-        <div class="f5 lh-copy search_snippet"></div>
+    <article class="py-2 border-y border-gray-200 search_summary">
+      <a class="hover:opacity-50 search_link" href="">
+        <time class="float-right text-sm px-8 search_time"></time>
+        <h4 class="baskerville my-2 search_title"></h4>
+        <div class="search_snippet"></div>
       </a>
     </article>
   </template>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 66f67ea..bdb5482 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,6 +1,6 @@
 {{ define "main" }}
   <header class="max-w-screen-md mx-auto">
-    <h1 class="baskerville f1 lh-title my-4 px-1">
+    <h1 class="baskerville px-1">
       {{ .Title }}
     </h1>
 
@@ -15,7 +15,7 @@
 
     {{ partial "leading_image.html" . }}
   </header>
-  <div class="main-content max-w-screen-md mx-auto lh-copy f5 f4-ns px-1">
+  <div class="main-content max-w-screen-md mx-auto px-1">
     {{ .Content }}
   </div>
   {{ partial "image-gallery" . }}