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 skills and experience, added stream live page

Browse source
This commit is contained in:
liyunze 2024-10-03 10:25:00 +10:00
parent 21581ccda8
commit 20152ecbf8
5 changed files with 62 additions and 49 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/images/stream-live-thumbnail.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 20 KiB

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

@ -19,7 +19,7 @@ import Line from "../elements/NetworkLine.astro";
<p class="mb-3">
Currently pursuing my Bachelor's degree in Computer
Science in Melbourne, after being awarded a 50%
scholarship to study!
scholarship for my studies!
</p>
<h3 class="mb-1 font-bold text-lg">Relevant skills:</h3>
<div

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

@ -77,6 +77,14 @@ import Line from "../elements/NetworkLine.astro";
>
Vue
</div>
<div
class="w-fit text-white bg-[#21759B] md:bg-gray-500 hover:bg-[#21759B]
rounded-full px-3 py-1 mr-1 my-1
cursor-default
transition-colors duration-300"
>
WordPress
</div>
<div
class="w-fit md:text-white bg-gray-500 hover:bg-white text-black md:hover:text-black
rounded-full px-3 py-1 mr-1 my-1
@ -152,6 +160,14 @@ import Line from "../elements/NetworkLine.astro";
>
TypeScript
</div>
<div
class="w-fit text-white bg-[#672079] md:bg-gray-500 hover:bg-[#672079]
rounded-full px-3 py-1 mr-1 my-1
cursor-default
transition-colors duration-300"
>
C#
</div>
<div
class="w-fit text-white bg-[#617CBE] md:bg-gray-500 hover:bg-[#617CBE]
rounded-full px-3 py-1 mr-1 my-1
@ -184,54 +200,7 @@ import Line from "../elements/NetworkLine.astro";
>
MySQL
</div>
<div
class="w-fit md:text-white bg-yellow-500 md:bg-gray-500 hover:bg-yellow-500 text-black md:hover:text-black
rounded-full px-3 py-1 mr-1 my-1
cursor-default
transition-colors duration-300"
>
Express
</div>
<div
class="w-fit text-white bg-[#339933] md:bg-gray-500 hover:bg-[#339933]
rounded-full px-3 py-1 mr-1 my-1
cursor-default
transition-colors duration-300"
>
Node.js
</div>
<div
class="w-fit md:text-white bg-[#FBEFDF] md:bg-gray-500 hover:bg-[#FBEFDF] text-black md:hover:text-black
rounded-full px-3 py-1 mr-1 my-1
cursor-default
transition-colors duration-300"
>
Bun
</div>
<div
class="w-fit text-white bg-[#FF3E00] md:bg-gray-500 hover:bg-[#FF3E00]
rounded-full px-3 py-1 mr-1 my-1
cursor-default
transition-colors duration-300"
>
Sveltekit
</div>
<div
class="w-fit text-white bg-gray-500 hover:bg-black
rounded-full px-3 py-1 mr-1 my-1
cursor-default
transition-colors duration-300"
>
NextJS
</div>
<div
class="w-fit text-white bg-[#21759B] md:bg-gray-500 hover:bg-[#21759B]
rounded-full px-3 py-1 mr-1 my-1
cursor-default
transition-colors duration-300"
>
WordPress
</div>
<div
class="w-fit md:text-white bg-[#24C8D8] md:bg-gray-500 hover:bg-[#24C8D8] text-black md:hover:text-black
rounded-full px-3 py-1 mr-1 my-1

31
src/layouts/StreamLiveLayout.astro Normal file
View file

@ -0,0 +1,31 @@
---
interface Props {
title: string;
description: string;
thumbnail: string;
}
const { title, description, thumbnail } = Astro.props;
---
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="description" content={description} />
<meta name="viewport" content="width=device-width" /><meta
name="keywords"
content="Rython, student, developer, frontend, web developer, streamer, coworking"
/>
<meta name="author" content="RythonDev" />
<meta name="theme-color" content="#2B2D31" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<meta name="twitter:image" property="og:image" content={thumbnail} />
<link property="image" href={thumbnail} />
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
</head>
<body>
<slot />
</body>
</html>

13
src/pages/live.astro Normal file
View file

@ -0,0 +1,13 @@
---
import StreamLiveLayout from "../layouts/StreamLiveLayout.astro";
---
<StreamLiveLayout
title="RythonDev's Software Dev + Coworking Stream"
description="Come sit at the table with us! We can chill, nerd out, and enjoy good vibes together!"
thumbnail="/images/stream-live-thumbnail.webp"
/>
<script is:inline>
window.location.href = "https://www.twitch.tv/rythondev";
</script>