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

updated content

Browse source
This commit is contained in:
liyunze 2023-10-11 12:26:11 +08:00
parent 713bda2420
commit c3aa353623
4 changed files with 22 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/Contact.astro
View file

@ -15,7 +15,7 @@
<a <a
class="text-center flex flex-row justify-center items-center border-2 border-blue-300 text-blue-300 px-5 py-5 hover:bg-blue-300 hover:text-black transition-colors duration-500 ease-in-out rounded-xl" class="text-center flex flex-row justify-center items-center border-2 border-blue-300 text-blue-300 px-5 py-5 hover:bg-blue-300 hover:text-black transition-colors duration-500 ease-in-out rounded-xl"
href="mailto:ryanpython932@gmail.com" href="mailto:ryanpython932@gmail.com"
><span class="text-2xl mr-2">&#9993;</span> Send me an email</a ><span class="text-3xl mr-2">&#9993;</span> Send me an email</a
> >
</div> </div>
<div <div

6
src/components/Education.astro
View file

@ -6,8 +6,8 @@ import Line from "./NetworkLine.astro";
<div id="Experience" class="h-fit py-20"> <div id="Experience" class="h-fit py-20">
<h1 class="text-5xl text-center">Education</h1> <h1 class="text-5xl text-center">Education</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-[500px]"> <div class="w-[90%] md:w-[600px]">
<Card primaryColor="#FFF5E0" bgColor="#303030" scaleOnHover={false}> <Card primaryColor="#EFB495" bgColor="#303030" scaleOnHover={false}>
<div class="card-content"> <div class="card-content">
<div class="flex flex-col justify-left w-full mb-3"> <div class="flex flex-col justify-left w-full mb-3">
<h2 class="font-bold text-xl"> <h2 class="font-bold text-xl">
@ -27,7 +27,7 @@ import Line from "./NetworkLine.astro";
</div> </div>
</Card> </Card>
<Line height="100px" /> <Line height="100px" />
<Card primaryColor="#FFF5E0" bgColor="#303030" scaleOnHover={false}> <Card primaryColor="#FF8080" bgColor="#303030" scaleOnHover={false}>
<div class="card-content"> <div class="card-content">
<div class="flex flex-col justify-left w-full mb-3"> <div class="flex flex-col justify-left w-full mb-3">
<h2 class="font-bold text-xl">Cambridge IGCSE</h2><h3> <h2 class="font-bold text-xl">Cambridge IGCSE</h2><h3>

12
src/components/Projects.svelte
View file

@ -300,13 +300,13 @@
</p> </p>
</div> </div>
<div <div
class="image-container w-full lg:w-1/2 aspect-video [perspective:200px] relative" class="image-container w-full lg:w-1/2 aspect-video [perspective:200px] relative mb-3 lg:mb-0 md:mr-5 mr-0 lg:mr-0"
> >
<!-- task bot --> <!-- task bot -->
<div <div
class="task-widget absolute flex flex-col opacity-30 class="task-widget absolute flex flex-col opacity-30
w-[90%] h-[99%] w-full h-[99%]
top-1/2 left-1/2 [transform:translateX(-59%)_translateY(-49%)_translateZ(-50px)_rotateY(-3deg)]" top-1/2 left-1/2 [transform:translateX(-50%)_translateY(-49%)_translateZ(-50px)_rotateY(-3deg)]"
> >
<div <div
class="w-full bg-black border-solid border-2 border-white class="w-full bg-black border-solid border-2 border-white
@ -350,8 +350,8 @@
</div> </div>
<div <div
class="task-widget absolute flex flex-col class="task-widget absolute flex flex-col
w-[90%] h-[99%] w-full h-[99%]
top-1/2 left-1/2 [transform:translateX(-60%)_translateY(-50%)_translateZ(-50px)_rotateY(-3deg)]" top-1/2 left-1/2 [transform:translateX(-51%)_translateY(-50%)_translateZ(-50px)_rotateY(-3deg)]"
> >
<div <div
class="w-full bg-black border-solid border-2 border-white class="w-full bg-black border-solid border-2 border-white
@ -395,7 +395,7 @@
</div> </div>
<div <div
class="visit-div absolute w-[90%] h-full bg-[rgba(0,0,0,0.5)] opacity-0 class="visit-div absolute w-full h-full bg-[rgba(0,0,0,0.5)] opacity-0
rounded-md rounded-md
[transform:translateX(-50%)_translateY(-50%)] top-1/2 left-1/2 [transform:translateX(-50%)_translateY(-50%)] top-1/2 left-1/2
border-2 border-solid border-white border-2 border-solid border-white

29
src/components/Skills.astro
View file

@ -20,14 +20,14 @@ import Line from "../components/NetworkLine.astro";
web development, I delved into frameworks such as web development, I delved into frameworks such as
Svelte, React and Astro. Svelte, React and Astro.
</p> </p>
<div class="w-full flex flex-row flex-wrap justify-center"> <div class="w-full flex flex-row flex-wrap justify-start">
<div <div
class="w-fit bg-orange-700 rounded-full px-3 py-1 mr-1 my-1" class="w-fit bg-orange-700 rounded-full px-3 py-1 mr-1 my-1"
> >
HTML HTML
</div> </div>
<div <div
class="w-fit bg-blue-600 rounded-full px-3 py-1 mr-1 my-1" class="w-fit bg-blue-700 rounded-full px-3 py-1 mr-1 my-1"
> >
CSS CSS
</div> </div>
@ -37,12 +37,12 @@ import Line from "../components/NetworkLine.astro";
Javascript Javascript
</div> </div>
<div <div
class="w-fit bg-blue-600 rounded-full px-3 py-1 mr-1 my-1" class="w-fit bg-blue-400 text-black rounded-full px-3 py-1 mr-1 my-1"
> >
TypeScript TypeScript
</div> </div>
<div <div
class="w-fit bg-purple-700 rounded-full px-3 py-1 mr-1 my-1" class="w-fit bg-[#617CBE] rounded-full px-3 py-1 mr-1 my-1"
> >
PHP PHP
</div> </div>
@ -52,12 +52,12 @@ import Line from "../components/NetworkLine.astro";
Express Express
</div> </div>
<div <div
class="w-fit bg-orange-700 rounded-full px-3 py-1 mr-1 my-1" class="w-fit bg-orange-400 text-black rounded-full px-3 py-1 mr-1 my-1"
> >
Svelte Svelte
</div> </div>
<div <div
class="w-fit bg-cyan-400 text-black rounded-full px-3 py-1 mr-1 my-1" class="w-fit bg-[#00D8FF] text-black rounded-full px-3 py-1 mr-1 my-1"
> >
React React
</div> </div>
@ -72,12 +72,12 @@ import Line from "../components/NetworkLine.astro";
Qwik Qwik
</div> </div>
<div <div
class="w-fit bg-cyan-400 text-black rounded-full px-3 py-1 mr-1 my-1" class="w-fit bg-[#07B6D4] text-black rounded-full px-3 py-1 mr-1 my-1"
> >
TailwindCSS TailwindCSS
</div> </div>
<div <div
class="w-fit bg-purple-700 rounded-full px-3 py-1 mr-1 my-1" class="w-fit bg-[#8500C7] rounded-full px-3 py-1 mr-1 my-1"
> >
Vite Vite
</div> </div>
@ -100,7 +100,7 @@ import Line from "../components/NetworkLine.astro";
as extracting, transforming and loading data, as well as as extracting, transforming and loading data, as well as
data visualisation. data visualisation.
</p> </p>
<div class="w-full flex flex-row flex-wrap justify-center"> <div class="w-full flex flex-row flex-wrap justify-start">
<div <div
class="w-fit bg-yellow-400 bg-[linear-gradient(_125deg,_#4b8bbe_0%,_#4b8bbe_50%,_#ffd43b_51%,_#f0c808_100%_)] class="w-fit bg-yellow-400 bg-[linear-gradient(_125deg,_#4b8bbe_0%,_#4b8bbe_50%,_#ffd43b_51%,_#f0c808_100%_)]
text-black rounded-full px-3 py-1 mr-1 my-1" text-black rounded-full px-3 py-1 mr-1 my-1"
@ -113,7 +113,7 @@ import Line from "../components/NetworkLine.astro";
R R
</div> </div>
<div <div
class="w-fit bg-green-600 bg-[linear-gradient(_90deg,_#CC0000_0%,_#CC0000_32%,_#00BB00_33%,_#00BB00_65%,_#0000DD_66%,_#0000DD_100%_)] class="w-fit bg-green-600 bg-[linear-gradient(_90deg,_#BB0000_0%,_#BB0000_32%,_#00AA00_33%,_#00AA00_65%,_#0000BB_66%,_#0000BB_100%_)]
text-white rounded-full px-3 py-1 mr-1 my-1" text-white rounded-full px-3 py-1 mr-1 my-1"
> >
OpenCV OpenCV
@ -129,12 +129,7 @@ import Line from "../components/NetworkLine.astro";
MySQL MySQL
</div> </div>
<div <div
class="w-fit bg-purple-600 rounded-full px-3 py-1 mr-1 my-1" class="w-fit bg-blue-800 text-white rounded-full px-3 py-1 mr-1 my-1"
>
Machine Learning
</div>
<div
class="w-fit bg-blue-600 text-white rounded-full px-3 py-1 mr-1 my-1"
> >
Pandas Pandas
</div> </div>
@ -144,7 +139,7 @@ import Line from "../components/NetworkLine.astro";
Selenium Selenium
</div> </div>
<div <div
class="w-fit bg-blue-600 rounded-full px-3 py-1 mr-1 my-1" class="w-fit bg-gray-200 text-black rounded-full px-3 py-1 mr-1 my-1"
> >
BeautifulSoup4 BeautifulSoup4
</div> </div>