From 1c374367fd4078ec1dfd02132e927cd5b70c5dfc Mon Sep 17 00:00:00 2001
From: radishzzz <shuyinsen@gmail.com>
Date: Sat, 17 May 2025 10:43:40 +0100
Subject: [PATCH] fix: accessibility issues with footer links, update theme
 guide

---
 src/components/Footer.astro                   | 6 +++---
 src/components/Navbar.astro                   | 4 ++--
 src/components/PostList.astro                 | 4 ++--
 src/content/posts/guides/Theme Guide-en.md    | 4 ++--
 src/content/posts/guides/Theme Guide-es.md    | 4 ++--
 src/content/posts/guides/Theme Guide-ja.md    | 4 ++--
 src/content/posts/guides/Theme Guide-ru.md    | 4 ++--
 src/content/posts/guides/Theme Guide-zh-tw.md | 4 ++--
 src/content/posts/guides/Theme Guide-zh.md    | 4 ++--
 src/styles/global.css                         | 2 +-
 src/styles/heti.css                           | 4 ++--
 11 files changed, 22 insertions(+), 22 deletions(-)

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index e55524d..731e0b4 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -22,11 +22,11 @@ const links = socialLinks.map((link) => {
   return link
 })
 
-const footerLinkClass = 'highlight-hover footer-highlight-position-fix transition-colors after:bottom-0 hover:c-primary'
+const footerLinkClass = 'highlight-hover footer-highlight-position-fix py-0.8 transition-colors after:bottom-0.1 hover:c-primary'
 ---
 
 <footer
-  class="text-3 leading-4.75 font-navbar lg:text-3.5"
+  class="text-3 leading-0.9em font-navbar lg:text-3.5"
   lg="uno-desktop-column bottom-20"
 >
   <p>
@@ -44,7 +44,7 @@ const footerLinkClass = 'highlight-hover footer-highlight-position-fix transitio
     Powered by <a class={footerLinkClass} href="https://astro.build/" target="_blank" rel="noopener noreferrer">Astro</a> and <a class={footerLinkClass} href="https://github.com/radishzzz/astro-theme-retypeset" target="_blank" rel="noopener noreferrer">Retypeset</a>
   </p>
 
-  <p>
+  <p class="py-0.8">
     © {year} {author}
   </p>
 </footer>
diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index e12b71b..cffc507 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -38,8 +38,8 @@ const navItems = [
   aria-label="Site Navigation"
   class:list={[
     isPost ? 'hidden lg:block' : '',
-    'mb-10.5 text-3.6 font-semibold leading-8.75 font-navbar',
-    'lg:(uno-desktop-column text-4 leading-9.72 bottom-50) cjk:tracking-0.02em',
+    'mb-10.5 text-3.6 font-semibold leading-2.45em font-navbar',
+    'lg:(uno-desktop-column text-4 bottom-50) cjk:tracking-0.02em',
   ]}
 >
   <ul>
diff --git a/src/components/PostList.astro b/src/components/PostList.astro
index 61b6d96..f1bea89 100644
--- a/src/components/PostList.astro
+++ b/src/components/PostList.astro
@@ -60,7 +60,7 @@ function getPostPath(post: Post) {
 
       {/* mobile post time */}
       <div
-        class="text-3.5 leading-6.875 font-time lg:hidden"
+        class="py-0.8 text-3.5 font-time lg:hidden"
         transition:name={`time-${post.data.abbrlink || post.id}-${lang}`}
         data-disable-transition-on-theme
       >
@@ -71,7 +71,7 @@ function getPostPath(post: Post) {
       </div>
 
       {/* desktop post time */}
-      <div class="hidden text-3.65 leading-6.875 font-time lg:(ml-2.5 inline)">
+      <div class="hidden text-3.65 font-time lg:(ml-2.5 inline)">
         <PostDate
           date={post.data.published}
           minutes={post.remarkPluginFrontmatter.minutes}
diff --git a/src/content/posts/guides/Theme Guide-en.md b/src/content/posts/guides/Theme Guide-en.md
index 2bee5a1..f6dd00c 100644
--- a/src/content/posts/guides/Theme Guide-en.md	
+++ b/src/content/posts/guides/Theme Guide-en.md	
@@ -234,7 +234,7 @@ const EXCERPT_LENGTHS: Record<ExcerptScene, {
 
 ### Open Graph
 
-Open Graph social image styles.
+[Open Graph social card](https://orcascan.com/tools/open-graph-validator?url=https%3A%2F%2Fretypeset.radishzz.cc%2Fen%2Fposts%2Ftheme-guide%2F) styles.
 
 ```ts
 // src/pages/og/[...image].ts
@@ -263,7 +263,7 @@ getImageOptions: (_path, page) => ({
 
 ### RSS Feed
 
-RSS feed page styles.
+[RSS feed page](https://retypeset.radishzz.cc/en/rss.xml) styles.
 
 ```html
 <!-- public/rss/rss-style.xsl -->
diff --git a/src/content/posts/guides/Theme Guide-es.md b/src/content/posts/guides/Theme Guide-es.md
index fe5b59a..455c469 100644
--- a/src/content/posts/guides/Theme Guide-es.md	
+++ b/src/content/posts/guides/Theme Guide-es.md	
@@ -234,7 +234,7 @@ const EXCERPT_LENGTHS: Record<ExcerptScene, {
 
 ### Open Graph
 
-Estilos de imágenes sociales Open Graph.
+Estilos de [tarjetas sociales Open Graph](https://orcascan.com/tools/open-graph-validator?url=https%3A%2F%2Fretypeset.radishzz.cc%2Fes%2Fposts%2Ftheme-guide%2F).
 
 ```ts
 // src/pages/og/[...image].ts
@@ -263,7 +263,7 @@ getImageOptions: (_path, page) => ({
 
 ### Canal RSS
 
-Estilos de página del feed RSS.
+Estilos de [página del feed RSS](https://retypeset.radishzz.cc/es/rss.xml).
 
 ```html
 <!-- public/rss/rss-style.xsl -->
diff --git a/src/content/posts/guides/Theme Guide-ja.md b/src/content/posts/guides/Theme Guide-ja.md
index b4c5ea9..03d7f72 100644
--- a/src/content/posts/guides/Theme Guide-ja.md	
+++ b/src/content/posts/guides/Theme Guide-ja.md	
@@ -234,7 +234,7 @@ const EXCERPT_LENGTHS: Record<ExcerptScene, {
 
 ### Open Graph
 
-Open Graphソーシャル画像スタイル。
+[Open Graphソーシャルカード](https://orcascan.com/tools/open-graph-validator?url=https%3A%2F%2Fretypeset.radishzz.cc%2Fja%2Fposts%2Ftheme-guide%2F)スタイル。
 
 ```ts
 // src/pages/og/[...image].ts
@@ -263,7 +263,7 @@ getImageOptions: (_path, page) => ({
 
 ### RSSフィード
 
-RSSフィードページスタイル。
+[RSSフィードページ](https://retypeset.radishzz.cc/ja/rss.xml)スタイル。
 
 ```html
 <!-- public/rss/rss-style.xsl -->
diff --git a/src/content/posts/guides/Theme Guide-ru.md b/src/content/posts/guides/Theme Guide-ru.md
index 886b49f..fb5e7a9 100644
--- a/src/content/posts/guides/Theme Guide-ru.md	
+++ b/src/content/posts/guides/Theme Guide-ru.md	
@@ -234,7 +234,7 @@ const EXCERPT_LENGTHS: Record<ExcerptScene, {
 
 ### Open Graph
 
-Стили изображений Open Graph для социальных сетей.
+Стили [карточек Open Graph для социальных сетей](https://orcascan.com/tools/open-graph-validator?url=https%3A%2F%2Fretypeset.radishzz.cc%2Fru%2Fposts%2Ftheme-guide%2F).
 
 ```ts
 // src/pages/og/[...image].ts
@@ -263,7 +263,7 @@ getImageOptions: (_path, page) => ({
 
 ### RSS-лента
 
-Стили страницы RSS-ленты.
+Стили [страницы RSS-ленты](https://retypeset.radishzz.cc/ru/rss.xml).
 
 ```html
 <!-- public/rss/rss-style.xsl -->
diff --git a/src/content/posts/guides/Theme Guide-zh-tw.md b/src/content/posts/guides/Theme Guide-zh-tw.md
index 4ef8445..25e5ed7 100644
--- a/src/content/posts/guides/Theme Guide-zh-tw.md	
+++ b/src/content/posts/guides/Theme Guide-zh-tw.md	
@@ -234,7 +234,7 @@ const EXCERPT_LENGTHS: Record<ExcerptScene, {
 
 ### Open Graph
 
-Open Graph 社交圖片樣式。
+[Open Graph 社交卡片](https://orcascan.com/tools/open-graph-validator?url=https%3A%2F%2Fretypeset.radishzz.cc%2Fzh-tw%2Fposts%2Ftheme-guide%2F) 樣式。
 
 ```ts
 // src/pages/og/[...image].ts
@@ -263,7 +263,7 @@ getImageOptions: (_path, page) => ({
 
 ### RSS 訂閱
 
-RSS 訂閱頁配色。
+[RSS 訂閱頁](https://retypeset.radishzz.cc/zh-tw/rss.xml) 配色。
 
 ```html
 <!-- public/rss/rss-style.xsl -->
diff --git a/src/content/posts/guides/Theme Guide-zh.md b/src/content/posts/guides/Theme Guide-zh.md
index b9ed82f..ebd3c46 100644
--- a/src/content/posts/guides/Theme Guide-zh.md	
+++ b/src/content/posts/guides/Theme Guide-zh.md	
@@ -234,7 +234,7 @@ const EXCERPT_LENGTHS: Record<ExcerptScene, {
 
 ### Open Graph
 
-Open Graph 社交图片样式。
+[Open Graph 社交卡片](https://orcascan.com/tools/open-graph-validator?url=https%3A%2F%2Fretypeset.radishzz.cc%2Fposts%2Ftheme-guide%2F) 样式。
 
 ```ts
 // src/pages/og/[...image].ts
@@ -263,7 +263,7 @@ getImageOptions: (_path, page) => ({
 
 ### RSS 订阅
 
-RSS 订阅页配色。
+[RSS 订阅页](https://retypeset.radishzz.cc/rss.xml) 配色。
 
 ```html
 <!-- public/rss/rss-style.xsl -->
diff --git a/src/styles/global.css b/src/styles/global.css
index f6062b5..8ad6945 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -61,7 +61,7 @@ h4:hover .heading-anchor-link svg:hover {
     --at-apply: 'after:bottom-0.68em';
   }
   .footer-highlight-position-fix {
-    --at-apply: 'after:bottom-0.24em';
+    --at-apply: 'after:bottom-0.34em';
   }
 }
 
diff --git a/src/styles/heti.css b/src/styles/heti.css
index 7c75fb4..19541b4 100644
--- a/src/styles/heti.css
+++ b/src/styles/heti.css
@@ -7,7 +7,7 @@
 
 /* Global Styles */
 .heti {
-  --at-apply: 'break-words leading-1.5em hyphens-auto cjk:tracking-0.02em';
+  --at-apply: 'break-words leading-normal hyphens-auto cjk:tracking-0.02em';
 }
 
 /* Customized Post Title */
@@ -194,7 +194,7 @@ html.dark .heti pre :where(span) {
 /* Superscript and Subscript >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */
 .heti :where(sub),
 .heti :where(sup) {
-  --at-apply: 'relative mx-0.1em align-baseline text-0.75em leading-1';
+  --at-apply: 'relative mx-0.1em align-baseline text-0.75em';
 }
 .heti :where(sub) {
   --at-apply: 'bottom--0.25em';