updated stream schedule and experience

src/components/sections/ExperienceComponent.astro

@@ -7,6 +7,32 @@ import Line from "../elements/NetworkLine.astro";
 	<h1 class="text-5xl text-center">Experience</h1>
 	<div class="flex flex-col items-center pt-10">
 		<div class="w-[90%] md:w-[600px]">
+			<Card primaryColor="#F6DFD8">
+				<div class="card-content md:px-8 md:py-8 px-4 py-4">
+					<div class="flex flex-col justify-start w-full mb-3 gap-1">
+						<h2 class="font-bold text-xl">
+							Bachelor of Computer Science student
+						</h2>
+						<h3>July 2024 - Present</h3>
+					</div>
+					<hr class="w-full mb-3" />
+					<p class="mb-3">
+						Currently pursuing my Bachelor's degree in Computer
+						Science in Melbourne, after being awarded a 50%
+						scholarship to study!
+					</p>
+					<h3 class="mb-1 font-bold text-lg">Relevant skills:</h3>
+					<div
+						class="flex flex-col md:flex-row justify-start items-start gap-0 md:gap-10"
+					>
+						<ul class="list-disc list-inside">
+							<li>C#</li>
+							<li>Vue.JS</li>
+						</ul>
+					</div>
+				</div>
+			</Card>
+			<Line height="50px" />
 			<Card primaryColor="#F6DFD8">
 				<div class="card-content md:px-8 md:py-8 px-4 py-4">
 					<div class="flex flex-col justify-start w-full mb-3 gap-1">
@@ -45,7 +71,11 @@ import Line from "../elements/NetworkLine.astro";
 					<div class="flex flex-col justify-start w-full mb-3 gap-1">
 						<h2 class="font-bold text-xl">
 							Diploma in Computer Science student
-						</h2><h3>Jan 2022 - June 2024</h3>
+						</h2>
+						<h3 class="font-bold">
+							@ Methodist College Kuala Lumpur
+						</h3>
+						<h3>Jan 2022 - June 2024</h3>
 					</div>
 					<hr class="w-full mb-3" />
 					<h3 class="mb-1 font-bold text-lg">Achievements</h3>

src/components/sections/StreamSchedule.svelte

@@ -4,16 +4,16 @@
 
     const myStreamSchedule = [
         {
-            start: getUpcomingTimeDevTZ(3, "12:00"),
+            start: getUpcomingTimeDevTZ(4, "10:00"),
-            end: getUpcomingTimeDevTZ(3, "15:00"),
+            end: getUpcomingTimeDevTZ(4, "19:00"),
         },
         {
             start: getUpcomingTimeDevTZ(5, "10:00"),
-            end: getUpcomingTimeDevTZ(5, "16:00"),
+            end: getUpcomingTimeDevTZ(5, "19:00"),
         },
     ];
 
-    const myLocation = "Australia/Melbourne";
+    const myLocation = "Asia/Singapore";
 
     /**
      * Calculates the upcoming specified time for a given day of the week in my timezone.
@@ -118,21 +118,21 @@
     >
         <button
             on:click={() => (adjusted = true)}
-            class="rounded-lg w-1/2 py-2
+            class="rounded-lg w-1/2 py-1
         transition-colors duration-150
         {adjusted ? 'text-white bg-[#303030]' : 'text-gray-400'}"
             >Your Timezone</button
         >
         <button
             on:click={() => (adjusted = false)}
-            class="rounded-lg flex-grow py-2
+            class="rounded-lg flex-grow py-1
         transition-colors duration-150
         {adjusted ? 'text-gray-400' : 'text-white bg-[#303030]'}"
             >AEST/<wbr />AEDT</button
         >
     </div>
 {/if}
-<div class="mt-2">
+<div class="mt-1">
     <table>
         <tr>
             <th>Day</th>

src/pages/socials.astro

@@ -425,10 +425,18 @@ import StreamScheduleComponent from "../components/sections/StreamSchedule.svelt
 				<!-- Stream Schedule -->
 				<div class="social-card col-span-2 h-fit">
 					<div
-						class="social-card-content flex justify-center items-center flex-col p-0 md:p-3"
+						class="social-card-content flex justify-between items-center flex-col p-0 md:p-3"
 					>
-						<h2 class="font-bold text-xl mb-3">Stream Schedule</h2>
+						<div>
-						<StreamScheduleComponent client:load />
+							<h2 class="font-bold text-xl mb-1">
+								Stream Schedule
+							</h2>
+						</div>
+						<div
+							class="w-full flex flex-col justify-center items-center"
+						>
+							<StreamScheduleComponent client:load />
+						</div>
 					</div>
 				</div>
 				<!-- Location -->