From 44186453a47583982546d64dbe13571cf4af377f Mon Sep 17 00:00:00 2001 From: grassblock Date: Mon, 19 May 2025 11:31:45 +0800 Subject: [PATCH 1/3] feat: separate footer color & font to meet accessibility guidelines --- package.json | 2 +- pnpm-lock.yaml | 8 ++++---- src/pages/blog.astro | 2 +- src/styles/global.css | 11 +++++++---- 4 files changed, 13 insertions(+), 10 deletions(-) diff --git a/package.json b/package.json index 8a14899..bd612b6 100644 --- a/package.json +++ b/package.json @@ -16,7 +16,7 @@ "@astrojs/node": "^9.2.1", "@astrojs/rss": "^4.0.1", "@astrojs/sitemap": "^3.3.1", - "@fontsource/space-mono": "^5.2.5", + "@fontsource-variable/jetbrains-mono": "^5.2.5", "astro": "^5.2.5", "fuse.js": "^7.0.0", "sharp": "^0.34.1", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index ecb71a8..5741b93 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -23,7 +23,7 @@ importers: '@astrojs/sitemap': specifier: ^3.3.1 version: 3.3.1 - '@fontsource/space-mono': + '@fontsource-variable/jetbrains-mono': specifier: ^5.2.5 version: 5.2.5 astro: @@ -548,8 +548,8 @@ packages: resolution: {integrity: sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==} engines: {node: '>=14'} - '@fontsource/space-mono@5.2.5': - resolution: {integrity: sha512-yFU6K17ko4LEDHl5554n6mCrmDbuc2xYGCZZkCRpAvRtCaJisUjxFdDdph2d2hiIElaiMlinmkmV8IWlbQCMJA==} + '@fontsource-variable/jetbrains-mono@5.2.5': + resolution: {integrity: sha512-G3sN1xq1moZd0JL+hFaA4MEdsiQS+JXC/z7m+EqA5/Fzn5CQlXGUaaNKFGQdDsFuLTnCfW0KOOSWHjygNfjEPw==} '@hapi/hoek@9.3.0': resolution: {integrity: sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ==} @@ -3755,7 +3755,7 @@ snapshots: '@fastify/busboy@2.1.1': {} - '@fontsource/space-mono@5.2.5': {} + '@fontsource-variable/jetbrains-mono@5.2.5': {} '@hapi/hoek@9.3.0': {} diff --git a/src/pages/blog.astro b/src/pages/blog.astro index ac93e4c..5c4ce59 100644 --- a/src/pages/blog.astro +++ b/src/pages/blog.astro @@ -17,7 +17,7 @@ posts.sort((a, b) => new Date(b.data.pubDate).getTime() - new Date(a.data.pubDat
{posts.map((post) => (

- {new Date(post.data.pubDate).toISOString().split('T')[0]} + {new Date(post.data.pubDate).toISOString().split('T')[0]} {post.data.title}

))} diff --git a/src/styles/global.css b/src/styles/global.css index 5480053..fb90fe5 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -1,22 +1,24 @@ -@import url(@fontsource/space-mono); +@import url(@fontsource-variable/jetbrains-mono); /* Global Styles for Terminal Blog */ :root { /* Dark theme (default) */ --bg-color: #2e3440; --text-color: #d8dee9; + --footer-text-color: #c8c8c8; --accent-color: #90a8c0; --border-color: #3b4351; --header-color: #eceff4; --terminal-green: #a3be8c; --terminal-yellow: #ebcb8b; --terminal-red: #bf616a; - --font-mono: 'Space Mono',ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --font-mono: 'JetBrains Mono',ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } /* Light theme */ @media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) { --bg-color: #eceff4; --text-color: #2e3440; + --footer-text-color: #4c566a; --accent-color: #486090; --border-color: #d1d5db; --header-color: #2e3440; @@ -29,6 +31,7 @@ :root[data-theme="light"] { --bg-color: #eceff4; --text-color: #2e3440; + --footer-text-color: #4c566a; --accent-color: #486090; --border-color: #d1d5db; --header-color: #2e3440; @@ -130,8 +133,8 @@ main { text-align: center; padding: 2rem 0; font-size: 0.9rem; - color: var(--text-color); - opacity: 0.7; + font-weight: 300; + color: var(--footer-text-color); } .footer svg { From 47bcb9a1580d7e6f065445d7e7bc4593addb0f83 Mon Sep 17 00:00:00 2001 From: grassblock Date: Mon, 19 May 2025 11:39:36 +0800 Subject: [PATCH 2/3] feat: changed content box border & navbar links style to make it more like a terminal --- src/layouts/Layout.astro | 2 +- src/styles/global.css | 9 +++++---- 2 files changed, 6 insertions(+), 5 deletions(-) diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index 50b9cdf..bae8770 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -47,7 +47,7 @@ const { title = pageTitle, description = siteConfig.description, ogImage = "" }
diff --git a/src/styles/global.css b/src/styles/global.css index fb90fe5..3cc34a8 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -93,8 +93,7 @@ main { } .content-box { - border: 1px solid var(--border-color); - border-radius: 4px; + border: 1px solid var(--accent-color); padding: 2rem; margin-bottom: 2rem; transition: border-color 0.3s ease; @@ -107,14 +106,16 @@ main { } .nav a { - font-size: 1.1rem; + font-size: 1rem; } .nav a::before { content: "./"; opacity: 0.7; } - +.nav a.home::before{ + content: ""; +} .cursor { display: inline-block; width: 0.6em; From 819bd91231f997bf365653286fc03f4e6f7fa51a Mon Sep 17 00:00:00 2001 From: grassblock Date: Mon, 19 May 2025 11:40:55 +0800 Subject: [PATCH 3/3] chore: 404-page path more accurate variable --- src/pages/404.astro | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/pages/404.astro b/src/pages/404.astro index 0092c37..bfc6573 100644 --- a/src/pages/404.astro +++ b/src/pages/404.astro @@ -1,14 +1,14 @@ --- import Layout from '../layouts/Layout.astro'; -const url = Astro.url.pathname +const notFoundPath = Astro.url.pathname ---

command not found.

-

sh: ~{url}: command not found.

+

sh: ~{notFoundPath}: command not found.

help