From 71c7aca8153042856f4364fa23c4c4f03a0f6415 Mon Sep 17 00:00:00 2001
From: danpros <dan@danpros.com>
Date: Thu, 21 Nov 2024 19:13:57 +0700
Subject: [PATCH] Improve theme

---
 themes/tailwind/404-search.html.php    | 8 +++-----
 themes/tailwind/404.html.php           | 7 +++----
 themes/tailwind/layout.html.php        | 2 +-
 themes/tailwind/main.html.php          | 9 +++++----
 themes/tailwind/profile.html.php       | 7 ++++---
 themes/tailwind/static--front.html.php | 5 +++--
 6 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/themes/tailwind/404-search.html.php b/themes/tailwind/404-search.html.php
index 571ebe2d..abefaec5 100644
--- a/themes/tailwind/404-search.html.php
+++ b/themes/tailwind/404-search.html.php
@@ -1,21 +1,19 @@
 <?php if (!defined('HTMLY')) die('HTMLy'); ?>
 <div class="divide-y divide-gray-200 dark:divide-gray-700">
 	<div class="space-y-2 pb-8 pt-6 md:space-y-5">
-		<h1 class="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">Search results not found!</h1>
+		<h1 class="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14"><?php echo i18n('search_results_not_found');?></h1>
 	</div>
 	<div class="items-start space-y-2 xl:grid xl:gap-x-8 xl:space-y-0">
 		<div class="prose max-w-none pb-8 pt-8 dark:prose-invert">
-		    <p>Please search to find what you're looking for or visit our <a href="<?php echo site_url() ?>">homepage</a> instead.</p>
+		    <p><a style="text-decoration:none;" aria-label="Back to homepage" href="<?php echo site_url();?>">← <?php echo i18n('back_to');?> <?php echo i18n('homepage');?></a></p>
 		</div>
 		
 		<div class="relative max-w-lg">
 			<label>
 				<span class="sr-only">Search articles</span>
-				<form><input aria-label="Search articles" name="search" placeholder="Search articles" class="block w-full rounded-md border border-gray-300 bg-white px-4 py-2 text-gray-900 focus:border-primary-500 focus:ring-primary-500 dark:border-gray-900 dark:bg-gray-800 dark:text-gray-100" type="text"></form>
+				<form><input aria-label="Search articles" name="search" placeholder="<?php echo i18n('type_to_search');?>" class="block w-full rounded-md border border-gray-300 bg-white px-4 py-2 text-gray-900 focus:border-primary-500 focus:ring-primary-500 dark:border-gray-900 dark:bg-gray-800 dark:text-gray-100" type="text"></form>
 			</label>
 			<svg class="absolute right-3 top-3 h-5 w-5 text-gray-400 dark:text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg>
 		</div>
-		
-		
 	</div>
 </div>
\ No newline at end of file
diff --git a/themes/tailwind/404.html.php b/themes/tailwind/404.html.php
index be0be824..d30c6c12 100644
--- a/themes/tailwind/404.html.php
+++ b/themes/tailwind/404.html.php
@@ -1,20 +1,19 @@
 <?php if (!defined('HTMLY')) die('HTMLy'); ?>
 <div class="divide-y divide-gray-200 dark:divide-gray-700">
 	<div class="space-y-2 pb-8 pt-6 md:space-y-5">
-		<h1 class="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">This page doesn't exist!</h1>
+		<h1 class="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14"><?php echo i18n('this_page_doesnt_exist');?></h1>
 	</div>
 	<div class="items-start space-y-2 xl:grid xl:gap-x-8 xl:space-y-0">
 		<div class="prose max-w-none pb-8 pt-8 dark:prose-invert">
-		    <p>Please search to find what you're looking for or visit our <a href="<?php echo site_url() ?>">homepage</a> instead.</p>
+		    <p><a style="text-decoration:none;" aria-label="Back to homepage" href="<?php echo site_url();?>">← <?php echo i18n('back_to');?> <?php echo i18n('homepage');?></a></p>
 		</div>
 		
 		<div class="relative max-w-lg">
 			<label>
 				<span class="sr-only">Search articles</span>
-				<form><input aria-label="Search articles" name="search" placeholder="Search articles" class="block w-full rounded-md border border-gray-300 bg-white px-4 py-2 text-gray-900 focus:border-primary-500 focus:ring-primary-500 dark:border-gray-900 dark:bg-gray-800 dark:text-gray-100" type="text"></form>
+				<form><input aria-label="Search articles" name="search" placeholder="<?php echo i18n('type_to_search');?>" class="block w-full rounded-md border border-gray-300 bg-white px-4 py-2 text-gray-900 focus:border-primary-500 focus:ring-primary-500 dark:border-gray-900 dark:bg-gray-800 dark:text-gray-100" type="text"></form>
 			</label>
 			<svg class="absolute right-3 top-3 h-5 w-5 text-gray-400 dark:text-gray-300" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg>
 		</div>
-		
 	</div>
 </div>
\ No newline at end of file
diff --git a/themes/tailwind/layout.html.php b/themes/tailwind/layout.html.php
index 8c55e7ce..b261798c 100644
--- a/themes/tailwind/layout.html.php
+++ b/themes/tailwind/layout.html.php
@@ -47,7 +47,7 @@
 					<div class="mr-5">
 						<div class="relative inline-block text-left">
 							<div>
-								<button id="theme-toggle" type="button" aria-haspopup="menu" aria-expanded="false">
+								<button id="theme-toggle" type="button" aria-label="Theme Mode" aria-haspopup="menu" aria-expanded="false">
 									<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" class="h-6 w-6 text-gray-900 dark:text-gray-100">
 										<path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path>
 									</svg>
diff --git a/themes/tailwind/main.html.php b/themes/tailwind/main.html.php
index 0c2c839b..fbc52d7d 100644
--- a/themes/tailwind/main.html.php
+++ b/themes/tailwind/main.html.php
@@ -1,8 +1,8 @@
 <?php if (!defined('HTMLY')) die('HTMLy'); ?>
 <?php if (isset($is_taxonomy)):?>
 <div class="space-y-2 pb-8 pt-6 md:space-y-5">
-	<h1 class="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14"><?php echo $taxonomy->title;?> 
-		<a class="inline-block" href="<?php echo $taxonomy->rss;?>">
+	<h1 class="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14"><?php echo $taxonomy->title;?>
+		<a class="inline-block" aria-label="<?php echo isset($is_front) ? blog_title(): $taxonomy->title;?> RSS" title="<?php echo isset($is_front) ? blog_title(): $taxonomy->title;?> RSS" href="<?php echo $taxonomy->rss;?>">
 			<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-rss" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"/><path d="M5.5 12a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-3-8.5a1 1 0 0 1 1-1c5.523 0 10 4.477 10 10a1 1 0 1 1-2 0 8 8 0 0 0-8-8 1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1 6 6 0 0 1 6 6 1 1 0 1 1-2 0 4 4 0 0 0-4-4 1 1 0 0 1-1-1"/></svg>
 		</a>
 	</h1>
@@ -36,7 +36,8 @@
 				</dd>
 				
 				<?php if ($teaserType === 'trimmed') :?>
-				<div class="pt-4 pr-6">
+				<dt class="sr-only"><?php echo i18n('featured_image');?></dt>
+				<dd class="pt-4 pr-6">
 						<?php if (!empty($p->image)) {?>
 						<a class="thumbnail" href="<?php echo $p->url;?>"><img src="<?php echo $p->image;?>" width="100%" alt="<?php echo $p->title;?>"></a>
 						<?php } elseif (!empty($p->video)) {?>
@@ -55,7 +56,7 @@
 						<?php } elseif (!empty($img)) {?>
 						<a class="thumbnail" href="<?php echo $p->url;?>"><img src="<?php echo $img;?>" width="100%" alt="<?php echo $p->title;?>"></a>
 						<?php } ?>
-				</div>
+				</dd>
 				<?php endif;?>
 				
 			</dl>
diff --git a/themes/tailwind/profile.html.php b/themes/tailwind/profile.html.php
index de0b2fa5..fdc2d4ab 100644
--- a/themes/tailwind/profile.html.php
+++ b/themes/tailwind/profile.html.php
@@ -1,7 +1,7 @@
 <?php if (!defined('HTMLY')) die('HTMLy'); ?>
 <div class="space-y-2 pb-8 pt-6 md:space-y-5">
 	<h1 class="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14"><?php echo $author->title;?>
-		<a class="inline-block" href="<?php echo $author->rss;?>">
+		<a class="inline-block" aria-label="<?php echo $author->title;?> RSS" title="<?php echo $author->title;?> RSS" href="<?php echo $author->rss;?>">
 			<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-rss" viewBox="0 0 16 16"><path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"/><path d="M5.5 12a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-3-8.5a1 1 0 0 1 1-1c5.523 0 10 4.477 10 10a1 1 0 1 1-2 0 8 8 0 0 0-8-8 1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1 6 6 0 0 1 6 6 1 1 0 1 1-2 0 4 4 0 0 0-4-4 1 1 0 0 1-1-1"/></svg>
 		</a>
 	</h1>
@@ -24,7 +24,8 @@
 				</dd>
 				
 				<?php if ($teaserType === 'trimmed') :?>
-				<div class="pt-4 pr-6">
+				<dt class="sr-only"><?php echo i18n('featured_image');?></dt>
+				<dd class="pt-4 pr-6">
 						<?php if (!empty($p->image)) {?>
 						<a class="thumbnail" href="<?php echo $p->url;?>"><img src="<?php echo $p->image;?>" width="100%" alt="<?php echo $p->title;?>"></a>
 						<?php } elseif (!empty($p->video)) {?>
@@ -43,7 +44,7 @@
 						<?php } elseif (!empty($img)) {?>
 						<a class="thumbnail" href="<?php echo $p->url;?>"><img src="<?php echo $img;?>" width="100%" alt="<?php echo $p->title;?>"></a>
 						<?php } ?>
-				</div>
+				</dd>
 				<?php endif;?>
 				
 			</dl>
diff --git a/themes/tailwind/static--front.html.php b/themes/tailwind/static--front.html.php
index 6fde6aad..c24521e3 100644
--- a/themes/tailwind/static--front.html.php
+++ b/themes/tailwind/static--front.html.php
@@ -24,7 +24,8 @@
 				</dd>
 				
 				<?php if ($teaserType === 'trimmed') :?>
-				<div class="pt-4 pr-6">
+				<dt class="sr-only"><?php echo i18n('featured_image');?></dt>
+				<dd class="pt-4 pr-6">
 						<?php if (!empty($p->image)) {?>
 						<a class="thumbnail" href="<?php echo $p->url;?>"><img src="<?php echo $p->image;?>" width="100%" alt="<?php echo $p->title;?>"></a>
 						<?php } elseif (!empty($p->video)) {?>
@@ -43,7 +44,7 @@
 						<?php } elseif (!empty($img)) {?>
 						<a class="thumbnail" href="<?php echo $p->url;?>"><img src="<?php echo $img;?>" width="100%" alt="<?php echo $p->title;?>"></a>
 						<?php } ?>
-				</div>
+				</dd>
 				<?php endif;?>
 				
 			</dl>