mirror of
https://github.com/liyunze-coding/RythonDev.git
synced 2026-09-22 15:53:57 +00:00
updated skills and experience, added stream live page
This commit is contained in:
liyunze
parent
21581ccda8
commit
20152ecbf8
5 changed files with 62 additions and 49 deletions
BIN
public/images/stream-live-thumbnail.webp
Normal file
BIN
public/images/stream-live-thumbnail.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
|
|
@ -19,7 +19,7 @@ import Line from "../elements/NetworkLine.astro";
|
||||||
<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, after being awarded a 50%
|
||||||
scholarship to study!
|
scholarship for my studies!
|
||||||
</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
|
||||||
|
|
|
||||||
|
|
@ -77,6 +77,14 @@ import Line from "../elements/NetworkLine.astro";
|
||||||
>
|
>
|
||||||
Vue
|
Vue
|
||||||
</div>
|
</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
|
<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-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
|
||||||
|
|
@ -152,6 +160,14 @@ import Line from "../elements/NetworkLine.astro";
|
||||||
>
|
>
|
||||||
TypeScript
|
TypeScript
|
||||||
</div>
|
</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
|
<div
|
||||||
class="w-fit text-white bg-[#617CBE] md:bg-gray-500 hover:bg-[#617CBE]
|
class="w-fit text-white bg-[#617CBE] md:bg-gray-500 hover:bg-[#617CBE]
|
||||||
rounded-full px-3 py-1 mr-1 my-1
|
rounded-full px-3 py-1 mr-1 my-1
|
||||||
|
|
@ -184,54 +200,7 @@ import Line from "../elements/NetworkLine.astro";
|
||||||
>
|
>
|
||||||
MySQL
|
MySQL
|
||||||
</div>
|
</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
|
<div
|
||||||
class="w-fit md:text-white bg-[#24C8D8] md:bg-gray-500 hover:bg-[#24C8D8] text-black md:hover:text-black
|
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
|
rounded-full px-3 py-1 mr-1 my-1
|
||||||
|
|
|
||||||
31
src/layouts/StreamLiveLayout.astro
Normal file
31
src/layouts/StreamLiveLayout.astro
Normal 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
13
src/pages/live.astro
Normal 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>
|
||||||
Loading…
Reference in a new issue