From a383f01141a27464665c28a0f3fa6c94fe927b2b Mon Sep 17 00:00:00 2001
From: Thuan Bui <9248622+10h30@users.noreply.github.com>
Date: Sun, 21 Dec 2025 17:08:28 +0700
Subject: [PATCH] Add global styles and enhance about page with skill
presentation
---
src/pages/about.astro | 18 +++++++++++++++++-
src/styles/global.css | 21 +++++++++++++++++++++
2 files changed, 38 insertions(+), 1 deletion(-)
create mode 100644 src/styles/global.css
diff --git a/src/pages/about.astro b/src/pages/about.astro
index 35af202..716f2ca 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -1,4 +1,6 @@
---
+import "../styles/global.css";
+
const pageTitle = "About Me";
const identity = {
firstName: "Thuan",
@@ -19,6 +21,9 @@ const skills = [
const happy = true;
const finished = false;
const goal = 3;
+const skillColor = "crimson";
+const fontWeight = "bold";
+const textCase = "uppercase";
---
@@ -28,6 +33,17 @@ const goal = 3;
{pageTitle}
+
Home
@@ -62,7 +78,7 @@ const goal = 3;
My skills are:
- {skills.map((skill) => - {skill}
)}
+ {skills.map((skill) => - {skill}
)}
{happy && I am happy to be learning Astro!
}
diff --git a/src/styles/global.css b/src/styles/global.css
new file mode 100644
index 0000000..71a2293
--- /dev/null
+++ b/src/styles/global.css
@@ -0,0 +1,21 @@
+html {
+ background-color: #f1f5f9;
+ font-family: sans-serif;
+}
+
+body {
+ margin: 0 auto;
+ width: 100%;
+ max-width: 80ch;
+ padding: 1rem;
+ line-height: 1.5;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+h1 {
+ margin: 1rem 0;
+ font-size: 2.5rem;
+}
\ No newline at end of file