From 55792cf72b38fdb845f3a269897427d420091b05 Mon Sep 17 00:00:00 2001
From: liyunze <50455574+liyunze-coding@users.noreply.github.com>
Date: Mon, 26 Oct 2026 17:19:19 +0800
Subject: [PATCH] updated text, formatted files

---
 src/components/blog/BackToBlogs.astro       | 34 ++++++------
 src/components/home/Intro.astro             | 58 ++++++++++++++++++---
 src/components/projects/MoreProjects.astro  | 36 ++++++-------
 src/components/projects/Project.astro       |  4 +-
 src/components/projects/VideoProject.svelte |  6 ++-
 src/components/socials/Socials.astro        |  4 +-
 src/layouts/Layout.astro                    |  3 +-
 src/pages/discord.astro                     |  8 +--
 src/pages/live.astro                        | 10 ++--
 src/pages/onlyfans.astro                    | 10 ++--
 10 files changed, 113 insertions(+), 60 deletions(-)

diff --git a/src/components/blog/BackToBlogs.astro b/src/components/blog/BackToBlogs.astro
index 0da42f1..98a83e0 100644
--- a/src/components/blog/BackToBlogs.astro
+++ b/src/components/blog/BackToBlogs.astro
@@ -1,21 +1,21 @@
 <a
-    class="sticky left-5 top-5 ml-10 flex w-fit items-center justify-center gap-2 rounded-lg bg-white py-1 pl-2 pr-5 text-xl"
-    href="/blog"
-    style="color: black; text-decoration: none;"
+	class="sticky top-5 left-5 ml-10 flex w-fit items-center justify-center gap-2 rounded-lg bg-white py-1 pr-5 pl-2 text-xl"
+	href="/blog"
+	style="color: black; text-decoration: none;"
 >
-    <svg
-        xmlns="http://www.w3.org/2000/svg"
-        fill="none"
-        viewBox="0 0 24 24"
-        stroke-width="1.5"
-        stroke="currentColor"
-        class="size-5"
-    >
-        <path
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            d="M15.75 19.5 8.25 12l7.5-7.5"></path>
-    </svg>
+	<svg
+		xmlns="http://www.w3.org/2000/svg"
+		fill="none"
+		viewBox="0 0 24 24"
+		stroke-width="1.5"
+		stroke="currentColor"
+		class="size-5"
+	>
+		<path
+			stroke-linecap="round"
+			stroke-linejoin="round"
+			d="M15.75 19.5 8.25 12l7.5-7.5"></path>
+	</svg>
 
-    Back
+	Back
 </a>
diff --git a/src/components/home/Intro.astro b/src/components/home/Intro.astro
index 38584b6..545e061 100644
--- a/src/components/home/Intro.astro
+++ b/src/components/home/Intro.astro
@@ -31,7 +31,53 @@ import { Image } from "astro:assets";
 						>
 							Ryan Lee
 						</div>
-						<div class="w-full text-xl">Full Stack Developer</div>
+						<div
+							class="flex flex-row items-center justify-start gap-5"
+						>
+							<div
+								class="flex flex-row items-center justify-start gap-1 text-lg"
+							>
+								<svg
+									class="size-5"
+									xmlns="http://www.w3.org/2000/svg"
+									fill="none"
+									viewBox="0 0 24 24"
+									stroke-width="1.5"
+									stroke="currentColor"
+								>
+									<path
+										stroke-linecap="round"
+										stroke-linejoin="round"
+										d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z"
+									></path>
+								</svg>
+								<div>Full Stack Developer</div>
+							</div>
+							<div
+								class="flex flex-row items-center justify-start gap-1 text-lg"
+							>
+								<svg
+									class="size-5"
+									xmlns="http://www.w3.org/2000/svg"
+									fill="none"
+									viewBox="0 0 24 24"
+									stroke-width="1.5"
+									stroke="currentColor"
+								>
+									<path
+										stroke-linecap="round"
+										stroke-linejoin="round"
+										d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+									></path>
+									<path
+										stroke-linecap="round"
+										stroke-linejoin="round"
+										d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"
+									></path>
+								</svg>
+								<div>Malaysia</div>
+							</div>
+						</div>
 					</div>
 				</div>
 				<div id="uwu" class="hidden items-center justify-center">
@@ -46,12 +92,12 @@ import { Image } from "astro:assets";
 					<Greeting client:load />!
 				</div>
 				<p class="text-left">
-					I am a Malaysian computer science graduate working
-					on various projects in Malaysia. I develop software
-					for streamers and content creators, while also
-					making tech tutorials in programming.
+					I am a content creator and software developer, creating
+					software for 100+ content creators, garnering 3,500+
+					followers across platforms. I worked as a developer at 3+
+					companies in Malaysia and Australia, and looking for my next
+					role after graduation.
 				</p>
-
 				<div class="mt-8 flex flex-row items-center justify-center">
 					<Socials />
 				</div>
diff --git a/src/components/projects/MoreProjects.astro b/src/components/projects/MoreProjects.astro
index 37f4f58..a5f5ca8 100644
--- a/src/components/projects/MoreProjects.astro
+++ b/src/components/projects/MoreProjects.astro
@@ -7,18 +7,18 @@ import GoRyve from "../images/projects/goryve.webp";
 
 <div class="flex h-fit flex-col items-center pt-20 [perspective:1000px]">
 	<div class="w-full max-w-[1440px]">
-         <Project
-      		position="left"
-      		image={TwitchPlays}
-      		alt="Twitch Plays X"
-      		href="https://git.rython.dev/rythondev/TwitchPlaysX"
-      		title="Twitch Plays X"
-      		description={`Allow Twitch chatters to play games such as Pokemon!
+		<Project
+			position="left"
+			image={TwitchPlays}
+			alt="Twitch Plays X"
+			href="https://git.rython.dev/rythondev/TwitchPlaysX"
+			title="Twitch Plays X"
+			description={`Allow Twitch chatters to play games such as Pokemon!
     				Chatters can enter messages such as "up up down down left
     				right B A" and the Python program will trigger the
     				corresponding keypresses.`}
-      		tags={["win32API", "Python"]}
-       	/>
+			tags={["win32API", "Python"]}
+		/>
 		<VideoProject
 			image_src="/images/projects/chess-opencv.webp"
 			image_alt="computer vision chess bot"
@@ -35,15 +35,15 @@ import GoRyve from "../images/projects/goryve.webp";
 			client:visible
 		/>
 		<Project
-      		position="left"
-      		image={GoRyve}
-      		alt="GoRyve"
-      		href="https://goryve.app/"
-      		title="GoRyve"
-            label="Visit Site"
-      		description={`Notify your community when you or your friends go live, configured separately! Share a pool of 10 free slots between your Twitch accounts and your friends'.`}
-      		tags={["Rust", "Poise", "SQLite", "Forgejo Actions"]}
-       	/>
+			position="left"
+			image={GoRyve}
+			alt="GoRyve"
+			href="https://goryve.app/"
+			title="GoRyve"
+			label="Visit Site"
+			description={`Notify your community when you or your friends go live, configured separately! Share a pool of 10 free slots between your Twitch accounts and your friends'.`}
+			tags={["Rust", "Poise", "SQLite", "Forgejo Actions"]}
+		/>
 		<VideoProject
 			client:visible
 			image_src="/images/projects/aim-lab.webp"
diff --git a/src/components/projects/Project.astro b/src/components/projects/Project.astro
index 2f04075..a88555d 100644
--- a/src/components/projects/Project.astro
+++ b/src/components/projects/Project.astro
@@ -44,7 +44,9 @@ const renderLayer = (
 			isLight
 				? "project-image-light hidden border-gray-300"
 				: "project-image-dark border-gray-800",
-			isBackground ? "background-img opacity-40" : "frontfacing-img opacity-100",
+			isBackground
+				? "background-img opacity-40"
+				: "frontfacing-img opacity-100",
 			isBackground && isLight ? "brightness-75" : "",
 			side,
 		]
diff --git a/src/components/projects/VideoProject.svelte b/src/components/projects/VideoProject.svelte
index e3e413d..e3e57a1 100644
--- a/src/components/projects/VideoProject.svelte
+++ b/src/components/projects/VideoProject.svelte
@@ -87,7 +87,11 @@
 			{/if}
 		{/snippet}
 
-		{@render renderLayer("image", "background-img", "opacity-40 brightness-75")}
+		{@render renderLayer(
+			"image",
+			"background-img",
+			"opacity-40 brightness-75",
+		)}
 		{@render renderLayer("video", "frontfacing-vid", "opacity-100")}
 	</div>
 	<div
diff --git a/src/components/socials/Socials.astro b/src/components/socials/Socials.astro
index f8c8729..68f6c4b 100644
--- a/src/components/socials/Socials.astro
+++ b/src/components/socials/Socials.astro
@@ -1,7 +1,7 @@
 <div class="flex flex-row items-center justify-center gap-3">
-   	<a href="https://git.rython.dev/" target="_blank">
+	<a href="https://git.rython.dev/" target="_blank">
 		<div
-			class="flex h-8 w-8 items-center justify-center rounded-full bg-white transition-[filter,background-color] duration-150 hover:invert hover:bg-[#089cff]"
+			class="flex h-8 w-8 items-center justify-center rounded-full bg-white transition-[filter,background-color] duration-150 hover:bg-[#089cff] hover:invert"
 		>
 			<img
 				src="/images/socials/forgejo.svg"
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 4537d52..e70324c 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -28,7 +28,8 @@ import { ClientRouter } from "astro:transitions";
 				const theme =
 					savedTheme === "light" || savedTheme === "dark"
 						? savedTheme
-						: window.matchMedia("(prefers-color-scheme: light)").matches
+						: window.matchMedia("(prefers-color-scheme: light)")
+									.matches
 							? "light"
 							: "dark";
 
diff --git a/src/pages/discord.astro b/src/pages/discord.astro
index db9afc1..9182832 100644
--- a/src/pages/discord.astro
+++ b/src/pages/discord.astro
@@ -3,11 +3,11 @@ import InfoLayout from "../layouts/InfoLayout.astro";
 ---
 
 <InfoLayout
-    title="RythonDev Discord Server"
-    description="Come join Ryan's Room for tech support or chaotic vibes!"
-    metaURL="https://rython.dev/discord"
+	title="RythonDev Discord Server"
+	description="Come join Ryan's Room for tech support or chaotic vibes!"
+	metaURL="https://rython.dev/discord"
 />
 
 <script is:inline>
-    window.location.href = "https://discord.gg/F5efU63Prz";
+	window.location.href = "https://discord.gg/F5efU63Prz";
 </script>
diff --git a/src/pages/live.astro b/src/pages/live.astro
index 5ac1886..caaa0fe 100644
--- a/src/pages/live.astro
+++ b/src/pages/live.astro
@@ -3,12 +3,12 @@ import InfoLayout from "../layouts/InfoLayout.astro";
 ---
 
 <InfoLayout
-    title="RythonDev's Software Dev + Coworking Stream"
-    description="Come sit at the table with us! We can chill, nerd out, and enjoy good vibes together!"
-    thumbnail="/images/stream-live-thumbnail.webp"
-    metaURL="https://rython.dev/live"
+	title="RythonDev's Software Dev + Coworking Stream"
+	description="Come sit at the table with us! We can chill, nerd out, and enjoy good vibes together!"
+	thumbnail="/images/stream-live-thumbnail.webp"
+	metaURL="https://rython.dev/live"
 />
 
 <script is:inline>
-    window.location.href = "https://www.twitch.tv/rythondev";
+	window.location.href = "https://www.twitch.tv/rythondev";
 </script>
diff --git a/src/pages/onlyfans.astro b/src/pages/onlyfans.astro
index 66b75fc..1c60dd5 100644
--- a/src/pages/onlyfans.astro
+++ b/src/pages/onlyfans.astro
@@ -3,12 +3,12 @@ import InfoLayout from "../layouts/InfoLayout.astro";
 ---
 
 <InfoLayout
-    title="OnlyFans"
-    description="UWU 💦 NYA MEOW SEXY TIME 🕓 ! RYAN IS 😗♻ HERE 🚢💪 TO 💦✌ EAT 😩🗣 YOUR 👉 TOES 👣 NOM NOM JUST KIDDING UWU 💦"
-    metaURL="https://rython.dev/onlyfans"
-    thumbnail="/images/of-logo-b.webp"
+	title="OnlyFans"
+	description="UWU 💦 NYA MEOW SEXY TIME 🕓 ! RYAN IS 😗♻ HERE 🚢💪 TO 💦✌ EAT 😩🗣 YOUR 👉 TOES 👣 NOM NOM JUST KIDDING UWU 💦"
+	metaURL="https://rython.dev/onlyfans"
+	thumbnail="/images/of-logo-b.webp"
 />
 
 <script is:inline>
-    window.location.href = "https://youtu.be/dQw4w9WgXcQ";
+	window.location.href = "https://youtu.be/dQw4w9WgXcQ";
 </script>