updated stream schedule and experience

This commit is contained in:
liyunze 2024-07-18 09:42:06 +10:00
parent f3cf416df7
commit c0c40ac3f3
3 changed files with 49 additions and 11 deletions

View file

@ -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>

View file

@ -4,16 +4,16 @@
const myStreamSchedule = [
{
start: getUpcomingTimeDevTZ(3, "12:00"),
end: getUpcomingTimeDevTZ(3, "15:00"),
start: getUpcomingTimeDevTZ(4, "10: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>

View file

@ -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>
<StreamScheduleComponent client:load />
<div>
<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 -->