From 346e97b753b43d7b2c759d1b1d11ff0a37b94bf9 Mon Sep 17 00:00:00 2001
From: liyunze <50455574+liyunze-coding@users.noreply.github.com>
Date: Sun, 5 May 2024 18:12:40 +0800
Subject: [PATCH] minor content updates

---
 package.json                                  |   2 +-
 src/components/sections/IntroComponent.svelte |   4 +-
 .../sections/WhatIDoComponent.astro           | 120 +++++++++---------
 3 files changed, 63 insertions(+), 63 deletions(-)

diff --git a/package.json b/package.json
index 982f0ce..eba75f6 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
     "name": "dev-portfolio",
     "type": "module",
-    "version": "3.0.0",
+    "version": "3.0.1",
     "scripts": {
         "dev": "astro dev",
         "start": "astro dev",
diff --git a/src/components/sections/IntroComponent.svelte b/src/components/sections/IntroComponent.svelte
index eea9cd5..b8b8b0e 100644
--- a/src/components/sections/IntroComponent.svelte
+++ b/src/components/sections/IntroComponent.svelte
@@ -119,8 +119,8 @@
             Good {greeting}, <br class="sm:hidden" />I'm Ryan!
         </div>
         <p class="text-left">
-            I was born and raised in Malaysia, and fluent in Mandarin and
-            English.
+            I was born and raised in Malaysia, and fluent in Mandarin Chinese
+            and English.
             <br /><br />
             I'm passionate about developing open source projects that benefit others,
             and I have extensive experience in leadership roles.
diff --git a/src/components/sections/WhatIDoComponent.astro b/src/components/sections/WhatIDoComponent.astro
index d2d77de..a59f1c8 100644
--- a/src/components/sections/WhatIDoComponent.astro
+++ b/src/components/sections/WhatIDoComponent.astro
@@ -3,69 +3,69 @@ import Card from "../elements/Card.astro";
 ---
 
 <div class="w-full flex flex-col justify-center items-center">
-    <div
-        class="w-full h-fit flex flex-col justify-center items-center max-w-[1440px]"
-    >
-        <h1 class="text-center text-5xl mb-10">What I Do</h1>
-        <div
-            class="grid grid-cols-1 w-[90%] sm:w-[350px] lg:w-[90%] lg:grid-cols-3 place-content-center justify-center xl:w-4/5 gap-5 xl:gap-12"
-        >
-            <Card primaryColor="#19a7ce" scaleOnHover={true}>
-                <div class="card-content">
-                    <h2 class="font-bold text-xl text-center">
-                        Web Development
-                    </h2>
-                    <hr class="w-full" />
-                    <p class="text-center">
-                        Bringing ideas to life on the web is my passion. I enjoy
-                        bringing my imagination to life through web development.
-                    </p>
-                </div>
-            </Card>
+	<div
+		class="w-full h-fit flex flex-col justify-center items-center max-w-[1440px]"
+	>
+		<h1 class="text-center text-5xl mb-10">What I Do</h1>
+		<div
+			class="grid grid-cols-1 w-[90%] sm:w-[350px] lg:w-[90%] lg:grid-cols-3 place-content-center justify-center xl:w-4/5 gap-5 xl:gap-12"
+		>
+			<Card primaryColor="#19a7ce" scaleOnHover={true}>
+				<div class="card-content">
+					<h2 class="font-bold text-xl text-center">
+						Web Development
+					</h2>
+					<hr class="w-full" />
+					<p class="text-center text-balance">
+						Bringing ideas to life on the web is my passion. I enjoy
+						bringing my imagination to life through web development.
+					</p>
+				</div>
+			</Card>
 
-            <Card primaryColor="#a1eebd" scaleOnHover={true}>
-                <div class="card-content">
-                    <h2 class="font-bold text-xl text-center">Data Science</h2>
-                    <hr class="w-full" />
-                    <p class="text-center">
-                        Using data to make decisions is a powerful tool. I am
-                        experienced in analyzing data and making decisions based
-                        on data.
-                    </p>
-                </div>
-            </Card>
+			<Card primaryColor="#a1eebd" scaleOnHover={true}>
+				<div class="card-content">
+					<h2 class="font-bold text-xl text-center">Data Science</h2>
+					<hr class="w-full" />
+					<p class="text-center text-balance">
+						Using data to make decisions is a powerful tool. I am
+						experienced in analyzing data and making decisions based
+						on data.
+					</p>
+				</div>
+			</Card>
 
-            <Card primaryColor="#9D76C1" scaleOnHover={true}>
-                <div class="card-content">
-                    <h2 class="font-bold text-xl text-center">
-                        Content Creation
-                    </h2>
-                    <hr class="w-full" />
-                    <p class="text-center">
-                        Everyone has something to give, or something to share. I
-                        produce content around productivity and software
-                        development.
-                    </p>
-                </div>
-            </Card>
-        </div>
-    </div>
+			<Card primaryColor="#9D76C1" scaleOnHover={true}>
+				<div class="card-content">
+					<h2 class="font-bold text-xl text-center">
+						Content Creation
+					</h2>
+					<hr class="w-full" />
+					<p class="text-center text-balance">
+						Everyone has something to give, or something to share. I
+						produce content around productivity and software
+						development.
+					</p>
+				</div>
+			</Card>
+		</div>
+	</div>
 </div>
 
 <style>
-    .card-content {
-        display: flex;
-        flex-direction: column;
-        gap: 1rem;
-        background-image: radial-gradient(
-            rgba(255, 255, 255, 0.1) 1px,
-            transparent 1px
-        );
-        background-position: 50% 50%;
-        background-size: 1.1rem 1.1rem;
-        padding: 2rem 2rem;
-        border-radius: 1.25rem;
-        overflow: hidden;
-        min-width: 210px;
-    }
+	.card-content {
+		display: flex;
+		flex-direction: column;
+		gap: 1rem;
+		background-image: radial-gradient(
+			rgba(255, 255, 255, 0.1) 1px,
+			transparent 1px
+		);
+		background-position: 50% 50%;
+		background-size: 1.1rem 1.1rem;
+		padding: 2rem 2rem;
+		border-radius: 1.25rem;
+		overflow: hidden;
+		min-width: 210px;
+	}
 </style>