-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
223 lines (213 loc) · 14 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<html>
<head>
<title id="title">Ei's Backyard</title>
<link rel="icon" href="ei.png">
<meta name="description" content="A place where @Ei#4497 dumps all his random projects (abandoning it 80% of the time). Don't expect it to work on mobile, not doing the portrait mode css for now.">
<link rel="stylesheet" href="main.css" type="text/css">
</head>
<body>
<img id="logo" src="logo.png">
<h3 style="position: relative; top: -50px; color: #bbbbbb;">A place where @Ei#4497 dumps all his random projects (abandoning it 80% of the time). Don't expect it to work on mobile, not doing the portrait mode css for now.</h3>
<!-- main -->
<div id="main">
<div class="thing" style='background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url("https://10botics.com/wp-content/uploads/2023/05/Transparent_web_logo-1.png")' onclick="window.open('https://dsegpt.10botics.com')"">
<div class="overlay"><h3>Click to try! (.edu.hk account required)</h3></div>
<h2>DseGPT</h2>
<h3>A website to assist English teachers in marking essays, using ChatGPT. It will give a grade and help teachers write comments based on custom marking schemes and instructions, while also providing grammar corrections and sample rewrites. The finished product will be a website similar to Google Classroom, but a trial page to test out the AI is currently avaliable.</h3>
<h4>Current Status: </h4><p style="color:lightyellow">Trial Closed - API key turned off.</p>
</div>
<div class="thing" style='background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url("Project\ Keqei/assets/images/main/keqei.jpg")' onclick="window.open('Project\ Keqei')"">
<div class="overlay"><h3>Click for Teasers!</h3></div>
<h2>Project Keqei</h2>
<h3>An online multiplayer turn-based RPG 6v6 gacha game, featuring members from TheGenshinPlace (and OC made by the members) as the characters. The storyline focuses on Ei breaking the fourth wall and excaping the world, while Keq and the egirls trying to fix the glitches and diasters caused by Ei.</h3>
<h4>Current Status: </h4><p style="color:lightcoral">Discontinued - Replaced with Incursion / Transient Assault</p>
</div>
<div class="thing" style='background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url("jsse_modify/static/images/meow.jpg")' onclick="window.open('QueQat')"">
<div class="overlay"><h3>Click to try QueQat!</h3></div>
<h2>QueQat</h2>
<h3>An AI made with Deep Q-Learning, used to reduce queueing time in multi-queue systems where different people have different service times, such as supermarkets. QueQat can assign customers to queues based on their service time, and can reduce the total waiting time by approximately 20%.</h3>
<h4>Current Status: </h4><p style="color:lightyellow">Complete, but server is offline.</p>
</div>
<div class="thing" style='background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url("Avaritilax/assets/images/main/logo.png")' onclick="window.open('Avaritilax')">
<div class="overlay"><h3>Click to play!</h3></div>
<h2>Avaritilax 4</h2>
<h3>A remade version of Idle Snorlax 3 with slighly better everything.</h3>
<h4>Current Status: </h4><p style="color:lightgreen">Alpha 1.1.3, very slow development.</p>
</div>
<div class="thing" style="background-color:#333" onclick="opentab('tiny')">
<div class="overlay"><h3>Click to enter the resinless land</h3></div>
<table>
<tbody>
<tr>
<td style="width:90%">
<h2>Vajrada Amethyst Sliver</h2>
<h3>A bunch of tiny projects I did when I'm <strike>out of resin</strike> bored</h3>
</td>
<td style="width:10%"><img class="arrow" src="/arrow-right.png"></td>
</tr>
</tbody>
</table>
</div>
<div class="thing" style="background-color:#333" onclick="opentab('gamejam')">
<div class="overlay"><h3>Click to start time trial</h3></div>
<table>
<tbody>
<tr>
<td style="width:90%">
<h2>Time Trials</h2>
<h3>Projects done in a limited time during gamejams or whatever hackathon</h3>
</td>
<td style="width:10%"><img class="arrow" src="/arrow-right.png"></td>
</tr>
</tbody>
</table>
</div>
<div class="thing" style="background-color:#333" onclick="opentab('old')">
<div class="overlay"><h3>Click to enter the abandoned land</h3></div>
<table>
<tbody>
<tr>
<td style="width:90%">
<h2>Island of the Lost and Forgotten</h2>
<h3>A bunch of old and abandoned projects, the oldest one was made with block code years before I even started actual programming. Nothing much to really try in here, they all suck.</h3>
</td>
<td style="width:10%"><img class="arrow" src="/arrow-right.png"></td>
</tr>
</tbody>
</table>
</div>
<div class="thing" style="background-color:#333" onclick="window.open('https://github.com/Mewtwo2387/basement')">
<div class="overlay"><h3>Click to for the Github Repo</h3></div>
<table>
<tbody>
<tr>
<td style="width:90%">
<h2>The Basement's Collective Repo</h2>
<h3>Some random people making random stuff like compilers, fork bombs, memory leaks, and games</h3>
</td>
<td style="width:10%"><img class="arrow" src="/arrow-right.png"></td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- end main -->
<!-- old -->
<div id="old" style="display:none">
<div class="thing" style='background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url("SC3/assets/main/snorlax2.png")' onclick="window.open('SC3')">
<div class="overlay"><h3>Click to play!</h3></div>
<h2>Idle Snorlax 3</h2>
<h3>A sequel to Idle Snorlax 2, made with HTML instead.</h3>
<h4>Current Status: </h4><p>Discontinued</p>
</div>
<div class="thing" style='background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url("SC3/assets/main/snorlax1.png")' onclick="window.open('SC2.apk')">
<div class="overlay"><h3>Click to download .apk for Android!</h3></div>
<h2>Idle Snorlax 2</h2>
<h3>A sequel to Idle Snorlax.</h3>
<h4>Current Status: </h4><p>Discontinued</p>
</div>
<div class="thing" style='background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url("SC3/assets/main/snorlax1.png")'>
<div class="overlay"><h3>Nothing to do here.</h3></div>
<h2>Idle Snorlax</h2>
<h3>Snorlax Something something</h3>
<h4>Current Status: </h4><p>Discontinued</p>
</div>
<div class="thing" style="background-color:#333" onclick="opentab('main')">
<div class="overlay"><h3>Click to leave the abandoned land</h3></div>
<table>
<tbody>
<tr>
<td style="width:10%"><img class="arrow" src="/arrow-left.png"></td>
<td style="width:90%">
<h2>Back to the Future</h2>
<h3>Return to the newer projects</h3>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- end old -->
<!-- tiny -->
<div id="tiny" style="display:none">
<div class="thing" style='background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url("")' onclick="window.open('Tracker')">
<div class="overlay"><h3>Click to enter!</h3></div>
<h2>Imperial CS Y1 Tracker</h2>
<h3>The only useful thing in this list.</h3>
<h4>Current Status: </h4><p style="color:lightgreen">Complete with editable JSON</p>
</div>
<div class="thing" style='background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url("Keqboard/keqboard.webp")' onclick="window.open('Keqboard')">
<div class="overlay"><h3>Click to enter!</h3></div>
<h2>Keqboard</h2>
<h3>A completely useless program that "translates" stuff into weirder stuff (,,,,,,ffffffuwut9s[ wedwieuwu[ otni[ ffffffuwut9s[ "9setw9snwt"[ tht[ mwgowp[ 9s9sewe9suwu[ eiwetewpmoc[ ,,,!!!eifmoo iah)</h3>
<h4>Current Status: </h4><p style="color:lightgreen">Adding stuff whenever I find another weird keyboard</p>
</div>
<div class="thing" style='background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url("Collatz/image.jpg")' onclick="window.open('Collatz')">
<div class="overlay"><h3>Click to enter!</h3></div>
<h2>Binary Collatz Sequence</h2>
<h3>The Collatz Sequence forms some cool pattern in binary for big numbers. And a hot computer for even bigger numbers.</h3>
<h4>Current Status: </h4><p style="color:lightgreen">Complete!</p>
</div>
<div class="thing" style='background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url("Astro/image.jpg")' onclick="window.open('Astro')">
<div class="overlay"><h3>Click to enter!</h3></div>
<h2>Astro</h2>
<h3>Generates a fake star map, for whatever reason. Maybe you can connect them to form your own constellations if you're really that bored and have nothing productive to do. This generator is just a side product of testing with dynamic css.</h3>
<h4>Current Status: </h4><p style="color:lightcoral">???</p>
</div>
<div class="thing" style='background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url("OC/image.jpg")' onclick="window.open('OC')">
<div class="overlay"><h3>Click to enter!</h3></div>
<h2>OCs something something</h2>
<h3>Some genshin OCs made by <del>our fellow degenerates</del> GenshinPlace members. They are on Genshin OC Fandom, but the fandom aren't ours so we can't add the CSS for the glitched text or flying aircraft carriers there. <del>So this is objectively better.</del></h3>
<h4>Current Status: </h4><p style="color:lightcoral">???</p>
</div>
<div class="thing" style="background-color:#333" onclick="opentab('main')">
<div class="overlay"><h3>Click to return to the larger projects</h3></div>
<table>
<tbody>
<tr>
<td style="width:10%"><img class="arrow" src="/arrow-left.png"></td>
<td style="width:90%">
<h2>Vajrada Amethyst Gemstone</h2>
<h3>Return to the larger projects</h3>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- end tiny -->
<!-- gamejam -->
<div id="gamejam" style="display:none">
<div class="thing" style='background-image:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url("")' onclick="window.open('https://stanly-c.itch.io/meme-warrior')">
<div class="overlay"><h3>Click to play!</h3></div>
<h2>Meme Warrior</h2>
<h3>Imperial GameDev Society's game for the 2024 Global Game Jam. The topic this year is "Make me laugh", which is kinda hard and limited compared to the previous years. Our idea was to use memes to "attack" a lawyer that banned memes to defeat him by making him laugh.</h3>
<h4>Current Status: </h4><p style="color:lightgreen">Complete!</p>
</div>
<div class="thing" style="background-color:#333" onclick="opentab('main')">
<div class="overlay"><h3>Click to end time trial</h3></div>
<table>
<tbody>
<tr>
<td style="width:10%"><img class="arrow" src="/arrow-left.png"></td>
<td style="width:90%">
<h2>End trial</h2>
<h3>Return to the main projects</h3>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- end gamejam -->
</body>
<script>
function opentab(tab){
document.getElementById("main").style.display = 'none';
document.getElementById("tiny").style.display = 'none';
document.getElementById("old").style.display = 'none';
document.getElementById("gamejam").style.display = 'none';
document.getElementById(tab).style.display = 'block';
}
</script>
</html>