-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
580 lines (514 loc) · 20.8 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
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>portfolio</title>
<link rel="stylesheet" href="style.css" />
<script src="https://kit.fontawesome.com/a076d05399.js"></script>
<script src="script.js"></script>
</head>
<body>
<nav class="navbar">
<!-- NAVIGATION MENU -->
<ul class="nav-links">
<!-- USING CHECKBOX HACK -->
<input type="checkbox" id="checkbox_toggle" />
<label for="checkbox_toggle" class="hamburger">☰</label>
<!-- NAVIGATION MENUS -->
<div class="menu">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li class="navdrop">
<a href="#competitions">Achievements</a>
<!-- DROPDOWN MENU -->
<ul class="dropdown">
<li><a href="#vex">Vex</a></li>
<li><a href="#fll">FLL</a></li>
<li><a href="#cothers">Others</a></li>
</ul>
</li>
<li class="navdrop">
<a href="#projects">Projects</a>
<!-- DROPDOWN MENU -->
<ul class="dropdown">
<li><a href="#foxhunting">Fox Hunting</a></li>
<li><a href="#balloonsatellite">Balloon satellite</a></li>
<li><a href="#pothers">Others</a></li>
</ul>
</li>
<li><a href="#Leadership">Leadership</a></li>
<li><a href="#Service">Service</a></li>
<li><a href="#socials">Socials</a></li>
</div>
</ul>
</nav>
<section id="home">
<div class="box">
<img src="/photo/ducc.gif" alt="ducc" class="duccsize" />
</div>
</section>
<div class="bbody">
<section id="about">
<div class="about">
<code>
<p>
<br />
<p> <br /><br />
Hi my name is Hong Yee, also known as kuq0 <br /><br />
Scroll down to find more about me! <br /><br />
Age:16 <br /><br />
Grade: secondary 4 <br /><br />
Subjects: English, A and E maths, Physics, Chemistry, Electronics, Geography, Social studies, Mothertoungue - Chinese <br /><br />
Intrest: Mathematics, physics, chemistry, mechatronics and a bit
of coding. <br /><br />
Hobby: violin, swimming <br /><br />
Fav game: potato pirates <br /><br />
</p> <br /><br />
</p>
</code>
</div>
</section>
<section id="competitions">
<div class="compheader">
<code>
<p></p>
<h1>Achievements and competitions</h1>
<br />
Here are some events that I have participated in
<br />
<br />
</code>
</div>
</section>
<section id="vex">
<div>
<code>
<h1>Vex Robotics Competition (VRC)</h1>
</code>
</div>
<div class="container">
<div class="imgl">
<img src="/photo/spinup.png" alt="spinuppng" class="spinuppng" />
</div>
<div class="textr">
<p>
<code>
Vex robotics competition is a competition where students put
their robots to compete. Solutions are innovated to solve
challenges present in the competition and gain as many points as
possible. In vex robotics competition, students may partake in
skills or alliance challenges. In skills, robots are put against
the clock to score as many points as possible. In alliance,
students must ally with another team, compete in a 2v2 match,
and gain as many points as possible.
<br />
</code>
</p>
</div>
</div>
<div class="imgl">
<img
src="/photo/isodynamic.png"
alt="isodynamic"
class="isodynamic"
/>
<br />
</div>
<div class="textl">
<p>
<code>
The vex experience was unique to me. Due to covid, most of my
seniors who had experience in this competition had graduated, so I
had to start from scratch. On top of that, my team was formed in
late November and was six months behind most teams. Despite that,
my team managed to get the top 16th in the alliance match in
Singapore. Considering that we essentially had no experience, it
was quite an achievement.
<br />
<br />
Through the competition, I learnt many new things and got to
experiment and innovate new solutions. Despite not winning the
qualifying for worlds, as the competition progressed, many of the
top teams started to use assets similar to our robot design. This
includes a flexible funnel and a flush intake.
</code>
</p>
</div>
</section>
<section id="fll">
<div class="container">
<code>
<h1>
<br />
<br />
First Lego League (FLL)
</h1>
</code>
<div>
<div class="imgl">
<img src="/photo/first.png" alt="firstpng" class="firstpng" />
</div>
<div class="textr">
<p>
<code>
(FLL) or First Lego League is a lego based competition.
Students are required to complete missions within a 2-minute
and 30 seconds timer to score as many points as possible.
Students are also presented with problems to solve and are
required to present their innovation projects to the judges
through a presentation.
<br />
<br />
I have partaken in 2 FLL competitions and have had many
memorable experiences. The first competition I participated in
would be FLL replay. In this particular competition, I took up
the role of both a builder and coder. At the start, we tried
replicating a design we had planned to use for (NRC) regular
for our robot chassis. We then learnt that the demands of the
missions were vastly different and focused more on efficiency
over speed. We changed our overall robot chassis to one
similar to our seniors. This experience taught us the
reputation of having a modular and quickly produced attachment
bay. Through interactions with seniors and practice, I became
better at building structurally stable pieces. I adapted my
building style to make it more convenient for my teammates and
me to code.
<br />
</code>
</p>
</div>
</div>
</div>
<div class="textl">
<p>
<code>
We also learnt how to use differentiation in PID to line trace and
explored how a gyro sensor works. We realised that most of our
gyro sensors were broken and started to drift, making this
unreliable. This potential was later discussed and experimented
with the new spike sets and would be later used by another team
the following year.
<br />
<br />
Though I did not win any awards, I learnt and explored many
valuable pieces of knowledge that I will always appreciate.
<br />
<br />
</code>
</p>
</div>
<div class="imgr">
<img src="/photo/ev3.png" alt="ev3png" class="ev3png" />
</div>
<div class="imgr">
<img src="/photo/cargoattachment.jpg" alt="cargo" class="cargo" />
</div>
<div class="textr2">
<p>
<code>
The following year, I participated in FLL cargo connect. That
year, I tried forming a team with new teammates. I explored new
strategies and refined my building technique. I started being able
to identify exploits to score more points than intended and shared
ideas about passive systems. One example would be the image on the
right, where the robot would push a detachable passive attachment
to complete multiple missions. This allows the robot to save motor
ports for much more complicated tasks.
<br />
<br />
I made the mistake of prioritising my juniors over my team. This
led to sacrificing my team's recording and practice time, which
resulted in us being unable to score to our full capability.
<br />
<br />
</code>
</p>
</div>
<div class="imgl">
<img src="/photo/spike.jpg" alt="spike" class="spike" />
</div>
<div class="textr2">
<p>
<code>
The following season was called FLL Super Powered.
<br />
<br />
I also tried building a stable and modular chassis for the spike
set and came up with this design. The size of the spike
electronics was different, which caused awkward space management
of the robot. I mainly focused on the structural stability of the
robot, as shown in how I connected the electronics. I was not
satisfied with the finishing of the robot, as my teammate building
the exterior prioritised aesthetics over structural stability.
Nevertheless, the robot did its job, and I was alright with it. I
also made a replica of the robot where my team could test our
attachment interactions while others could focus coding on the
robot.
<br />
<br />
</code>
</p>
</div>
<div class="imgr">
<img src="/photo/sensor.jpg" alt="sensor" class="sensor" />
</div>
<div class="imgr">
<img src="/photo/move.png" alt="move" class="move" />
</div>
<div class="textl2">
<p>
<code>
Apart from that, I experimented with building an autonomous
chassis powered by rubber bands and or gravity. This allowed my
team to do multiple operations at once within the 2 minutes and 30
seconds timmer, allowing us to score more points.
<br />
<br />
At the end of the day, I decided to drop out of the competition as
I realised I was no longer having fun. Even though I did not
participate in this competition, I shared my thoughts and advice
with my juniors. I taught them building techniques, how the
self-power chassis, routing and exploits. I also encouraged them
to try new things, such as gyro tracing and PID.
<br />
<br />
</code>
</p>
</div>
</section>
<section id="cothers">
<div class="list">
<p>
<code>
Here is a list of other competitions that I have participated in
<br /><br />
<iframe
src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSJjApzzoRmmqCho8oiH6EkYP85Tg25UP2XV9nb4ogiNngOzAQ9J7h32GFKHB0MG8ZiD31o3M0gvdvq/pubhtml?gid=1214803351&single=true&widget=true&headers=false"
class="ccc"
></iframe>
</code>
</p>
</div>
</section>
<section id="projects">
<div class="compheader">
<code>
<h1>Projects and events</h1>
<p>
<br />
<br />
Here are some events that I have participated in
<br />
<br />
</p>
</code>
</div>
</section>
<section id="foxhunting">
<div>
<code>
<h1>Fox Hunting (satellite and radio communication)</h1>
</code>
</div>
<div class="container">
<div class="imgl">
<img src="/photo/dish.jpg" alt="dish" class="dish" />
</div>
<div class="textl3">
<p>
<code>
<br />
Fox Hunting is an event where sst students discover more about
radio communication. This was one of the few activities offered
in the S4 Discover program.
<br />
</code>
</p>
</div>
</div>
<div class="imgl">
<img src="/photo/s.png" alt="s" class="s" />
</div>
<div class="imgl">
<img src="/photo/flare.png" alt="flare" class="flare" />
</div>
<div class="textl3">
<p>
<code>
Through the event, I got to visit Nuspace to learn the use of cube
satellites. I also visited satellite dishes on the NUS campus and
learned how they operate such devices. Furthermore, we had
meetings with various professors and NASA engineers from overseas
to discuss and learn about the uses of radio waves in space. I
also got the opportunity to build an antenna, as shown in the
image above. My group decided to take on the challenge, and we
constructed an antenna that could receive waves emitted by the
sun. This could be used to detect solar flares and solar eclipses.
Although the antenna proportions were not accurate, due to how
much leeway antennas have, we could still read wavelengths that
came from the sun.
<br />
<br />
Overall, I found this experience fascinating, primarily how people
use waves to analyse stars. It has also further piqued my interest
in satellites, notably the modular, cost efficiency and uses of
cube satellites.
<br />
<br />
</code>
</p>
</div>
</section>
<section id="balloonsatellite">
<div class="container">
<div>
<code>
<h1>Balloon Satellite</h1>
</code>
</div>
<div class="container">
<div class="imgl">
<img src="/photo/flight.png" alt="flight" class="flight" />
</div>
<div class="textl3">
<p>
<code>
Balloon satellite is a program offered to sst students in the
electronics elective. This project aimed to launch a weather
balloon/balloon satellite into the sky to record data to
analyse. We were guided and taught by Nuspace about the
basics, functions and calculations involved in building,
orbiting and redirecting satellites.
<br />
<br />
My team decided to build a satellite that had a shape of a D12
due to the structural stability of the figure. We used acrylic
to create the D12, as the other material provided to us,
polycarbonate, was not precisely laser-cut friendly (chlorine
gas is formed during the process :D). Bound with nylon threads
and hot glue, the D12 was extremely sturdy, surviving many
drop tests.
<br />
<br />
</code>
</p>
</div>
</div>
<div class="imgr">
<img src="/photo/d12.png" alt="d12" class="d12" />
</div>
<div class="imgr">
<img src="/photo/elec.png" alt="elec" class="elec" />
</div>
<div class="textl3">
<p>
<code>
Through the Audrino uno, we planned to use the Xbee to receive
data wirelessly from our humidity, temperature, velocity and
gyro sensor. We also had plans to put a mobile phone into the
D12 to record higher-definition videos.
<br />
<br />
However, on the day itself, the previously suggested weight
limit, 1kg, was, in fact, wrong. Furthermore, since our Xbee
decided to fry itself on the flight date, we had to replace it,
which required time. We were shifted to be the last group to fly
our satellite. This meant we would fly our satellite with less
air in the weather balloon. With that, our D12 structure and
mobile phone were too heavy to fly. On top of that, there were
thunderclouds nearby, and we could not fly the weather balloon
in the open, opting to fly it in the indoor sports hall in the
school. We decided to fly our satellite with barebone
electronics and a mini wireless camera. This allowed us to
capture some video evidence of the flight. We also added an SD
card to the overall setup; if something were to go wrong, we
still had data stored somewhere safely. With the data, we were
able to plot a pressure altitude graph and conclude one of the
few hypothesis we had at the start of the experiment.
<br />
<br />
The overall experience was quite fun, and I enjoyed myself. I
learned more about satellite orbit and realised that I was
interested in flywheels used to rotate and position satellites.
Overall, This event piqued my interest in satellite
construction, be it used in space or in weather balloons, and
has allowed me to explore potential job opportunities that I
have never thought of.
<br />
<br />
</code>
</p>
</div>
</div>
</section>
<section id="pothers">
<div>
<code>
<h1>Other Projects</h1>
</code>
</div>
<div class="list">
<p>
<code>
<br />
Other notable projects that I have participated in would be ISS,
3M innoscience challenge, girls in steam and some passion
projects. This includes making mechanum wheels out of lego, and
modelling vex chassis desgines that my juniors could learn from.
<br /><br />
Here are images of some of the projects
</code>
</p>
</div>
<img src="/photo/collage.png" alt="collage" class="collage" />
</section>
<section id="Leadership">
<div class="list">
<code>
<h1>Leadership</h1>
</code>
<p>
<code>
Here is a list of my leadership experience
<br /><br />
<iframe
src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSJjApzzoRmmqCho8oiH6EkYP85Tg25UP2XV9nb4ogiNngOzAQ9J7h32GFKHB0MG8ZiD31o3M0gvdvq/pubhtml?gid=0&single=true&widget=true&headers=false"
class="lll"
></iframe>
</code>
</p>
</div>
</section>
<section id="Service">
<div class="list">
<code>
<h1>Service</h1>
</code>
<p>
<code>
Here is a list of my service experience
<br /><br />
<iframe
src="https://docs.google.com/spreadsheets/d/e/2PACX-1vSJjApzzoRmmqCho8oiH6EkYP85Tg25UP2XV9nb4ogiNngOzAQ9J7h32GFKHB0MG8ZiD31o3M0gvdvq/pubhtml?gid=777151013&single=true&widget=true&headers=false"
class="sss"
></iframe>
</code>
</p>
</div>
</section>
<section id="socials">
<div>
<p>
<code>
<br /><br />
sry but not socials for now
<br /><br />
</code>
</p>
</div>
</section>
</div>
</body>
</html>