Skip to content

Commit e0440aa

Browse files
liyunze-codingliyunze-coding
committed
updated projects
1 parent f7eba77 commit e0440aa

4 files changed

Lines changed: 119 additions & 113 deletions

File tree

‎src/components/projects/MoreProjects.astro‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
---
2+
import VideoProject from "./VideoProject.svelte";
3+
import Project from "./Project.astro";
4+
import TwitchPlays from "../images/projects/twitchplays.webp";
5+
---
6+
7+
<div class="flex h-fit flex-col items-center pt-20 [perspective:1000px]">
8+
<div class="w-full max-w-[1440px]">
9+
<VideoProject
10+
image_src="/images/projects/chess-opencv.webp"
11+
image_alt="computer vision chess bot"
12+
position="left"
13+
video_src="/videos/chess_opencv_demo.webm"
14+
title="Computer Vision Chess Bot"
15+
description={`
16+
A script that plays against opponents on lichess. Uses
17+
OpenCV to detect the board and pieces, and the Stockfish
18+
chess engine to determine the best moves. Then uses
19+
PyAutoGUI to play the moves on the browser.
20+
`}
21+
tags={[
22+
{
23+
text: "Python",
24+
textColor: "white",
25+
bgColor: "var(--color-python)",
26+
},
27+
{
28+
text: "OpenCV",
29+
textColor: "white",
30+
bgColor: "var(--color-opencv)",
31+
},
32+
{
33+
text: "PyAutoGUI",
34+
textColor: "white",
35+
bgColor: "black",
36+
},
37+
]}
38+
client:visible
39+
/>
40+
<Project
41+
position="right"
42+
image={TwitchPlays}
43+
alt="Twitch Plays X"
44+
href="https://github.com/liyunze-coding/TwitchPlaysX"
45+
title="Twitch Plays X"
46+
description={`Allow Twitch chatters to play games such as Pokemon!
47+
Chatters can enter messages such as "up up down down left
48+
right B A" and the Python program will trigger the
49+
corresponding keypresses.`}
50+
tags={[
51+
{
52+
text: "win32API",
53+
bgColor: "var(--color-win32api)",
54+
textColor: "white",
55+
},
56+
{
57+
text: "Python",
58+
bgColor: "var(--color-python)",
59+
textColor: "white",
60+
},
61+
]}
62+
/>
63+
</div>
64+
</div>

‎src/components/projects/MoreProjects.svelte‎

Lines changed: 0 additions & 65 deletions
This file was deleted.

‎src/components/projects/ProjectsComponent.astro‎

Lines changed: 53 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
import TaskWidget from "./TaskWidget.svelte";
33
import CoworkingGuide from "../images/projects/coworking-guide.webp";
44
import Wnrs from "../images/projects/wnrs.webp";
5-
import TwitchPlays from "../images/projects/twitchplays.webp";
5+
import VideoProject from "./VideoProject.svelte";
66
import Project from "./Project.astro";
77
---
88

@@ -37,6 +37,58 @@ import Project from "./Project.astro";
3737
},
3838
]}
3939
/>
40+
41+
<VideoProject
42+
client:visible
43+
image_src="/images/projects/aim-lab.webp"
44+
image_alt="Computer Vision AimLab Bot"
45+
position="right"
46+
video_src="/videos/aim_lab_demo.webm"
47+
title="Computer Vision AimLab Bot"
48+
description={`
49+
A script that plays AimLab, a game that helps improve your aim in FPS games. Uses OpenCV to detect the targets and win32API to move the mouse and click.
50+
`}
51+
tags={[
52+
{
53+
text: "Python",
54+
textColor: "white",
55+
bgColor: "var(--color-python)",
56+
},
57+
{
58+
text: "OpenCV",
59+
textColor: "white",
60+
bgColor: "var(--color-opencv)",
61+
},
62+
{
63+
text: "win32API",
64+
textColor: "white",
65+
bgColor: "var(--color-win32api)",
66+
},
67+
]}
68+
/>
69+
70+
<Project
71+
position="left"
72+
image={Wnrs}
73+
alt="We're not really strangers"
74+
href="https://liyunze-coding.github.io/wnrs/"
75+
label="Visit Site"
76+
title="We're not really strangers"
77+
description="This is a digital adaptation of the popular card game designed to foster meaningful connections through engaging questions and prompts. Made into a PWA for offline usage on mobile!"
78+
tags={[
79+
{
80+
text: "React",
81+
bgColor: "var(--color-react)",
82+
textColor: "black",
83+
},
84+
{
85+
text: "TypeScript",
86+
bgColor: "var(--color-typescript)",
87+
textColor: "white",
88+
},
89+
]}
90+
/>
91+
4092
<Project
4193
position="right"
4294
href="https://github.com/liyunze-coding/chat-task-tic-overlay-infinity"
@@ -86,51 +138,6 @@ import Project from "./Project.astro";
86138
client:visible
87139
/>
88140
</Project>
89-
90-
<Project
91-
position="left"
92-
image={Wnrs}
93-
alt="We're not really strangers"
94-
href="https://liyunze-coding.github.io/wnrs/"
95-
label="Visit Site"
96-
title="We're not really strangers"
97-
description="This is a digital adaptation of the popular card game designed to foster meaningful connections through engaging questions and prompts. Made into a PWA for offline usage on mobile!"
98-
tags={[
99-
{
100-
text: "React",
101-
bgColor: "var(--color-react)",
102-
textColor: "black",
103-
},
104-
{
105-
text: "TypeScript",
106-
bgColor: "var(--color-typescript)",
107-
textColor: "white",
108-
},
109-
]}
110-
/>
111-
<Project
112-
position="right"
113-
image={TwitchPlays}
114-
alt="Twitch Plays X"
115-
href="https://github.com/liyunze-coding/TwitchPlaysX"
116-
title="Twitch Plays X"
117-
description={`Allow Twitch chatters to play games such as Pokemon!
118-
Chatters can enter messages such as "up up down down left
119-
right B A" and the Python program will trigger the
120-
corresponding keypresses.`}
121-
tags={[
122-
{
123-
text: "win32API",
124-
bgColor: "var(--color-win32api)",
125-
textColor: "white",
126-
},
127-
{
128-
text: "Python",
129-
bgColor: "var(--color-python)",
130-
textColor: "white",
131-
},
132-
]}
133-
/>
134141
</div>
135142
</div>
136143

‎src/pages/projects.astro‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
---
22
import PageLayout from "@/layouts/PageLayout.astro";
33
import ProjectsComponent from "../components/projects/ProjectsComponent.astro";
4-
import MoreProjects from "../components/projects/MoreProjects.svelte";
4+
import MoreProjects from "../components/projects/MoreProjects.astro";
55
import Footer from "../components/global/FooterComponent.astro";
66
---
77

@@ -13,7 +13,7 @@ import Footer from "../components/global/FooterComponent.astro";
1313
<div id="projects" class="pt-20">
1414
<h1 class="mt-10 text-center text-5xl">Projects</h1>
1515
<!-- other projects -->
16-
<MoreProjects client:load />
16+
<MoreProjects />
1717
</div>
1818
<div class="pb-20">
1919
<ProjectsComponent />

0 commit comments

Comments
 (0)