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

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",
"type": "module",
"version": "3.0.0",
"version": "3.0.1",
"scripts": {
"dev": "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!
</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.

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