-
-
- Nice to meet you, I am
-
+
+
+
Good {greeting}, I'm
+
+ RythonDev
+
+
+ {introState1}|
+ |
+
+
+ A computer science undergraduate student, passionate in
+ frontend web development and content creation.
+
+
+
-
\ No newline at end of file
+
+
+
diff --git a/src/components/NetworkLine.astro b/src/components/NetworkLine.astro
new file mode 100644
index 0000000..c1dc9cd
--- /dev/null
+++ b/src/components/NetworkLine.astro
@@ -0,0 +1,40 @@
+---
+interface Props {
+ height: string;
+}
+
+const { height } = Astro.props;
+---
+
+
+
+
diff --git a/src/components/Projects.svelte b/src/components/Projects.svelte
new file mode 100644
index 0000000..ed73303
--- /dev/null
+++ b/src/components/Projects.svelte
@@ -0,0 +1,453 @@
+
+
+
+
Projects
+
+
+
+
+
+
+
+
+
+
Coworking Guide
+
+ A guide to coworking streams for Twitch streamers, covers
+ wide range of topics from tips on how to get started with
+ setting up stream to how to grow your audience!
+
+
+
+
+
+
Chat-Task-Tic Widget
+
+ A widget for Coworking and Study Twitch streamers, allows
+ the streamer and the chatters to add their tasks to the
+ widget, to be displayed on stream!
+
+
+
+
+
+
+
+
diff --git a/src/components/Skills.astro b/src/components/Skills.astro
new file mode 100644
index 0000000..2cd931f
--- /dev/null
+++ b/src/components/Skills.astro
@@ -0,0 +1,44 @@
+---
+import Card from "../components/Card.astro";
+---
+
+
+
Skills
+
+
+
+
+
+
+ Diploma in Computer Science
+ Jan 2022 - Present
+
+
+
Achievements
+
+ 3-time Dean's List recipient
+ President of Computer Programming Club
+ Vice President of Diploma Union
+
+
+
+
+
+
+
diff --git a/src/components/WhatIDo.astro b/src/components/WhatIDo.astro
new file mode 100644
index 0000000..383bc46
--- /dev/null
+++ b/src/components/WhatIDo.astro
@@ -0,0 +1,61 @@
+---
+import Card from "../components/Card.astro";
+---
+
+
+
+
What I Do
+
+
+
+
Data Science
+
+
+ I possess knowledge of data science and machine learning,
+ particularly interested in Computer Vision.
+
+
+
+
+
+
Web Development
+
+
+ I like to code things for the web, whether it's to inform or
+ to entertain.
+
+
+
+
+
+
Content Creation
+
+
+ I am experienced in streaming on Twitch and marketing
+ myself, but I aim to improve my video editing skills.
+
+
+
+
+
+
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index e27b155..99cd4a7 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -1,6 +1,6 @@
---
interface Props {
- title: string;
+ title: string;
}
const { title } = Astro.props;
@@ -8,116 +8,115 @@ const { title } = Astro.props;
-
-
-
-
-
-
-
{title}
-
-
-
-
+
+
+
+
+
+
+
{title}
+
+
+
+
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 22ecbc8..19f6500 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,10 +1,18 @@
---
-import Layout from '../layouts/Layout.astro';
-import Card from '../components/Card.astro';
-import Intro from '../components/Intro.svelte';
+import Layout from "../layouts/Layout.astro";
+import NetworkLine from "../components/NetworkLine.astro";
+import WhatIDo from "../components/WhatIDo.astro";
+import Intro from "../components/Intro.svelte";
+import Projects from "../components/Projects.svelte";
+import Education from "../components/Education.astro";
+import Skills from "../components/Skills.astro";
---
-
-
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index f5368a7..5bbea6a 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -1,8 +1,25 @@
/** @type {import('tailwindcss').Config} */
module.exports = {
- content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
- theme: {
- extend: {},
- },
- plugins: [],
-}
+ content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
+ theme: {
+ extend: {
+ keyframes: {
+ gradient: {
+ "0%": {
+ "background-position": "0% 50%",
+ },
+ "50%": {
+ "background-position": "100% 50%",
+ },
+ "100%": {
+ "background-position": "0% 50%",
+ },
+ },
+ },
+ animation: {
+ gradient: "gradient 15s ease infinite",
+ },
+ },
+ },
+ plugins: [],
+};
+