more translations

9 files changed, 83 insertions, 55 deletions

diff --git a/layouts/partials/author_card.html b/layouts/partials/author_card.html
index 83f59d7..b23c3e7 100644
--- a/layouts/partials/author_card.html
+++ b/layouts/partials/author_card.html
@@ -1,18 +1,22 @@
-<article class="max-w-screen-md mx-auto pa4 flex flex-column flex-row-ns bt b--black-10">
-  <div class="w-10-ns tc">
-    <img src="{{ .avatar }}" class="br-100 w3" alt="{{ .name }}" />
-  </div>
-  <div class="w-90-ns ph3-ns">
-    <h5 class="f4 my-0 berkshire-swash">
-      <a href="{{ (default .path .homepage) }}" class="color-inherit">
+<article
+  class="max-w-screen-md mx-auto p-8 md:flex md:flex-row items-start border-t"
+>
+  <img
+    src="{{ .avatar }}"
+    class="rounded-full w-16 mx-auto md:m-4"
+    alt="{{ .name }}"
+  />
+  <div class="">
+    <h5 class="my-0 berkshire-swash">
+      <a href="{{ (default .path .homepage) }}" class="">
         {{ .name }}
       </a>
     </h5>
-    <h6 class="f5 fw3 p-0 m-0">{{ .role | markdownify }}</h6>
-    <p class="f6 lh-copy">
+    <h6 class="font-light p-0 m-0">{{ .role | markdownify }}</h6>
+    <p class="mt-3">
       {{ .bio }}
     </p>
-    <div class="f4 mt-4">
+    <div class="text-xl mt-4">
       {{ partial "social_links" . }}
     </div>
   </div>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index b18f748..394f274 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,7 +1,6 @@
-<nav class="header w-full w3-theme-d3 w3-theme-border cf ">
-  <div class="max-w-screen-md mx-auto pl-2">
-    <!-- <a href="{{ site.BaseURL | relLangURL }}" class="block fl"> -->
-    <a href="{{ site.BaseURL | relLangURL }}" class="block fl">
+<nav class="header w-full bg-lime-700 cf ">
+  <div class="max-w-screen-md mx-auto pl-2 text-white">
+    <a href="{{ site.BaseURL | relLangURL }}" class="block float-left">
       {{ with resources.Get .Site.Params.logo }}
         <img
           height="{{ site.Params.logo_height }}"
@@ -16,14 +15,14 @@
         {{ .Site.Title }}
       </span>
     </a>
-    <input class="menu-btn dn" type="checkbox" id="menu-btn" />
-    <label class="fr dn-ns m-2 p-4 menu-icon" for="menu-btn">
-      <span class="navicon bg-near-white"></span>
+    <input class="menu-btn hidden" type="checkbox" id="menu-btn" />
+    <label class="float-right md:hidden m-2 p-4 menu-icon" for="menu-btn">
+      <span class="navicon bg-white"></span>
     </label>
-    <ul class="m-0 p-0 list overflow-hidden font-sans leading-none">
+    <ul class="m-0 p-0 overflow-hidden font-sans leading-none">
       {{ range .Site.Menus.main }}
-        <li class="fl-ns w3-hover-theme">
-          <a class="block p-4 near-white" href="{{ .PageRef | relLangURL }}">
+        <li class="md:float-left hover:bg-lime-500">
+          <a class="block p-4" href="{{ .PageRef | relLangURL }}">
             {{ .Pre }}
             {{- T .Name | title -}}
           </a>
diff --git a/layouts/partials/hero.html b/layouts/partials/hero.html
index 69bec8a..8ed0b62 100644
--- a/layouts/partials/hero.html
+++ b/layouts/partials/hero.html
@@ -5,7 +5,7 @@
     , url('{{ .RelPermalink }}') center
   {{ end }};"
 >
-  <div class="max-w-screen-md mx-auto px-2 near-white font-serif text-center">
+  <div class="max-w-screen-md mx-auto px-2 text-white font-serif text-center">
     {{ if eq .Type "authors" }}
       {{ $avatar :=  index .Params.images 1 }}
       {{ if hasPrefix $avatar "http" }}
@@ -16,22 +16,22 @@
       {{ with $avatar }}
         <img
           src="{{ .RelPermalink }}"
-          class="br-100 w-64 block mx-auto"
+          class="rounded-full w-64 block mx-auto"
           alt=""
         />
       {{ end }}
-      <h1 class="text-5xl my-1 font-bold">
+      <h1 class="">
         {{ .Params.Name }}
       </h1>
 
-      <h2 class="text-2xl fw3 my-1">
+      <h3 class="font-normal">
         {{ .Params.role | markdownify }}
-      </h2>
+      </h3>
 
       {{ with .Params.Subtitle }}
-        <h2 class="text-2xl fw3 my-1">
+        <h3 class="">
           {{ . | markdownify }}
-        </h2>
+        </h3>
       {{ end }}
 
 
@@ -40,7 +40,7 @@
       </div>
     {{ else }}
 
-      <h1 class="text-5xl my-1 font-bold">{{ .Title }}</h1>
+      <h1 class="berkshire-swash">{{ .Title }}</h1>
       {{ .Content }}
     {{ end }}
   </div>
diff --git a/layouts/partials/leading_image.html b/layouts/partials/leading_image.html
index 0dda603..2f8e491 100644
--- a/layouts/partials/leading_image.html
+++ b/layouts/partials/leading_image.html
@@ -5,8 +5,8 @@
   {{ $image =  resources.Get (index .Params.images 0) }}
 {{ end }}
 {{ with $image }}
-  <div class="tc">
-    <div class="relative dib">
+  <div class="text-center">
+    <div class="relative inline-block">
       <img
         src="{{ if ne .MediaType.SubType "svg" }}
           {{ $image := .Fit (default "768x400" $.Params.image_size) }}
@@ -20,7 +20,7 @@
       {{ with $.Params.caption }}
         <a
           href="{{ .url }}"
-          class="near-white block absolute bottom-0 right-0 p-2 bg-black-30 br2"
+          class="text-white block absolute bottom-0 right-0 p-2 bg-black bg-opacity-40 rounded"
         >
           {{ .text }}
         </a>
diff --git a/layouts/partials/meta_links.html b/layouts/partials/meta_links.html
index 3ee7c7c..69e2a94 100644
--- a/layouts/partials/meta_links.html
+++ b/layouts/partials/meta_links.html
@@ -1,8 +1,8 @@
 {{ with .Params.meta_links }}
-  <div class="cf ph4">
+  <div class="px-8 text-right">
     {{ range $key, $val := . }}
       <a
-        class="fr f6 ba br3 m-2 px-2 py-1 w3-text-theme w3-hover-theme ttu"
+        class="inline-block text-sm border border-current rounded-lg mx-1 px-2 py-1 text-lime-500 hover:bg-lime-500 uppercase"
         href="{{ . }}"
         target="_blank"
         rel="noopener"
@@ -10,6 +10,5 @@
         {{ $key }}
       </a>
     {{ end }}
-    <div></div>
   </div>
 {{ end }}
diff --git a/layouts/partials/pagination.html b/layouts/partials/pagination.html
index 6fdb89b..7e5eeb3 100644
--- a/layouts/partials/pagination.html
+++ b/layouts/partials/pagination.html
@@ -1,17 +1,34 @@
 {{ $pag := $.Paginator }}
 {{ if gt $pag.TotalPages 1 }}
-<nav class="flex items-center justify-center pa4 f5">
+  <nav class="flex items-center justify-center p-8">
     {{ if $pag.HasPrev }}
-      <a href="{{ $pag.Prev.URL }}" rel="prev" class="near-black transition hover:scale-105 hover-bg-light-gray p-2 ba">« {{ T "prev" }}</a>
+      <a
+        href="{{ $pag.Prev.URL }}"
+        rel="prev"
+        class="text-black transition hover:scale-105 hover:bg-gray-100 p-2 border"
+        >« {{ T "prev" }}</a
+      >
     {{ end }}
     {{ range $pag.Pagers }}
-    {{ if eq . $pag }}
-      <span class= "near-white bg-gray m-1 p-2 ba"> {{ $pag.PageNumber }}</span>
-    {{ else }}
-      <a href="{{ .URL }}" class="block near-black transition hover:scale-105 hover-bg-light-gray hover-near-black p-2 ba">{{ .PageNumber }}</a>
-    {{ end }}
+      {{ if eq . $pag }}
+        <span class="text-white bg-gray-400 mx-1 p-2 border">
+          {{ $pag.PageNumber }}</span
+        >
+      {{ else }}
+        <a
+          href="{{ .URL }}"
+          class="block text-black transition hover:scale-105 hover:bg-gray-100 p-2 border"
+          >{{ .PageNumber }}</a
+        >
+      {{ end }}
     {{ end }}
     {{ if $pag.HasNext }}
-    <a href="{{ $pag.Next.URL }}" rel="next" class="near-black transition hover:scale-105 hover-bg-light-gray p-2 ba">{{ T "next" }} »</a> {{ end }}
-</nav>
+      <a
+        href="{{ $pag.Next.URL }}"
+        rel="next"
+        class="text-black transition hover:scale-105 hover:bg-gray-100 p-2 border"
+        >{{ T "next" }} »</a
+      >
+    {{ end }}
+  </nav>
 {{ end }}
diff --git a/layouts/partials/post.html b/layouts/partials/post.html
index 8afa03e..2e99a7a 100644
--- a/layouts/partials/post.html
+++ b/layouts/partials/post.html
@@ -14,9 +14,9 @@
             {{ if ne .MediaType.SubType "svg" }}
               {{ $image := .Fill (default "150x150" $.Params.thumbnail_size) }}
               width="{{ $image.Width }}" height="{{ $image.Height }}"
-              src="{{ $image.RelPermalink }}"
+              src="{{ $image.RelPermalink }}" class="mx-auto"
             {{ else }}
-              src="{{ $image.RelPermalink }}"
+              src="{{ $image.RelPermalink }}" class="mx-auto max-w-64"
             {{ end }}
             loading="lazy"
             alt=""
diff --git a/layouts/partials/post_pager.html b/layouts/partials/post_pager.html
index fdb5c44..350f347 100644
--- a/layouts/partials/post_pager.html
+++ b/layouts/partials/post_pager.html
@@ -1,10 +1,20 @@
 <nav class="flex items-center justify-center pa4 f5">
-{{ with .NextInSection }}
-    <a href="{{ .RelPermalink }}" rel="prev" class="near-black bg-animate hover-bg-light-gray p-2 ba m-2">
-        « {{ .Title }}</a>
-{{ end }}
-{{ with .PrevInSection }}
-    <a href="{{ .RelPermalink }}" rel="prev" class="near-black bg-animate hover-bg-light-gray p-2 ba m-2">
-        {{ .Title }} »</a>
-{{ end }}
+  {{ with .NextInSection }}
+    <a
+      href="{{ .RelPermalink }}"
+      rel="prev"
+      class="text-black hover:bg-gray-200 p-2 border m-2"
+    >
+      « {{ .Title }}</a
+    >
+  {{ end }}
+  {{ with .PrevInSection }}
+    <a
+      href="{{ .RelPermalink }}"
+      rel="prev"
+      class="text-black hover:bg-gray-200 p-2 border m-2"
+    >
+      {{ .Title }} »</a
+    >
+  {{ end }}
 </nav>
diff --git a/layouts/partials/social_links.html b/layouts/partials/social_links.html
index c7a5f7d..0951770 100644
--- a/layouts/partials/social_links.html
+++ b/layouts/partials/social_links.html
@@ -15,8 +15,7 @@
   <a
     href="{{ $link | safeURL }}"
     {{ $target | safeHTMLAttr }}
-    class="color-inherit"
   >
-    <i class="{{ $pack }} {{ $pack_prefix }}-{{ .icon }} h2"></i>
+    <i class="{{ $pack }} {{ $pack_prefix }}-{{ .icon }}"></i>
   </a>
 {{ end }}