mirror of
https://github.com/liyunze-coding/RythonDev.git
synced 2026-09-22 15:53:57 +00:00
improved colours and text content
This commit is contained in:
liyunze
parent
0d9fa0351a
commit
788930ec7e
7 changed files with 45 additions and 44 deletions
|
|
@ -1,5 +1,5 @@
|
|||
<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"
|
||||
style="color: black; text-decoration: none;"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -18,8 +18,8 @@ import Line from "../elements/NetworkLine.astro";
|
|||
<hr class="w-full mb-3" />
|
||||
<p class="mb-3">
|
||||
Currently pursuing my Bachelor's degree in Computer
|
||||
Science in Melbourne, after being awarded a 50%
|
||||
scholarship for my studies!
|
||||
Science in Melbourne as a Vice-Chancellor 50%
|
||||
Scholarship Awardee.
|
||||
</p>
|
||||
<h3 class="mb-1 font-bold text-lg">Relevant skills:</h3>
|
||||
<div
|
||||
|
|
|
|||
|
|
@ -112,7 +112,7 @@
|
|||
text-white
|
||||
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="w-20 mr-1 flex justify-center items-center">
|
||||
<img
|
||||
|
|
@ -137,6 +137,7 @@
|
|||
src="/images/RythonDev-UwU-compressed.webp"
|
||||
alt="RythonDev"
|
||||
width="400"
|
||||
height="131.8"
|
||||
/>
|
||||
</div>
|
||||
<div class="text-2xl font-bold mt-2">
|
||||
|
|
|
|||
|
|
@ -47,7 +47,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
|
|||
href="https://coworking-guide.vercel.app/"
|
||||
target="_blank"
|
||||
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
|
||||
transition-colors duration-300
|
||||
hidden lg:block
|
||||
|
|
@ -60,7 +60,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
|
|||
<a
|
||||
href="https://coworking-guide.vercel.app/"
|
||||
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
|
||||
transition-colors duration-300
|
||||
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"
|
||||
>
|
||||
<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
|
||||
transition-colors duration-300"
|
||||
>
|
||||
|
|
@ -154,10 +154,10 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
|
|||
<a
|
||||
href="https://github.com/liyunze-coding/chat-task-tic-overlay-infinity"
|
||||
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
|
||||
transition-colors duration-300
|
||||
hover:bg-white hover:text-blue-500"
|
||||
hover:bg-white hover:text-blue-600"
|
||||
>View repository</a
|
||||
>
|
||||
</div>
|
||||
|
|
@ -200,7 +200,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
|
|||
href="https://hex-guess.vercel.app/"
|
||||
target="_blank"
|
||||
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
|
||||
hidden lg:block
|
||||
transition-colors duration-300
|
||||
|
|
@ -213,7 +213,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
|
|||
<a
|
||||
href="https://hex-guess.vercel.app/"
|
||||
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
|
||||
transition-colors duration-300
|
||||
hover:bg-white hover:text-blue-500"
|
||||
|
|
@ -298,7 +298,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
|
|||
<a
|
||||
href="https://github.com/liyunze-coding/TwitchPlaysX"
|
||||
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
|
||||
transition-colors duration-300
|
||||
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"
|
||||
target="_blank"
|
||||
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
|
||||
hidden lg:block
|
||||
transition-colors duration-300
|
||||
|
|
|
|||
|
|
@ -22,7 +22,8 @@ import Line from "../elements/NetworkLine.astro";
|
|||
</p>
|
||||
<div class="w-full flex flex-row flex-wrap justify-start">
|
||||
<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
|
||||
cursor-default
|
||||
transition-colors duration-300"
|
||||
|
|
@ -54,7 +55,7 @@ import Line from "../elements/NetworkLine.astro";
|
|||
TypeScript
|
||||
</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
|
||||
cursor-default
|
||||
transition-colors duration-300"
|
||||
|
|
@ -86,7 +87,7 @@ import Line from "../elements/NetworkLine.astro";
|
|||
WordPress
|
||||
</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
|
||||
cursor-default
|
||||
transition-colors duration-300"
|
||||
|
|
@ -110,7 +111,7 @@ import Line from "../elements/NetworkLine.astro";
|
|||
TailwindCSS
|
||||
</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
|
||||
cursor-default
|
||||
transition-colors duration-300"
|
||||
|
|
@ -169,7 +170,7 @@ import Line from "../elements/NetworkLine.astro";
|
|||
C#
|
||||
</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
|
||||
cursor-default
|
||||
transition-colors duration-300"
|
||||
|
|
@ -177,7 +178,7 @@ import Line from "../elements/NetworkLine.astro";
|
|||
PHP
|
||||
</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
|
||||
cursor-default
|
||||
transition-colors duration-300"
|
||||
|
|
@ -185,7 +186,7 @@ import Line from "../elements/NetworkLine.astro";
|
|||
Go
|
||||
</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
|
||||
cursor-default
|
||||
transition-colors duration-300"
|
||||
|
|
@ -246,7 +247,7 @@ import Line from "../elements/NetworkLine.astro";
|
|||
R
|
||||
</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
|
||||
cursor-default
|
||||
transition-colors duration-300"
|
||||
|
|
|
|||
|
|
@ -58,7 +58,7 @@ import Footer from "../components/sections/FooterComponent.astro";
|
|||
Twitch
|
||||
</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
|
||||
cursor-default
|
||||
transition-colors duration-300"
|
||||
|
|
|
|||
|
|
@ -31,8 +31,8 @@ import Footer from "../components/sections/FooterComponent.astro";
|
|||
I go beyond coding; I'm a developer who translates
|
||||
your vision into a captivating online presence.
|
||||
Through custom designs, intuitive user experiences,
|
||||
and special attention to detail, I weave your unique
|
||||
narrative into every strand of your website.
|
||||
and special attention to detail, I bring your brand
|
||||
to life online.
|
||||
</p>
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
|
|
@ -42,17 +42,17 @@ import Footer from "../components/sections/FooterComponent.astro";
|
|||
efficiency, and empower your users to achieve more.
|
||||
With a focus on intuitive interfaces, powerful
|
||||
functionality, and data-driven optimization, I
|
||||
transform complex ideas into elegant tools that
|
||||
seamlessly integrate into your ecosystem.
|
||||
design and develop robust, scalable applications
|
||||
that align with your business objectives.
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="font-bold text-xl">Widgets</h3>
|
||||
<p class="mt-1 text-left">
|
||||
Leveraging my web development skills, I built stream
|
||||
widgets to level up the stream! Easy to use and
|
||||
customize, my work have been used by 100+ streamers
|
||||
from pomodoro timers to to-do lists!
|
||||
widgets to level up livestreams on Twitch and
|
||||
YouTube. Easy to use and customize, my work have
|
||||
been used by 100+ Twitch streamers!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -72,11 +72,10 @@ import Footer from "../components/sections/FooterComponent.astro";
|
|||
Data Analysis and Visualization
|
||||
</h3>
|
||||
<p class="mt-1 text-left">
|
||||
I'm your data artist, translating numbers into works
|
||||
of art that inform, inspire, and guide
|
||||
decision-making. We'll create visually compelling
|
||||
narratives that turn dry statistics into captivating
|
||||
stories using Python and R.
|
||||
Translating numbers into works of art that inform,
|
||||
inspire, and guide decision-making. I can create
|
||||
visually compelling narratives that turn dry
|
||||
statistics into captivating stories.
|
||||
</p>
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
|
|
@ -86,9 +85,9 @@ import Footer from "../components/sections/FooterComponent.astro";
|
|||
<p class="mt-1 text-left">
|
||||
Every number tells a story, but it takes the
|
||||
language of statistics and probability to truly
|
||||
understand it. Our world is awash in data, but it's
|
||||
only through these powerful tools that we can
|
||||
transform it into meaningful insights and actionable
|
||||
understand it. Our world is full of data, but it's
|
||||
only through powerful tools that we can transform it
|
||||
into meaningful insights and actionable
|
||||
intelligence.
|
||||
</p>
|
||||
</div>
|
||||
|
|
@ -118,9 +117,9 @@ import Footer from "../components/sections/FooterComponent.astro";
|
|||
<p class="mt-1 text-left">
|
||||
Streaming isn't just about entertainment, it's about
|
||||
building a brand that resonates and inspires.
|
||||
Streaming allows me to enhance my marketing skills
|
||||
and the ability to entertain and engage with viewers
|
||||
in real time.
|
||||
Streaming allows me to engage with viewers in real
|
||||
time, developing their trust and allows me to build
|
||||
a community of like-minded people.
|
||||
</p>
|
||||
</div>
|
||||
<div class="mb-5">
|
||||
|
|
@ -137,10 +136,10 @@ import Footer from "../components/sections/FooterComponent.astro";
|
|||
<h3 class="font-bold text-xl">Personality</h3>
|
||||
<p class="mt-1 text-left">
|
||||
I believe content should be an adventure, not a
|
||||
formula. my world is a vibrant playground of
|
||||
unscripted interactions, quirky challenges, and raw
|
||||
emotional moments. It's messy, it's exhilarating,
|
||||
and it's uniquely me.
|
||||
formula. My livestreams revolve around unscripted
|
||||
interactions, quirky challenges, and raw emotional
|
||||
moments. It's messy, it's exhilarating, and it's
|
||||
uniquely me.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in a new issue