rythondev/RythonDev
1
0
Fork 0
mirror of https://github.com/liyunze-coding/RythonDev.git synced 2026-09-22 07:44:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

updated experience and skills

Browse source
This commit is contained in:
liyunze 2026-04-08 11:52:36 +10:00
parent b2abd4eecd
commit 700a7bb3d7
3 changed files with 59 additions and 59 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/RyanLee_SoftwareDeveloper_Resume.pdf
View file

Binary file not shown.

106
src/components/experience/ExperienceComponent.tsx
View file

@ -63,7 +63,7 @@ function ExperienceTabContent() {
className: "pb-5",
})}
{Position({
title: "Lead Full Stack Developer (Part Time)",
title: "Full Stack Developer (Part Time)",
dateRange: "Dec 2024 - Feb 2026",
country: "Malaysia",
highlights: [
@ -118,7 +118,7 @@ function ExtracurricularTabContent() {
className: "pb-5",
highlights: [
`Leading frontend development of club's revamped website in Astro.`,
"Hosted study sessions to encourage productivity amongst students."
"Hosted study sessions to encourage productivity amongst students.",
],
})}
{Position({
@ -138,8 +138,8 @@ function ExtracurricularTabContent() {
highlights: [
"Directed actors during video filming process.",
"Frequently starred in videos, followed directions while also suggesting improvements.",
"Edited raw footage into high quality videos."
]
"Edited raw footage into high quality videos.",
],
})}
</>
);
@ -221,58 +221,58 @@ const lineMoveCSS = `
`;
function Position({
title,
institution,
dateRange,
country,
summary = "",
className = "",
highlights = [],
title,
institution,
dateRange,
country,
summary = "",
className = "",
highlights = [],
}: {
title: string;
institution?: string;
dateRange: string;
country: string;
summary?: string;
className?: string;
highlights?: Array<string>;
title: string;
institution?: string;
dateRange: string;
country: string;
summary?: string;
className?: string;
highlights?: Array<string>;
}) {
return (
<>
<style>{lineMoveCSS}</style>
<div className="position-el flex flex-row items-start gap-3">
<div className="flex flex-col items-center justify-start gap-2 self-stretch pt-2">
<div className="bg-accent h-2 w-2 rounded-full"></div>
<div className="w-[1px] flex-grow bg-gray-700"></div>
</div>
<div className={className}>
<h2 className="text-lg font-bold">{title}</h2>
<div className="mt-1 flex flex-col items-start justify-start gap-1">
<div className="text-muted-foreground flex flex-row items-center justify-start gap-1 text-xs">
<CalendarIcon /> {dateRange}
</div>
<div className="text-muted-foreground mb-2 flex w-full flex-row items-center justify-start gap-5 text-xs">
{institution && (
<div className="flex flex-row items-center justify-start gap-1">
<BriefCaseIcon /> {institution}
</div>
)}
return (
<>
<style>{lineMoveCSS}</style>
<div className="position-el flex flex-row items-start gap-3">
<div className="flex flex-col items-center justify-start gap-2 self-stretch pt-2">
<div className="bg-accent h-2 w-2 rounded-full"></div>
<div className="w-[1px] flex-grow bg-gray-700"></div>
</div>
<div className={className}>
<h2 className="text-lg font-bold">{title}</h2>
<div className="mt-1 flex flex-col items-start justify-start gap-1">
<div className="text-muted-foreground flex flex-row items-center justify-start gap-1 text-xs">
<CalendarIcon /> {dateRange}
</div>
<div className="text-muted-foreground mb-2 flex w-full flex-row items-center justify-start gap-5 text-xs">
{institution && (
<div className="flex flex-row items-center justify-start gap-1">
<BriefCaseIcon /> {institution}
</div>
)}
<div className="flex flex-row items-center justify-start gap-1">
<LocationIcon /> {country}
</div>
</div>
<div className="flex flex-row items-center justify-start gap-1">
<LocationIcon /> {country}
</div>
</div>
{summary && <p className="text-base">{summary}</p>}
{summary && <p className="text-base">{summary}</p>}
<ul className="list-inside list-disc">
{highlights.map((highlight, i) => (
<li key={`highlight-${i}`}>{highlight}</li>
))}
</ul>
</div>
</div>
</div>
</>
);
<ul className="list-inside list-disc">
{highlights.map((highlight, i) => (
<li key={`highlight-${i}`}>{highlight}</li>
))}
</ul>
</div>
</div>
</div>
</>
);
}

12
src/components/skills/SkillsComponent.astro
View file

@ -18,7 +18,7 @@ import Card from "../global/Card.astro";
<div>
<div class="text-xl font-bold">Frontend</div>
<div
class="flex flex-row flex-wrap items-center justify-start gap-2 text-sm"
class="flex flex-row flex-wrap items-center justify-start gap-x-1 text-sm"
>
<div>Typescript,</div>
<div>React,</div>
@ -28,10 +28,11 @@ import Card from "../global/Card.astro";
<div>
<div class="text-xl font-bold">Backend</div>
<div
class="flex flex-row flex-wrap items-center justify-start gap-x-2 text-sm"
class="flex flex-row flex-wrap items-center justify-start gap-x-1 text-sm"
>
<div>Node.js,</div>
<div>PHP,</div>
<div>C#,</div>
<div>Go,</div>
<div>Rust</div>
</div>
@ -39,12 +40,11 @@ import Card from "../global/Card.astro";
<div>
<div class="text-xl font-bold">Tools</div>
<div
class="flex flex-row flex-wrap items-center justify-start gap-x-2 text-sm"
class="flex flex-row flex-wrap items-center justify-start gap-x-1 text-sm"
>
<div>Git,</div>
<div>Github,</div>
<div>Codeberg,</div>
<div>Visual Studio Code</div>
<div>Docker,</div>
<div>Forgejo Actions</div>
</div>
</div>
</div>