-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
156 lines (131 loc) · 5.37 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
<!DOCTYPE HTML>
<!--
Massively by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Online 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" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper" class="fade-in">
<!-- Intro -->
<div id="intro">
<h1>My Portfolio<br />
</h1>
<p>A showcase of my projects during my academic years, which will be continuously updated as I
develop new skills and apply them hands-on</a>.</p>
<ul class="actions">
<li><a href="#header" class="button icon solid solo fa-arrow-down scrolly">Continue</a></li>
</ul>
</div>
<!-- Nav -->
<nav id="nav">
<ul class="links">
<li class="active"><a href="index.html">Project Showcase</a></li>
</ul>
<ul class="icons">
<li><a href="#" class="icon brands fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="#" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Featured Post -->
<article class="post featured">
<header class="major">
<h2><a href="#">My Name is Wong Joe Shen</a></h2>
<p>I'm a Computer Science student looking for internship opportunities to gain experience and expand my skillsets.</p>
<p>Current Project: Cognito</p>
<p>Cognito is a Detective RPG, developed in the Godot Engine, and draws heavy inspiration from L.A. Noire.</p>
<img src="images/cog01.gif" alt="" style="width:100%; max-width:1200px;">
</header>
<a href="#" class="image main"><img src="images/pic01.jpg" alt="" /></a>
</article>
<!-- Posts -->
<section class="posts">
<article>
<header>
<h2><a href="#">COVID-19 Impact Navigator<br />
</a></h2>
</header>
<a href="#" class="image fit"><img src="images/cin01.png" alt="" /></a>
<p>This dashboard analyses COVID-19's impact on Malaysia, focusing on economic factors like unemployment, GDP, and inflation. I contributed by predicting the unemployment rate using an ARIMAX-based machine learning model.</p>
<ul class="actions special">
</ul>
</article>
<article>
<header>
<h2><a href="#">Call A Doctor<br />
</a></h2>
</header>
<a href="#" class="image fit"><img src="images/cad01.png" alt="" /></a>
<p>This Python-based app helps users find nearby clinics to book checkups. I worked on the user interface and integrated Google Maps API for accurate clinic location searches.</p>
<ul class="actions special">
</ul>
</article>
<article>
<header>
<h2><a href="#">Academic Helpdesk System<br />
</a></h2>
</header>
<a href="#" class="image fit"><img src="images/ahs01.png" alt="" /></a>
<p>This Python program assists students with subjects they struggle with. I developed the homepage, chatbot, and compiled the group's work into a single executable.
</p>
<ul class="actions special">
</ul>
</article>
<article>
<header>
<h2><a href="#">Event Reporting System<br />
</a></h2>
</header>
<a href="#" class="image fit"><img src="images/ers01.png" alt="" /></a>
<p>This was my first academic project, a Python program built using Tkinter. I contributed to the development of the Homepage and Event Page.
</p>
<ul class="actions special">
</ul>
</article>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<section class="split contact">
<section class="alt">
<h3>Email</h3>
<p><a href="#">[email protected]</a></p>
</section>
<section>
<h3>Preferred Area</h3>
<p><a href="#">Bayan Lepas, Penang</a></p>
</section>
<section>
<h3>Social</h3>
<ul class="icons alt">
<li><a href="#" class="icon brands alt fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="#" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
</ul>
</section>
</section>
</footer>
<!-- Copyright -->
<div id="copyright">
<ul><li>© Untitled</li><li>Design: <a href="https://html5up.net">HTML5 UP</a></li></ul>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.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>