-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
213 lines (203 loc) · 11.6 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
<!DOCTYPE HTML>
<html>
<head>
<title>Jared Wong | Portfolio</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<div class="inner">
<a class="image avatar"><img src="images/ProfilePic.webp" alt="ProfilePicture"></a>
<h1><strong>Hey there! I am Jared.</strong> This is everything about me.</h1>
</div>
</header>
<!-- Main -->
<div id="main">
<!-- One: Introduction -->
<section id="one">
<header class="major">
<h2>An introduction about myself</h2>
</header>
<p align="justify">Since young, I've had a strong fascination and enthusiasm for technology. As a tech-savvy person, I really enjoy handling gadgets.
It is fascinating what technology can do for us today. With technology advancing at groundbreaking speeds, it surely does allow me to envision a smart
nation a few years down the road and I definitely do want to be part of the effort as we transit into a digital age.</p>
<p align="justify">Having just completed my pre-university education, I am currently serving my national service as
an instructor for aspiring SAF Logistics Officers. In 2022, i will be pursuing a Bachelor Of Computing (Computer Science) in the National University Of Singapore.</p>
<p align="justify">My life has revolved alot around sports, mainly triathlon. The life lessons that sports has taught me are countless yet meaningful.
Aside from the satisfaction that it brings, I am grateful to the people that I have met along the way, who have been very supportive of my pursuit for sporting excellence. </p>
</section>
<!-- Two: Notable Achievements -->
<section id="two">
<h2>My defining moments</h2>
<p>In life, we have our goals and ambitions that we set out to achieve. These were the proudest moments of my life</p>
<div class="container">
<div class="timeline">
<div class="timeline__component">
<div class="timeline__date timeline__date--right">2015</div>
</div>
<div class="timeline__middle">
<div class="timeline__point"></div>
</div>
<div class="timeline__component timeline__component--bg">
<h2 class="timeline__title">Represented Singapore at the 2015 International Robocup competition</h2>
<p class="timeline__paragraph">
The Robocup competition is centered around building and programming robots that could overcome obstacles in a circuit.<br>
<br>
It was definitely an eye-opening experience, being able to see the various machines and approaches that other teams took.
</p>
<img src='images/Timeline/Robocup2015.webp' class="timeline__photo" alt="robocup">
</div>
<div class="timeline__component timeline__component--bg">
<h2 class="timeline__title">Head of Programming</h2>
<p class="timeline__paragraph">
Spearheaded the teaching of basic programming skillsets at a school club level as Head of Programming<br>
<br>
This was when I had my first taste of playing the role of an educator.
I really enjoyed the process of teaching and imparting skills and knowledge to the junior ones.
</p>
</div>
<div class="timeline__middle">
<div class="timeline__point"></div>
</div>
<div class="timeline__component">
<div class="timeline__date">2016 - 2017</div>
</div>
<div class="timeline__component">
<div class="timeline__date timeline__date--right">2017 - 2018</div>
</div>
<div class="timeline__middle">
<div class="timeline__point"></div>
</div>
<div class="timeline__component timeline__component--bg">
<h2 class="timeline__title">Singapore National Cycling Champion</h2>
<p class="timeline__paragraph">
<em>"It does not matter how slowly you go as long as you do not stop" - Confucius</em><br>
<br>
With the support of family, friends and teammates, and through persistent effort and training, it finally
paid off
</p>
<img src='images/Timeline/Nat_Champs_2017.webp' class="timeline__photo" alt="nat_champs_2017">
</div>
<div class="timeline__component timeline__component--bottom timeline__component--bg">
<h2 class="timeline__title">Ironman 70.3 Competition (Bintan)</h2>
<p class="timeline__paragraph">
The Ironman 70.3 is considered as one of the world's toughest endurance event consisting of swim, bike and run.<br>
<br>
One of my bucket list item was to complete an Ironman 70.3. While it was no easy feat, it was definitely one of my proudest moment.
Not to mention, a podium placing was a pleasant surprise too! 😊
</p>
<img src='images/Timeline/ironman_2019.webp' class="timeline__photo" alt="ironman_2019">
</div>
<div class="timeline__middle">
<div class="timeline__point"></div>
</div>
<div class="timeline__component timeline__component--bottom">
<div class="timeline__date">2019</div>
</div>
<div class="timeline__component">
<div class="timeline__date timeline__date--right">2020 - 2021</div>
</div>
<div class="timeline__middle">
<div class="timeline__point"></div>
</div>
<div class="timeline__component timeline__component--bg">
<h2 class="timeline__title">National Service</h2>
<p class="timeline__paragraph">
As every Singaporean son has to, I enlisted into the military and underwent Officer Cadet School,
emerging as top 15% of my cohort.<br>
<br>
Having experienced the training through the eye of a trainee, I went on to become an Instructor for aspiring SAF Officers.
Through instructorship, I found my passion for teaching. Over the numerous batches, I have seen many trainees who have
emerged as capable leaders. The satisfaction knowing that I might have changed someone's life is incomparable.
</p>
<img src='images/Timeline/instructors_ocs.webp' class="timeline__photo" alt="instructors_ocs">
</div>
<div class="timeline__component timeline__component--bottom timeline__component--bg">
<h2 class="timeline__title">Pursuit of self-discovery</h2>
<p class="timeline__paragraph">
<em>"True self-discovery begins where your comfort zone ends"</em><br>
<br>
I adventured into the process of self-discovery, during which I found what I enjoyed and am passionate
about - technology. I truly enjoyed the process of learning through problem-solving and self-exploration.
Over the past few months of exploration, I have ventured into many mini projects that have enabled me to learn alot.
</p>
<img src='images/Timeline/pursuit.webp' class="timeline__photo" alt="pursuit">
</div>
<div class="timeline__middle">
<div class="timeline__point"></div>
<div class="timeline__point timeline__point--bottom"></div>
</div>
<div class="timeline__component timeline__component--bottom">
<div class="timeline__date">2021 onwards</div>
</div>
</div>
<ul class="actions">
<li><a href="assets/jared_wong_full_portfolio.pdf" class="button">Full Portfolio</a></li> <!--link to portfolio summary-->
</ul>
</section>
<!--Three: My skills-->
<section id="three">
<h2>What am I doing right now?</h2>
<p>As I did not have much coding background, it was a long arduous process to learn different programming languages, such as Python
, HTML, JS. As such, I chose to embark on mini projects as I felt that these would aid my learning process while being interactive and
rewarding to create a functional product.
</p>
<div class="container">
<ol>
<li><strong>Web Development</strong></li>
<ul>
<li>Personal Portfolio Website</li>
<img src='images/Current Projects/website_page.webp' alt="personal_website_page" class="current_project_image">
<p>What better way to learn web development than to code your own website! Definitely, this has been one of my
prouder achivements. Portfolios do not just state and display achievements, they tell a story. The process of
thinking out the design layout to building a responsive yet engaging website is a long yet rewarding one. It is
fascinating to see how sentences of code can transform into visual outputs that are enjoyed by many.
</p>
<br>
<li>Business Website</li>
<img src='images/Current Projects/connectlab_website.webp' alt="business_website_page" class="current_project_image">
<p>Having created a website using pure programming language, I decided to dive into the world of Online
Website Builders, such as WordPress. I was requested to help design a functioning website for a Small-Medium
Enterprise (SME) business. Websites are essential platforms for businesses to increase their traffic count and promote
their services. Compared to building a website using programming language, Online Website Builders often offer limited features.
</p>
</ul>
<br>
<li><strong>Telegram Bot</strong></li>
<img src="images/Current Projects/telegram_bot.webp" alt="telegram_bot" class="current_project_image">
<p>The world is always finding ways to make life easier. While serving my NS, I realised that many processes at work
could be automated to offset the workload. One key area of focus was the tracking of attendance. Harnessing the power
of technology, I created a telegram bot that automates the collection of attendance data based on the user input.
To tackle the issue of delayed physical data collection, notifications are frequently sent out to remind users to input
attendance data so that the data is constantly updated. Overall, the implementation of this bot has significantly
improved attendance data collection, while eliminating the need to manually key in data.
</p>
</ol>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<h5>Connect with Me!</h5>
<ul class="icons">
<li><a href="https://www.instagram.com/_jajared_/" class="icon brands fa-instagram" target="_blank" rel="noopener noreferrer"><span class="label">Instagram</span></a></li>
<li><a href="https://www.linkedin.com/in/jared-wong-4a7a721a4/" class="icon brands fa-linkedin" target="_blank" rel="noopener noreferrer"><span class="label">LinkedIn</span></a></li>
<li><a href="mailto: jajawong09@gmail.com" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© JaredWong2021</li>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>