From ca5e8ee8b40325ab1dfda13488b4f44f5f56ebb5 Mon Sep 17 00:00:00 2001
From: Serhii Polishchuk <spolischook@gmail.com>
Date: Thu, 18 Jan 2024 19:23:18 +0100
Subject: [PATCH] Fixed SEO issues

---
 layouts/_default/list.html | 12 ++++++-----
 static/css/style.css       | 41 ++++++++++++++++++++++----------------
 2 files changed, 31 insertions(+), 22 deletions(-)

diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index e231d62..e6360a3 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,11 +1,13 @@
 {{ define "main" }}
     {{.Content}}
 
-    <ul class="flex flex-col space-y-4 list-none pl-0">
+    <ul class="flex flex-col list-none pl-0">
         {{range .Pages}}
             <li class="flex flex-col">
-                <a class="link text-2xl"
-                   href="{{.Permalink}}">{{.Title}}</a>
+                <a class="link text-2xl min-h-[48px] flex items-end"
+                   href="{{.Permalink}}">
+                   <span>{{.Title}}</span>
+                </a>
                 <div class="flex justify-between">
                     <div class="flex space-x-2 justify-center items-center">
                         <svg class="octicon octicon-calendar" viewBox="0 0 14 16" version="1.1" width="14" height="16"
@@ -15,10 +17,10 @@
                         </svg>
                         <div>{{ .Date.Format "Jan 02, 2006" }}</div>
                     </div>
-                    <ul class="flex space-x-2 list-none">
+                    <ul class="flex space-x-2 list-none mb-0">
                         {{ range .Params.tags }}
                             <li>
-                                <a class="link flex space-x-1 justify-center items-center" href="{{ $.Site.BaseURL }}tags/{{ . | urlize }}">
+                                <a class="link flex space-x-1 justify-center items-center min-h-[48px]" href="{{ $.Site.BaseURL }}tags/{{ . | urlize }}">
                                     <svg class="octicon octicon-tag" viewBox="0 0 14 16" version="1.1" width="14" height="16" aria-hidden="true">
                                         <path fill-rule="evenodd" d="M7.73 1.73C7.26 1.26 6.62 1 5.96 1H3.5C2.13 1 1 2.13 1 3.5v2.47c0 .66.27 1.3.73 1.77l6.06 6.06c.39.39 1.02.39 1.41 0l4.59-4.59a.996.996 0 0 0 0-1.41L7.73 1.73zM2.38 7.09c-.31-.3-.47-.7-.47-1.13V3.5c0-.88.72-1.59 1.59-1.59h2.47c.42 0 .83.16 1.13.47l6.14 6.13-4.73 4.73-6.13-6.15zM3.01 3h2v2H3V3h.01z"></path>
                                     </svg>
diff --git a/static/css/style.css b/static/css/style.css
index 33ee598..21876ef 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -568,6 +568,10 @@ video {
   }
 }
 
+.static {
+  position: static;
+}
+
 .absolute {
   position: absolute;
 }
@@ -683,6 +687,14 @@ video {
   min-height: 100vh;
 }
 
+.min-h-\[\] {
+  min-height: ;
+}
+
+.min-h-\[48px\] {
+  min-height: 48px;
+}
+
 .w-4 {
   width: 1rem;
 }
@@ -703,10 +715,6 @@ video {
   width: 100%;
 }
 
-.w-24 {
-  width: 6rem;
-}
-
 .list-none {
   list-style-type: none;
 }
@@ -867,11 +875,6 @@ video {
   background-color: rgb(36 41 47 / var(--tw-bg-opacity));
 }
 
-.bg-lime-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgb(236 252 203 / var(--tw-bg-opacity));
-}
-
 .bg-slate-100 {
   --tw-bg-opacity: 1;
   background-color: rgb(241 245 249 / var(--tw-bg-opacity));
@@ -962,10 +965,6 @@ video {
   padding-top: 0.25rem;
 }
 
-.pl-4 {
-  padding-left: 1rem;
-}
-
 .text-left {
   text-align: left;
 }
@@ -974,6 +973,18 @@ video {
   text-align: center;
 }
 
+.align-baseline {
+  vertical-align: baseline;
+}
+
+.align-bottom {
+  vertical-align: bottom;
+}
+
+.align-text-bottom {
+  vertical-align: text-bottom;
+}
+
 .font-sans {
   font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
@@ -1041,10 +1052,6 @@ video {
   color: rgb(39 39 42 / var(--tw-text-opacity));
 }
 
-.opacity-80 {
-  opacity: 0.8;
-}
-
 .opacity-90 {
   opacity: 0.9;
 }