rythondev/RythonDev
1
0
Fork 0
mirror of https://github.com/liyunze-coding/RythonDev.git synced 2026-09-22 07:44:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

updated dependencies, changed styles, removed blog from website

Browse source
This commit is contained in:
liyunze 2024-11-30 11:24:23 +11:00
parent bf66861cb4
commit 0d9fa0351a
9 changed files with 44 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
bun.lockb
View file

Binary file not shown.

8
package.json
View file

@ -10,13 +10,13 @@
"astro": "astro"
},
"dependencies": {
"@astrojs/svelte": "^5.7.2",
"@astrojs/svelte": "^6.0.2",
"@astrojs/tailwind": "^5.0.0",
"astro": "^4.16.8",
"caniuse-lite": "^1.0.30001669",
"caniuse-lite": "^1.0.30001684",
"moment": "^2.30.1",
"moment-timezone": "^0.5.45",
"svelte": "^5.1.9",
"svelte": "^5.2.11",
"tailwindcss": "^3.3.3",
"typescript": "^5.6.3"
},
@ -24,6 +24,6 @@
"prettier": "^3.0.3",
"prettier-plugin-astro": "^0.14.1",
"prettier-plugin-svelte": "^3.0.3",
"@sveltejs/vite-plugin-svelte": "^4.0.0-next.6"
"@sveltejs/vite-plugin-svelte": "5.0.1"
}
}

21
src/components/sections/BackToBlogs.astro Normal file
View file

@ -0,0 +1,21 @@
<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"
href="/blog"
style="color: black; text-decoration: none;"
>
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
class="size-5"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M15.75 19.5 8.25 12l7.5-7.5"></path>
</svg>
Back
</a>

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

@ -39,6 +39,7 @@
if (window.innerWidth <= 768) {
video.muted = true;
video.autoplay = true;
video.loop = true;
video.play();
}
}
@ -136,7 +137,7 @@
win32API to move the mouse and click.
</p>
<div
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 mb-10 lg:mb-0"
>
<div
class="w-fit bg-[#3776AB] text-white

31
src/components/sections/NavBar.astro
View file

@ -10,33 +10,32 @@
<span class="bottom-bun"></span>
</label>
<aside class="sidebar flex z-20">
<nav class="flex flex-col capitalize" role="navigation">
<nav
class="flex flex-col justify-center items-center capitalize w-full gap-5"
role="navigation"
>
<a
class="sidebar-url px-5 py-2 mt-10 text-center rounded-md hover:text-gray-600 hover:bg-gray-100 transition-colors duration-300"
class="text-2xl sidebar-url px-5 py-2 text-center rounded-md hover:text-gray-600 hover:bg-gray-100 transition-colors duration-300"
href="/">Home</a
>
<a
class="sidebar-url px-5 py-2 mt-2 text-center rounded-md hover:text-gray-600 hover:bg-gray-100 transition-colors duration-300"
class="text-2xl sidebar-url px-5 py-2 text-center rounded-md hover:text-gray-600 hover:bg-gray-100 transition-colors duration-300"
href="/what-i-do">What I Do</a
>
<a
class="sidebar-url px-5 py-2 mt-2 text-center rounded-md hover:text-gray-600 hover:bg-gray-100 transition-colors duration-300"
class="text-2xl sidebar-url px-5 py-2 text-center rounded-md hover:text-gray-600 hover:bg-gray-100 transition-colors duration-300"
href="/projects">Projects</a
>
<a
class="sidebar-url px-5 py-2 mt-2 text-center rounded-md hover:text-gray-600 hover:bg-gray-100 transition-colors duration-300"
class="text-2xl sidebar-url px-5 py-2 text-center rounded-md hover:text-gray-600 hover:bg-gray-100 transition-colors duration-300"
href="/skills">Skills</a
>
<a
class="sidebar-url px-5 py-2 mt-2 text-center rounded-md hover:text-gray-600 hover:bg-gray-100 transition-colors duration-300"
class="text-2xl sidebar-url px-5 py-2 text-center rounded-md hover:text-gray-600 hover:bg-gray-100 transition-colors duration-300"
href="/experience">Experience</a
>
<a
class="sidebar-url px-5 py-2 mt-2 text-center rounded-md hover:text-gray-600 hover:bg-gray-100 transition-colors duration-300"
href="/Blog">Blog</a
>
<a
class="sidebar-url px-5 py-2 mt-2 text-center rounded-md hover:text-gray-600 hover:bg-gray-100 transition-colors duration-300"
class="text-2xl sidebar-url px-5 py-2 text-center rounded-md hover:text-gray-600 hover:bg-gray-100 transition-colors duration-300"
href="/contact">Contact</a
>
</nav>
@ -72,10 +71,6 @@
class="px-3 mx-2 py-1 text-white hover:bg-gray-200 hover:text-black transition-colors duration-300 rounded-md"
href="/experience">experience</a
>
<a
class="px-3 mx-2 py-1 text-white hover:bg-gray-200 hover:text-black transition-colors duration-300 rounded-md"
href="/blog">blog</a
>
<a
class="px-3 mx-2 py-1 text-white hover:bg-gray-200 hover:text-black transition-colors duration-300 rounded-md"
href="/contact">contact</a
@ -92,7 +87,7 @@
--foreground: #141414;
--background: white;
--hamburger-margin: 20px;
--animation-timing: 200ms ease-in-out;
--animation-timing: 300ms ease-in-out;
--hamburger-height: calc(
var(--bar-height) * 3 + var(--hamburger-gap) * 2
);
@ -103,7 +98,7 @@
display: none;
translate: 0 -20px;
translate: 0 20px;
flex-direction: column;
gap: var(--hamburger-gap);
@ -182,7 +177,7 @@
);
background-color: var(--foreground);
color: var(--background);
max-width: 10rem;
width: 100vw;
min-height: 100vh;
}

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

@ -161,7 +161,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
>View repository</a
>
</div>
<TaskWidget client:load />
<TaskWidget client:visible />
</div>
<div

4
src/pages/blog/[...slug].astro
View file

@ -1,6 +1,6 @@
---
import { getCollection } from "astro:content";
import NavBar from "../../components/sections/NavBar.astro";
import BackToBlogs from "../../components/sections/BackToBlogs.astro";
import Layout from "../../layouts/Layout.astro";
import Footer from "../../components/sections/FooterComponent.astro";
@ -20,7 +20,7 @@ const { Content } = await entry.render();
title="Blog"
description="Find out how to contact RythonDev, for sponsorship offers or collaboration opportunities!"
>
<NavBar />
<BackToBlogs />
<div id="blog-content-component" class="mt-10 pt-10 mx-auto">
<h1 class="text-left text-4xl">{entry.data.title}</h1>
<p class="text-gray-200 mt-3 text-lg">

2
src/pages/blog/index.astro
View file

@ -12,8 +12,6 @@ const blogPosts = await getCollection("blog");
title="Blog"
description="Find out how to contact RythonDev, for sponsorship offers or collaboration opportunities!"
>
<NavBar />
<div id="blog-component" class="mt-10 pt-20">
<h1 class="text-center text-5xl">Blog</h1>
<div class="mt-10 flex flex-col justify-center items-center">

2
src/pages/contact.astro
View file

@ -34,7 +34,7 @@ import Footer from "../components/sections/FooterComponent.astro";
</div>
</div>
<div class="mt-10">
<ContactComponent client:only />
<ContactComponent />
</div>
</div>
<Footer />