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

improved colours and text content

Browse source
This commit is contained in:
liyunze 2024-11-30 20:08:25 +11:00
parent 0d9fa0351a
commit 788930ec7e
7 changed files with 45 additions and 44 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/sections/BackToBlogs.astro
View file

@ -1,5 +1,5 @@
<a <a
class="sticky top-5 left-5 ml-10 text-xl bg-white w-fit px-5 py-1 rounded-lg flex justify-center items-center gap-2" class="sticky top-5 left-5 ml-10 text-xl bg-white w-fit pr-5 pl-2 py-1 rounded-lg flex justify-center items-center gap-2"
href="/blog" href="/blog"
style="color: black; text-decoration: none;" style="color: black; text-decoration: none;"
> >

4
src/components/sections/ExperienceComponent.astro
View file

@ -18,8 +18,8 @@ import Line from "../elements/NetworkLine.astro";
<hr class="w-full mb-3" /> <hr class="w-full mb-3" />
<p class="mb-3"> <p class="mb-3">
Currently pursuing my Bachelor's degree in Computer Currently pursuing my Bachelor's degree in Computer
Science in Melbourne, after being awarded a 50% Science in Melbourne as a Vice-Chancellor 50%
scholarship for my studies! Scholarship Awardee.
</p> </p>
<h3 class="mb-1 font-bold text-lg">Relevant skills:</h3> <h3 class="mb-1 font-bold text-lg">Relevant skills:</h3>
<div <div

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

@ -112,7 +112,7 @@
text-white text-white
flex flex-col" flex flex-col"
> >
<div class="px-2 lg:px-10 pt-10 pb-2 card-content w-full"> <div class="px-5 lg:px-10 pt-10 pb-2 card-content w-full">
<div class="flex flex-row h-20"> <div class="flex flex-row h-20">
<div class="w-20 mr-1 flex justify-center items-center"> <div class="w-20 mr-1 flex justify-center items-center">
<img <img
@ -137,6 +137,7 @@
src="/images/RythonDev-UwU-compressed.webp" src="/images/RythonDev-UwU-compressed.webp"
alt="RythonDev" alt="RythonDev"
width="400" width="400"
height="131.8"
/> />
</div> </div>
<div class="text-2xl font-bold mt-2"> <div class="text-2xl font-bold mt-2">

18
src/components/sections/ProjectsComponent.astro
View file

@ -47,7 +47,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
href="https://coworking-guide.vercel.app/" href="https://coworking-guide.vercel.app/"
target="_blank" target="_blank"
class="absolute [transform:translateX(-50%)_translateY(-50%)] top-1/2 left-1/2 class="absolute [transform:translateX(-50%)_translateY(-50%)] top-1/2 left-1/2
px-5 py-3 bg-blue-500 rounded-xl opacity-1 px-5 py-3 bg-blue-600 rounded-xl opacity-1
font-bold font-bold
transition-colors duration-300 transition-colors duration-300
hidden lg:block hidden lg:block
@ -60,7 +60,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
<a <a
href="https://coworking-guide.vercel.app/" href="https://coworking-guide.vercel.app/"
target="_blank" target="_blank"
class="px-5 py-3 bg-blue-500 rounded-xl opacity-1 class="px-5 py-3 bg-blue-600 rounded-xl opacity-1
font-bold font-bold
transition-colors duration-300 transition-colors duration-300
hover:bg-white hover:text-blue-500" hover:bg-white hover:text-blue-500"
@ -128,7 +128,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
class="w-full flex flex-row flex-wrap justify-center lg:justify-end mt-5" class="w-full flex flex-row flex-wrap justify-center lg:justify-end mt-5"
> >
<div <div
class="w-fit bg-[#E34F26] text-white class="w-fit bg-[#B11700] text-white
rounded-full px-3 py-1 mr-1 my-1 rounded-full px-3 py-1 mr-1 my-1
transition-colors duration-300" transition-colors duration-300"
> >
@ -154,10 +154,10 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
<a <a
href="https://github.com/liyunze-coding/chat-task-tic-overlay-infinity" href="https://github.com/liyunze-coding/chat-task-tic-overlay-infinity"
target="_blank" target="_blank"
class="px-5 py-3 bg-blue-500 rounded-xl opacity-1 class="px-5 py-3 bg-blue-600 rounded-xl opacity-1
font-bold font-bold
transition-colors duration-300 transition-colors duration-300
hover:bg-white hover:text-blue-500" hover:bg-white hover:text-blue-600"
>View repository</a >View repository</a
> >
</div> </div>
@ -200,7 +200,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
href="https://hex-guess.vercel.app/" href="https://hex-guess.vercel.app/"
target="_blank" target="_blank"
class="absolute [transform:translateX(-50%)_translateY(-50%)] top-1/2 left-1/2 class="absolute [transform:translateX(-50%)_translateY(-50%)] top-1/2 left-1/2
px-5 py-3 bg-blue-500 rounded-xl opacity-1 px-5 py-3 bg-blue-600 rounded-xl opacity-1
font-bold font-bold
hidden lg:block hidden lg:block
transition-colors duration-300 transition-colors duration-300
@ -213,7 +213,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
<a <a
href="https://hex-guess.vercel.app/" href="https://hex-guess.vercel.app/"
target="_blank" target="_blank"
class="px-5 py-3 bg-blue-500 rounded-xl opacity-1 class="px-5 py-3 bg-blue-600 rounded-xl opacity-1
font-bold font-bold
transition-colors duration-300 transition-colors duration-300
hover:bg-white hover:text-blue-500" hover:bg-white hover:text-blue-500"
@ -298,7 +298,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
<a <a
href="https://github.com/liyunze-coding/TwitchPlaysX" href="https://github.com/liyunze-coding/TwitchPlaysX"
target="_blank" target="_blank"
class="px-5 py-3 bg-blue-500 rounded-xl opacity-1 class="px-5 py-3 bg-blue-600 rounded-xl opacity-1
font-bold font-bold
transition-colors duration-300 transition-colors duration-300
hover:bg-white hover:text-blue-500" hover:bg-white hover:text-blue-500"
@ -338,7 +338,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
href="https://github.com/liyunze-coding/TwitchPlaysX" href="https://github.com/liyunze-coding/TwitchPlaysX"
target="_blank" target="_blank"
class="absolute [transform:translateX(-50%)_translateY(-50%)] top-1/2 left-1/2 class="absolute [transform:translateX(-50%)_translateY(-50%)] top-1/2 left-1/2
px-5 py-3 bg-blue-500 rounded-xl opacity-1 px-5 py-3 bg-blue-600 rounded-xl opacity-1
font-bold font-bold
hidden lg:block hidden lg:block
transition-colors duration-300 transition-colors duration-300

17
src/components/sections/SkillsComponent.astro
View file

@ -22,7 +22,8 @@ import Line from "../elements/NetworkLine.astro";
</p> </p>
<div class="w-full flex flex-row flex-wrap justify-start"> <div class="w-full flex flex-row flex-wrap justify-start">
<div <div
class="w-fit text-white bg-orange-700 md:bg-gray-500 hover:bg-orange-700 class="w-fit
text-white bg-[#B11700] md:bg-gray-500 hover:bg-[#B11700]
rounded-full px-3 py-1 mr-1 my-1 rounded-full px-3 py-1 mr-1 my-1
cursor-default cursor-default
transition-colors duration-300" transition-colors duration-300"
@ -54,7 +55,7 @@ import Line from "../elements/NetworkLine.astro";
TypeScript TypeScript
</div> </div>
<div <div
class="w-fit text-white bg-[#FF3E00] md:bg-gray-500 hover:bg-[#FF3E00] class="w-fit text-white bg-[#B11700] md:bg-gray-500 hover:bg-[#B11700]
rounded-full px-3 py-1 mr-1 my-1 rounded-full px-3 py-1 mr-1 my-1
cursor-default cursor-default
transition-colors duration-300" transition-colors duration-300"
@ -86,7 +87,7 @@ import Line from "../elements/NetworkLine.astro";
WordPress WordPress
</div> </div>
<div <div
class="w-fit md:text-white bg-gray-500 hover:bg-white text-black md:hover:text-black class="w-fit md:text-white bg-white md:bg-gray-500 hover:bg-white text-black md:hover:text-black
rounded-full px-3 py-1 mr-1 my-1 rounded-full px-3 py-1 mr-1 my-1
cursor-default cursor-default
transition-colors duration-300" transition-colors duration-300"
@ -110,7 +111,7 @@ import Line from "../elements/NetworkLine.astro";
TailwindCSS TailwindCSS
</div> </div>
<div <div
class="w-fit text-white bg-[#646CFF] md:bg-gray-500 hover:bg-[#646CFF] class="w-fit text-white bg-[#7400EF] md:bg-gray-500 hover:bg-[#7400EF]
rounded-full px-3 py-1 mr-1 my-1 rounded-full px-3 py-1 mr-1 my-1
cursor-default cursor-default
transition-colors duration-300" transition-colors duration-300"
@ -169,7 +170,7 @@ import Line from "../elements/NetworkLine.astro";
C# C#
</div> </div>
<div <div
class="w-fit text-white bg-[#617CBE] md:bg-gray-500 hover:bg-[#617CBE] class="w-fit text-white bg-[#3D5694] md:bg-gray-500 hover:bg-[#3D5694]
rounded-full px-3 py-1 mr-1 my-1 rounded-full px-3 py-1 mr-1 my-1
cursor-default cursor-default
transition-colors duration-300" transition-colors duration-300"
@ -177,7 +178,7 @@ import Line from "../elements/NetworkLine.astro";
PHP PHP
</div> </div>
<div <div
class="w-fit text-white bg-[#00ADD8] md:bg-gray-500 hover:bg-[#00ADD8] class="w-fit text-white bg-[#006080] md:bg-gray-500 hover:bg-[#006080]
rounded-full px-3 py-1 mr-1 my-1 rounded-full px-3 py-1 mr-1 my-1
cursor-default cursor-default
transition-colors duration-300" transition-colors duration-300"
@ -185,7 +186,7 @@ import Line from "../elements/NetworkLine.astro";
Go Go
</div> </div>
<div <div
class="w-fit text-white bg-gray-500 hover:bg-black class="w-fit text-white bg-gray-500 hover:bg-[#B11700]
rounded-full px-3 py-1 mr-1 my-1 rounded-full px-3 py-1 mr-1 my-1
cursor-default cursor-default
transition-colors duration-300" transition-colors duration-300"
@ -246,7 +247,7 @@ import Line from "../elements/NetworkLine.astro";
R R
</div> </div>
<div <div
class="w-fit text-white bg-green-600 md:bg-gray-500 hover:bg-green-600 class="w-fit text-white bg-[#10652F] md:bg-gray-500 hover:bg-[#10652F]
rounded-full px-3 py-1 mr-1 my-1 rounded-full px-3 py-1 mr-1 my-1
cursor-default cursor-default
transition-colors duration-300" transition-colors duration-300"

2
src/pages/skills.astro
View file

@ -58,7 +58,7 @@ import Footer from "../components/sections/FooterComponent.astro";
Twitch Twitch
</div> </div>
<div <div
class="w-fit text-white bg-gray-500 hover:bg-red-600 hover:text-white class="w-fit text-white bg-gray-500 hover:bg-[#ff0000] hover:text-white
rounded-full px-3 py-1 mr-1 my-1 rounded-full px-3 py-1 mr-1 my-1
cursor-default cursor-default
transition-colors duration-300" transition-colors duration-300"

43
src/pages/what-i-do.astro
View file

@ -31,8 +31,8 @@ import Footer from "../components/sections/FooterComponent.astro";
I go beyond coding; I'm a developer who translates I go beyond coding; I'm a developer who translates
your vision into a captivating online presence. your vision into a captivating online presence.
Through custom designs, intuitive user experiences, Through custom designs, intuitive user experiences,
and special attention to detail, I weave your unique and special attention to detail, I bring your brand
narrative into every strand of your website. to life online.
</p> </p>
</div> </div>
<div class="mb-5"> <div class="mb-5">
@ -42,17 +42,17 @@ import Footer from "../components/sections/FooterComponent.astro";
efficiency, and empower your users to achieve more. efficiency, and empower your users to achieve more.
With a focus on intuitive interfaces, powerful With a focus on intuitive interfaces, powerful
functionality, and data-driven optimization, I functionality, and data-driven optimization, I
transform complex ideas into elegant tools that design and develop robust, scalable applications
seamlessly integrate into your ecosystem. that align with your business objectives.
</p> </p>
</div> </div>
<div> <div>
<h3 class="font-bold text-xl">Widgets</h3> <h3 class="font-bold text-xl">Widgets</h3>
<p class="mt-1 text-left"> <p class="mt-1 text-left">
Leveraging my web development skills, I built stream Leveraging my web development skills, I built stream
widgets to level up the stream! Easy to use and widgets to level up livestreams on Twitch and
customize, my work have been used by 100+ streamers YouTube. Easy to use and customize, my work have
from pomodoro timers to to-do lists! been used by 100+ Twitch streamers!
</p> </p>
</div> </div>
</div> </div>
@ -72,11 +72,10 @@ import Footer from "../components/sections/FooterComponent.astro";
Data Analysis and Visualization Data Analysis and Visualization
</h3> </h3>
<p class="mt-1 text-left"> <p class="mt-1 text-left">
I'm your data artist, translating numbers into works Translating numbers into works of art that inform,
of art that inform, inspire, and guide inspire, and guide decision-making. I can create
decision-making. We'll create visually compelling visually compelling narratives that turn dry
narratives that turn dry statistics into captivating statistics into captivating stories.
stories using Python and R.
</p> </p>
</div> </div>
<div class="mb-5"> <div class="mb-5">
@ -86,9 +85,9 @@ import Footer from "../components/sections/FooterComponent.astro";
<p class="mt-1 text-left"> <p class="mt-1 text-left">
Every number tells a story, but it takes the Every number tells a story, but it takes the
language of statistics and probability to truly language of statistics and probability to truly
understand it. Our world is awash in data, but it's understand it. Our world is full of data, but it's
only through these powerful tools that we can only through powerful tools that we can transform it
transform it into meaningful insights and actionable into meaningful insights and actionable
intelligence. intelligence.
</p> </p>
</div> </div>
@ -118,9 +117,9 @@ import Footer from "../components/sections/FooterComponent.astro";
<p class="mt-1 text-left"> <p class="mt-1 text-left">
Streaming isn't just about entertainment, it's about Streaming isn't just about entertainment, it's about
building a brand that resonates and inspires. building a brand that resonates and inspires.
Streaming allows me to enhance my marketing skills Streaming allows me to engage with viewers in real
and the ability to entertain and engage with viewers time, developing their trust and allows me to build
in real time. a community of like-minded people.
</p> </p>
</div> </div>
<div class="mb-5"> <div class="mb-5">
@ -137,10 +136,10 @@ import Footer from "../components/sections/FooterComponent.astro";
<h3 class="font-bold text-xl">Personality</h3> <h3 class="font-bold text-xl">Personality</h3>
<p class="mt-1 text-left"> <p class="mt-1 text-left">
I believe content should be an adventure, not a I believe content should be an adventure, not a
formula. my world is a vibrant playground of formula. My livestreams revolve around unscripted
unscripted interactions, quirky challenges, and raw interactions, quirky challenges, and raw emotional
emotional moments. It's messy, it's exhilarating, moments. It's messy, it's exhilarating, and it's
and it's uniquely me. uniquely me.
</p> </p>
</div> </div>
</div> </div>