mirror of
https://github.com/liyunze-coding/RythonDev.git
synced 2026-09-22 15:53:57 +00:00
updated code
This commit is contained in:
liyunze
parent
2a809aae78
commit
7c38977b86
10 changed files with 152 additions and 247 deletions
|
|
@ -1,14 +1,14 @@
|
||||||
import { defineConfig, passthroughImageService } from "astro/config";
|
import { defineConfig, passthroughImageService } from "astro/config";
|
||||||
|
|
||||||
import svelte from "@astrojs/svelte";
|
|
||||||
|
|
||||||
import mdx from "@astrojs/mdx";
|
import mdx from "@astrojs/mdx";
|
||||||
|
|
||||||
import tailwindcss from "@tailwindcss/vite";
|
import tailwindcss from "@tailwindcss/vite";
|
||||||
|
|
||||||
|
import svelte from "@astrojs/svelte";
|
||||||
|
|
||||||
// https://astro.build/config
|
// https://astro.build/config
|
||||||
export default defineConfig({
|
export default defineConfig({
|
||||||
integrations: [svelte(), mdx()],
|
integrations: [mdx(), svelte()],
|
||||||
|
|
||||||
server: {
|
server: {
|
||||||
port: 8008,
|
port: 8008,
|
||||||
|
|
|
||||||
5
package-lock.json
generated
5
package-lock.json
generated
|
|
@ -20,7 +20,6 @@
|
||||||
"typescript": "^5.8.3"
|
"typescript": "^5.8.3"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@sveltejs/vite-plugin-svelte": "^5.1.0",
|
|
||||||
"prettier": "^3.5.3",
|
"prettier": "^3.5.3",
|
||||||
"prettier-plugin-astro": "^0.14.1",
|
"prettier-plugin-astro": "^0.14.1",
|
||||||
"prettier-plugin-svelte": "^3.4.0",
|
"prettier-plugin-svelte": "^3.4.0",
|
||||||
|
|
@ -1094,6 +1093,8 @@
|
||||||
},
|
},
|
||||||
"node_modules/@sveltejs/vite-plugin-svelte-inspector": {
|
"node_modules/@sveltejs/vite-plugin-svelte-inspector": {
|
||||||
"version": "4.0.1",
|
"version": "4.0.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/@sveltejs/vite-plugin-svelte-inspector/-/vite-plugin-svelte-inspector-4.0.1.tgz",
|
||||||
|
"integrity": "sha512-J/Nmb2Q2y7mck2hyCX4ckVHcR5tu2J+MtBEQqpDrrgELZ2uvraQcK/ioCV61AqkdXFgriksOKIceDcQmqnGhVw==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"debug": "^4.3.7"
|
"debug": "^4.3.7"
|
||||||
|
|
@ -2040,6 +2041,8 @@
|
||||||
},
|
},
|
||||||
"node_modules/deepmerge": {
|
"node_modules/deepmerge": {
|
||||||
"version": "4.3.1",
|
"version": "4.3.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
|
||||||
|
"integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=0.10.0"
|
"node": ">=0.10.0"
|
||||||
|
|
|
||||||
|
|
@ -22,7 +22,6 @@
|
||||||
"typescript": "^5.8.3"
|
"typescript": "^5.8.3"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@sveltejs/vite-plugin-svelte": "^5.1.0",
|
|
||||||
"prettier": "^3.5.3",
|
"prettier": "^3.5.3",
|
||||||
"prettier-plugin-astro": "^0.14.1",
|
"prettier-plugin-astro": "^0.14.1",
|
||||||
"prettier-plugin-svelte": "^3.4.0",
|
"prettier-plugin-svelte": "^3.4.0",
|
||||||
|
|
|
||||||
|
|
@ -7,6 +7,31 @@ import Line from "../elements/NetworkLine.astro";
|
||||||
<h1 class="text-center text-5xl">Experience</h1>
|
<h1 class="text-center text-5xl">Experience</h1>
|
||||||
<div class="flex flex-col items-center pt-10">
|
<div class="flex flex-col items-center pt-10">
|
||||||
<div class="w-[90%] md:w-[600px]">
|
<div class="w-[90%] md:w-[600px]">
|
||||||
|
<Card primaryColor="#F6DFD8">
|
||||||
|
<div class="px-4 py-4 md:px-8 md:py-8">
|
||||||
|
<div class="mb-3 flex w-full flex-col justify-start gap-1">
|
||||||
|
<h2 class="text-xl font-bold">Full Stack Developer</h2>
|
||||||
|
<h3 class="font-bold">@ JW BizTech</h3>
|
||||||
|
<h3>Dec 2024 - Present</h3>
|
||||||
|
</div>
|
||||||
|
<hr class="mb-3 w-full" />
|
||||||
|
<p class="mb-3">
|
||||||
|
Led implementation of frontend technology stack for
|
||||||
|
websites. Worked closely with UI/UX designers to
|
||||||
|
translate designs into code, and integrate smoothly with
|
||||||
|
CMS. Performing research and development for backend
|
||||||
|
projects.
|
||||||
|
</p>
|
||||||
|
<h3 class="mb-1 text-lg font-bold">Relevant skills:</h3>
|
||||||
|
|
||||||
|
<ul class="list-inside list-disc">
|
||||||
|
<li>Astro</li>
|
||||||
|
<li>Typescript</li>
|
||||||
|
<li>TailwindCSS</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</Card>
|
||||||
|
<Line height="50px" />
|
||||||
<Card primaryColor="#F6DFD8">
|
<Card primaryColor="#F6DFD8">
|
||||||
<div class="px-4 py-4 md:px-8 md:py-8">
|
<div class="px-4 py-4 md:px-8 md:py-8">
|
||||||
<div class="mb-3 flex w-full flex-col justify-start gap-1">
|
<div class="mb-3 flex w-full flex-col justify-start gap-1">
|
||||||
|
|
@ -37,32 +62,7 @@ import Line from "../elements/NetworkLine.astro";
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Card>
|
</Card>
|
||||||
<Line height="50px" />
|
|
||||||
<Card primaryColor="#F6DFD8">
|
|
||||||
<div class="px-4 py-4 md:px-8 md:py-8">
|
|
||||||
<div class="mb-3 flex w-full flex-col justify-start gap-1">
|
|
||||||
<h2 class="text-xl font-bold">
|
|
||||||
Lead Full Stack Developer
|
|
||||||
</h2>
|
|
||||||
<h3 class="font-bold">@ JW BizTech</h3>
|
|
||||||
<h3>Dec 2024 - Present</h3>
|
|
||||||
</div>
|
|
||||||
<hr class="mb-3 w-full" />
|
|
||||||
<p class="mb-3">
|
|
||||||
Led implementation of frontend technology stack for
|
|
||||||
websites. Worked closely with UI/UX designers to
|
|
||||||
translate designs into code, and with backend developers
|
|
||||||
to ensure smooth integration with CMS.
|
|
||||||
</p>
|
|
||||||
<h3 class="mb-1 text-lg font-bold">Relevant skills:</h3>
|
|
||||||
|
|
||||||
<ul class="list-inside list-disc">
|
|
||||||
<li>Astro</li>
|
|
||||||
<li>Typescript</li>
|
|
||||||
<li>TailwindCSS</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</Card>
|
|
||||||
<Line height="50px" />
|
<Line height="50px" />
|
||||||
<Card primaryColor="#F6DFD8">
|
<Card primaryColor="#F6DFD8">
|
||||||
<div class="px-4 py-4 md:px-8 md:py-8">
|
<div class="px-4 py-4 md:px-8 md:py-8">
|
||||||
|
|
@ -74,10 +74,10 @@ import Line from "../elements/NetworkLine.astro";
|
||||||
</div>
|
</div>
|
||||||
<hr class="mb-3 w-full" />
|
<hr class="mb-3 w-full" />
|
||||||
<p class="mb-3">
|
<p class="mb-3">
|
||||||
During my internship, I learnt how to build WordPress
|
Learnt how to build WordPress sites and further enhance
|
||||||
sites and further enhance my skills in PHP. I also
|
my skills in PHP. I also learnt how to closely work with
|
||||||
learnt how to closely work with UI/UX designers and pay
|
UI/UX designers and pay close attention to details with
|
||||||
close attention to details with the designs I am given.
|
the designs I am given.
|
||||||
</p>
|
</p>
|
||||||
<h3 class="mb-1 text-lg font-bold">Relevant skills:</h3>
|
<h3 class="mb-1 text-lg font-bold">Relevant skills:</h3>
|
||||||
<div
|
<div
|
||||||
|
|
|
||||||
|
|
@ -107,7 +107,7 @@
|
||||||
h-fit
|
h-fit
|
||||||
flex-col text-white"
|
flex-col text-white"
|
||||||
>
|
>
|
||||||
<div class="card-content w-full px-5 pt-10 pb-2 lg:px-10">
|
<div class="w-full px-5 pt-10 pb-2 lg:px-10">
|
||||||
<div class="flex h-20 flex-row">
|
<div class="flex h-20 flex-row">
|
||||||
<div class="mr-1 flex w-20 items-center justify-center">
|
<div class="mr-1 flex w-20 items-center justify-center">
|
||||||
<img
|
<img
|
||||||
|
|
@ -165,20 +165,6 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
<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;
|
|
||||||
border-radius: 1.25rem;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
#name {
|
#name {
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
90deg,
|
90deg,
|
||||||
|
|
|
||||||
|
|
@ -4,47 +4,32 @@ import Line from "../elements/NetworkLine.astro";
|
||||||
---
|
---
|
||||||
|
|
||||||
<div id="Experience" class="h-fit">
|
<div id="Experience" class="h-fit">
|
||||||
<div class="flex flex-col items-center">
|
<div class="flex flex-col items-center">
|
||||||
<div class="w-[90%] md:w-[600px]">
|
<div class="w-[90%] md:w-[600px]">
|
||||||
<Line height="50px" />
|
<Line height="50px" />
|
||||||
<Card primaryColor="#FFAC21">
|
<Card primaryColor="#FFAC21">
|
||||||
<div class="card-content px-4 py-4 md:px-8 md:py-8">
|
<div class="px-4 py-4 md:px-8 md:py-8">
|
||||||
<div class="mb-3 flex w-full flex-col justify-start gap-1">
|
<div class="mb-3 flex w-full flex-col justify-start gap-1">
|
||||||
<h2 class="text-xl font-bold">
|
<h2 class="text-xl font-bold">
|
||||||
Diploma in Computer Science student
|
Diploma in Computer Science student
|
||||||
</h2>
|
</h2>
|
||||||
<h3 class="font-bold">
|
<h3 class="font-bold">
|
||||||
@ Methodist College Kuala Lumpur
|
@ Methodist College Kuala Lumpur
|
||||||
</h3>
|
</h3>
|
||||||
<h3>Jan 2022 - June 2024</h3>
|
<h3>Jan 2022 - June 2024</h3>
|
||||||
</div>
|
</div>
|
||||||
<hr class="mb-3 w-full" />
|
<hr class="mb-3 w-full" />
|
||||||
<h3 class="mb-1 text-lg font-bold">Achievements</h3>
|
<h3 class="mb-1 text-lg font-bold">Achievements</h3>
|
||||||
<ul class="list-inside list-disc">
|
<ul class="list-inside list-disc">
|
||||||
<li>
|
<li>
|
||||||
4-time Dean's List Award recipient (>3.5 GPA)
|
4-time Dean's List Award recipient (>3.5 GPA)
|
||||||
</li>
|
</li>
|
||||||
<li>3.8 CGPA</li>
|
<li>3.8 CGPA</li>
|
||||||
<li>President of Computer Programming Club</li>
|
<li>President of Computer Programming Club</li>
|
||||||
<li>Vice President of Diploma Union</li>
|
<li>Vice President of Diploma Union</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</Card>
|
</Card>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<style>
|
|
||||||
.card-content {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
background-image: radial-gradient(
|
|
||||||
rgba(255, 255, 255, 0.1) 1px,
|
|
||||||
transparent 1px
|
|
||||||
);
|
|
||||||
background-position: 50% 50%;
|
|
||||||
background-size: 1.1rem 1.1rem;
|
|
||||||
border-radius: 1.25rem;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
|
||||||
|
|
@ -9,11 +9,11 @@ import Line from "../elements/NetworkLine.astro";
|
||||||
<Line height="50px" />
|
<Line height="50px" />
|
||||||
<div class="mx-auto w-[90%] md:w-[600px]">
|
<div class="mx-auto w-[90%] md:w-[600px]">
|
||||||
<Card primaryColor="#9D76C1">
|
<Card primaryColor="#9D76C1">
|
||||||
<div class="card-content">
|
<div class="px-8 py-8">
|
||||||
<div class="justify-left flex w-full flex-col">
|
<div class="justify-left flex w-full flex-col">
|
||||||
<h2 class="text-2xl font-bold">Content Creation</h2>
|
<h2 class="text-2xl font-bold">Content Creation</h2>
|
||||||
</div>
|
</div>
|
||||||
<hr class="w-full" />
|
<hr class="my-5 w-full" />
|
||||||
<p class="text-left">
|
<p class="text-left">
|
||||||
Since I was little, I loved watching YouTube videos
|
Since I was little, I loved watching YouTube videos
|
||||||
and the idea of bringing joy and laughter to a wider
|
and the idea of bringing joy and laughter to a wider
|
||||||
|
|
@ -55,13 +55,13 @@ import Line from "../elements/NetworkLine.astro";
|
||||||
<Line height="50px" />
|
<Line height="50px" />
|
||||||
<div class="mx-auto w-[90%] md:w-[600px]">
|
<div class="mx-auto w-[90%] md:w-[600px]">
|
||||||
<Card primaryColor="#9D76C1">
|
<Card primaryColor="#9D76C1">
|
||||||
<div class="card-content">
|
<div class="px-8 py-8">
|
||||||
<div class="justify-left flex w-full flex-col">
|
<div class="justify-left flex w-full flex-col">
|
||||||
<h2 class="text-2xl font-bold">
|
<h2 class="text-2xl font-bold">
|
||||||
Mobile Development
|
Mobile Development
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
<hr class="w-full" />
|
<hr class="my-5 w-full" />
|
||||||
<p class="text-left">
|
<p class="text-left">
|
||||||
In my Mobile App Development unit in University, I
|
In my Mobile App Development unit in University, I
|
||||||
am tasked to develop Android apps using Android
|
am tasked to develop Android apps using Android
|
||||||
|
|
@ -77,7 +77,7 @@ import Line from "../elements/NetworkLine.astro";
|
||||||
potential.
|
potential.
|
||||||
</p>
|
</p>
|
||||||
<div
|
<div
|
||||||
class="flex w-full flex-row flex-wrap justify-start"
|
class="mt-5 flex w-full flex-row flex-wrap justify-start"
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
class="my-1 mr-1 w-fit cursor-default rounded-full bg-[#106539] px-3 py-1 text-white transition-colors duration-300 hover:bg-[#106539] hover:text-white md:bg-gray-500"
|
class="my-1 mr-1 w-fit cursor-default rounded-full bg-[#106539] px-3 py-1 text-white transition-colors duration-300 hover:bg-[#106539] hover:text-white md:bg-gray-500"
|
||||||
|
|
@ -101,23 +101,3 @@ import Line from "../elements/NetworkLine.astro";
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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-top: 2rem;
|
|
||||||
padding-left: 2rem;
|
|
||||||
padding-right: 2rem;
|
|
||||||
padding-bottom: 0.5rem;
|
|
||||||
border-radius: 1.25rem;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
|
||||||
|
|
@ -3,69 +3,51 @@ import Card from "../elements/Card.astro";
|
||||||
---
|
---
|
||||||
|
|
||||||
<div class="flex w-full flex-col items-center justify-center">
|
<div class="flex w-full flex-col items-center justify-center">
|
||||||
<div
|
<div
|
||||||
class="flex h-fit w-full max-w-[1440px] flex-col items-center justify-center"
|
class="flex h-fit w-full max-w-[1440px] flex-col items-center justify-center"
|
||||||
>
|
>
|
||||||
<h1 class="mb-10 text-center text-5xl">What I Do</h1>
|
<h1 class="mb-10 text-center text-5xl">What I Do</h1>
|
||||||
<div
|
<div
|
||||||
class="grid w-[90%] grid-cols-1 place-content-center justify-center gap-5 sm:w-[350px] lg:w-[90%] lg:grid-cols-3 xl:w-4/5 xl:gap-12"
|
class="grid w-[90%] grid-cols-1 place-content-center justify-center gap-5 sm:w-[350px] lg:w-[90%] lg:grid-cols-3 xl:w-4/5 xl:gap-12"
|
||||||
>
|
>
|
||||||
<Card primaryColor="#19a7ce" scaleOnHover={true}>
|
<Card primaryColor="#19a7ce" scaleOnHover={true}>
|
||||||
<div class="card-content">
|
<div class="px-8 py-8">
|
||||||
<h2 class="text-center text-xl font-bold">
|
<h2 class="text-center text-xl font-bold">
|
||||||
Web Development
|
Web Development
|
||||||
</h2>
|
</h2>
|
||||||
<hr class="w-full" />
|
<hr class="my-5 w-full" />
|
||||||
<p class="text-balance 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="px-8 py-8">
|
||||||
<h2 class="text-center text-xl font-bold">Data Science</h2>
|
<h2 class="text-center text-xl font-bold">Data Science</h2>
|
||||||
<hr class="w-full" />
|
<hr class="my-5 w-full" />
|
||||||
<p class="text-balance 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="px-8 py-8">
|
||||||
<h2 class="text-center text-xl font-bold">
|
<h2 class="text-center text-xl font-bold">
|
||||||
Content Creation
|
Content Creation
|
||||||
</h2>
|
</h2>
|
||||||
<hr class="w-full" />
|
<hr class="my-5 w-full" />
|
||||||
<p class="text-balance 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>
|
|
||||||
.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>
|
|
||||||
|
|
|
||||||
|
|
@ -7,51 +7,35 @@ import Footer from "../components/sections/FooterComponent.astro";
|
||||||
---
|
---
|
||||||
|
|
||||||
<Layout
|
<Layout
|
||||||
title="Contact"
|
title="Contact"
|
||||||
description="Find out how to contact RythonDev, for sponsorship offers or collaboration opportunities!"
|
description="Find out how to contact RythonDev, for sponsorship offers or collaboration opportunities!"
|
||||||
>
|
>
|
||||||
<NavBar />
|
<NavBar />
|
||||||
<div id="contact-component" class="mt-10 pt-20">
|
<div id="contact-component" class="mt-10 pt-20">
|
||||||
<h1 class="text-center text-5xl">Contact</h1>
|
<h1 class="text-center text-5xl">Contact</h1>
|
||||||
<div class="mt-10 flex items-center justify-center">
|
<div class="mt-10 flex items-center justify-center">
|
||||||
<div class="w-[90%] md:w-[600px]">
|
<div class="w-[90%] md:w-[600px]">
|
||||||
<Card primaryColor="#40A2D8">
|
<Card primaryColor="#40A2D8">
|
||||||
<div class="card-content">
|
<div class="px-8 py-8">
|
||||||
<div class="justify-left mb-3 flex w-full flex-col">
|
<div class="justify-left mb-3 flex w-full flex-col">
|
||||||
<h2
|
<h2
|
||||||
class="text-balance text-center text-xl font-bold"
|
class="text-center text-xl font-bold text-balance"
|
||||||
>
|
>
|
||||||
Looking for a young developer with fresh ideas?
|
Looking for a young developer with fresh ideas?
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
<hr class="mb-3 w-full" />
|
<hr class="my-5 w-full" />
|
||||||
<div class="text-balance text-center">
|
<div class="text-center text-balance">
|
||||||
Whether it's sponsorships or collaboration
|
Whether it's sponsorships or collaboration
|
||||||
opportunities, hit me up!
|
opportunities, hit me up!
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Card>
|
</Card>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="mt-10">
|
<div class="mt-10">
|
||||||
<ContactComponent />
|
<ContactComponent />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<Footer />
|
<Footer />
|
||||||
</Layout>
|
</Layout>
|
||||||
|
|
||||||
<style>
|
|
||||||
.card-content {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
|
||||||
|
|
@ -12,19 +12,19 @@ import Footer from "../components/sections/FooterComponent.astro";
|
||||||
description="What Ryan's skillsets are, in Data Science, Web Development and Content Creation"
|
description="What Ryan's skillsets are, in Data Science, Web Development and Content Creation"
|
||||||
>
|
>
|
||||||
<NavBar />
|
<NavBar />
|
||||||
<div id="what-i-do" class="mt-10 pb-20 pt-20">
|
<div id="what-i-do" class="mt-10 pt-20 pb-20">
|
||||||
<WhatIDoComponent />
|
<WhatIDoComponent />
|
||||||
|
|
||||||
<div class="mx-auto mt-20 w-[90%] md:w-[750px]">
|
<div class="mx-auto mt-20 w-[90%] md:w-[750px]">
|
||||||
<Card primaryColor="#19a7ce">
|
<Card primaryColor="#19a7ce">
|
||||||
<div class="card-content">
|
<div class="px-8 py-8">
|
||||||
<h2
|
<h2
|
||||||
id="web-dev"
|
id="web-dev"
|
||||||
class="animate-gradient text-2xl font-bold"
|
class="animate-gradient text-2xl font-bold"
|
||||||
>
|
>
|
||||||
Web Development
|
Web Development
|
||||||
</h2>
|
</h2>
|
||||||
<hr class="mb-3 mt-3 w-full" />
|
<hr class="mt-3 mb-3 w-full" />
|
||||||
<div class="mb-5">
|
<div class="mb-5">
|
||||||
<h3 class="text-xl font-bold">Websites</h3>
|
<h3 class="text-xl font-bold">Websites</h3>
|
||||||
<p class="mt-1 text-left">
|
<p class="mt-1 text-left">
|
||||||
|
|
@ -57,14 +57,14 @@ import Footer from "../components/sections/FooterComponent.astro";
|
||||||
</Card>
|
</Card>
|
||||||
<Line height="50px" />
|
<Line height="50px" />
|
||||||
<Card primaryColor="#a1eebd">
|
<Card primaryColor="#a1eebd">
|
||||||
<div class="card-content">
|
<div class="px-8 py-8">
|
||||||
<h2
|
<h2
|
||||||
id="data-science"
|
id="data-science"
|
||||||
class="animate-gradient text-2xl font-bold"
|
class="animate-gradient text-2xl font-bold"
|
||||||
>
|
>
|
||||||
Data Science
|
Data Science
|
||||||
</h2>
|
</h2>
|
||||||
<hr class="mb-3 mt-3 w-full" />
|
<hr class="mt-3 mb-3 w-full" />
|
||||||
<div class="mb-5">
|
<div class="mb-5">
|
||||||
<h3 class="text-xl font-bold">
|
<h3 class="text-xl font-bold">
|
||||||
Data Analysis and Visualization
|
Data Analysis and Visualization
|
||||||
|
|
@ -102,14 +102,14 @@ import Footer from "../components/sections/FooterComponent.astro";
|
||||||
</Card>
|
</Card>
|
||||||
<Line height="50px" />
|
<Line height="50px" />
|
||||||
<Card primaryColor="#9D76C1">
|
<Card primaryColor="#9D76C1">
|
||||||
<div class="card-content">
|
<div class="px-8 py-8">
|
||||||
<h2
|
<h2
|
||||||
id="content-creation"
|
id="content-creation"
|
||||||
class="animate-gradient text-2xl font-bold"
|
class="animate-gradient text-2xl font-bold"
|
||||||
>
|
>
|
||||||
Content Creation
|
Content Creation
|
||||||
</h2>
|
</h2>
|
||||||
<hr class="mb-3 mt-3 w-full" />
|
<hr class="mt-3 mb-3 w-full" />
|
||||||
<div class="mb-5">
|
<div class="mb-5">
|
||||||
<h3 class="text-xl font-bold">Streaming</h3>
|
<h3 class="text-xl font-bold">Streaming</h3>
|
||||||
<p class="mt-1 text-left">
|
<p class="mt-1 text-left">
|
||||||
|
|
@ -148,20 +148,6 @@ import Footer from "../components/sections/FooterComponent.astro";
|
||||||
</Layout>
|
</Layout>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
.card-content {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
background-image: radial-gradient(
|
|
||||||
rgba(255, 255, 255, 0.1) 1px,
|
|
||||||
transparent 1px
|
|
||||||
);
|
|
||||||
background-position: 50% 50%;
|
|
||||||
background-size: 1.1rem 1.1rem;
|
|
||||||
border-radius: 1.25rem;
|
|
||||||
padding: 2rem;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
#web-dev {
|
#web-dev {
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
90deg,
|
90deg,
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue