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

minor content updates

Browse source
This commit is contained in:
liyunze 2024-05-05 18:12:40 +08:00
parent f7aad3af6c
commit 346e97b753
3 changed files with 63 additions and 63 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -1,7 +1,7 @@
{ {
"name": "dev-portfolio", "name": "dev-portfolio",
"type": "module", "type": "module",
"version": "3.0.0", "version": "3.0.1",
"scripts": { "scripts": {
"dev": "astro dev", "dev": "astro dev",
"start": "astro dev", "start": "astro dev",

4
src/components/sections/IntroComponent.svelte
View file

@ -119,8 +119,8 @@
Good {greeting}, <br class="sm:hidden" />I'm Ryan! Good {greeting}, <br class="sm:hidden" />I'm Ryan!
</div> </div>
<p class="text-left"> <p class="text-left">
I was born and raised in Malaysia, and fluent in Mandarin and I was born and raised in Malaysia, and fluent in Mandarin Chinese
English. and English.
<br /><br /> <br /><br />
I'm passionate about developing open source projects that benefit others, I'm passionate about developing open source projects that benefit others,
and I have extensive experience in leadership roles. and I have extensive experience in leadership roles.

120
src/components/sections/WhatIDoComponent.astro
View file

@ -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 flex flex-col justify-center items-center">
<div <div
class="w-full h-fit flex flex-col justify-center items-center max-w-[1440px]" 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> <h1 class="text-center text-5xl mb-10">What I Do</h1>
<div <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" 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}> <Card primaryColor="#19a7ce" scaleOnHover={true}>
<div class="card-content"> <div class="card-content">
<h2 class="font-bold text-xl text-center"> <h2 class="font-bold text-xl text-center">
Web Development Web Development
</h2> </h2>
<hr class="w-full" /> <hr class="w-full" />
<p class="text-center"> <p class="text-center text-balance">
Bringing ideas to life on the web is my passion. I enjoy Bringing ideas to life on the web is my passion. I enjoy
bringing my imagination to life through web development. bringing my imagination to life through web development.
</p> </p>
</div> </div>
</Card> </Card>
<Card primaryColor="#a1eebd" scaleOnHover={true}> <Card primaryColor="#a1eebd" scaleOnHover={true}>
<div class="card-content"> <div class="card-content">
<h2 class="font-bold text-xl text-center">Data Science</h2> <h2 class="font-bold text-xl text-center">Data Science</h2>
<hr class="w-full" /> <hr class="w-full" />
<p class="text-center"> <p class="text-center text-balance">
Using data to make decisions is a powerful tool. I am Using data to make decisions is a powerful tool. I am
experienced in analyzing data and making decisions based experienced in analyzing data and making decisions based
on data. on data.
</p> </p>
</div> </div>
</Card> </Card>
<Card primaryColor="#9D76C1" scaleOnHover={true}> <Card primaryColor="#9D76C1" scaleOnHover={true}>
<div class="card-content"> <div class="card-content">
<h2 class="font-bold text-xl text-center"> <h2 class="font-bold text-xl text-center">
Content Creation Content Creation
</h2> </h2>
<hr class="w-full" /> <hr class="w-full" />
<p class="text-center"> <p class="text-center text-balance">
Everyone has something to give, or something to share. I Everyone has something to give, or something to share. I
produce content around productivity and software produce content around productivity and software
development. development.
</p> </p>
</div> </div>
</Card> </Card>
</div> </div>
</div> </div>
</div> </div>
<style> <style>
.card-content { .card-content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 1rem; gap: 1rem;
background-image: radial-gradient( background-image: radial-gradient(
rgba(255, 255, 255, 0.1) 1px, rgba(255, 255, 255, 0.1) 1px,
transparent 1px transparent 1px
); );
background-position: 50% 50%; background-position: 50% 50%;
background-size: 1.1rem 1.1rem; background-size: 1.1rem 1.1rem;
padding: 2rem 2rem; padding: 2rem 2rem;
border-radius: 1.25rem; border-radius: 1.25rem;
overflow: hidden; overflow: hidden;
min-width: 210px; min-width: 210px;
} }
</style> </style>