-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
162 lines (158 loc) · 8.1 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
<!DOCTYPE html>
<html>
<head>
<title>Timothy Choi</title>
<link rel="icon" href="media/tmt.png" type="image/x-icon" />
<link rel="stylesheet" href="shared.css">
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/1765f3ddd3.js" crossorigin="anonymous"></script>
<meta property="og:title" content="Timothy Choi" />
<meta property="og:type" content="profile" />
<meta property="profile:first_name" content="Timothy" />
<meta property="profile:last_name" content="Choi" />
<meta property="profile:username" content="tinnamchoi" />
<meta property="og:url" content="https://tinnamchoi.github.io/" />
<meta property="og:image" content="//tinnamchoi.github.io/media/preview.png" />
</head>
<body>
<svg viewBox="-16 -916 2832 2832" preserveAspectRatio="xMidYMid slice">
<rect x="0" y="-900" width="2800" height="2800"/>
<g id="tim_0">
<rect x="0" y="0" width="1200" height="500" />
<path d="M 150 150 l 0 -100 h 100 l 0 100 l 100 0 l 0 100 l -100 0 m 250 -100 h -50 l 0 -100 h 100 l 0 100 h -50 m 150 150 l 0 -150 h 500 v 300 h -100 l 0 -200 h -100 l 0 200 h -100 l 0 -200 h -100 l 0 200 h -100 l 0 -150 m -150 -50 h 50 l 0 200 h -100 l 0 -200 h 50 m -250 0 l 0 100 h 100 l 0 100 h -200 l 0 -100 v -100 l -100 0 v -100 l 100 0" />
<foreignObject x="0" y="0" width="1200" height="500">
<div>
<h2>About me</h2>
<p>Learning to solve a Rubik's Cube at the age of 10, I discovered my passion for problem-solving. As I continued to pursue my interest in puzzles, I realized the similarities between puzzles and programming, which led me to explore the field of software engineering.</p><p> Currently seeking opportunities to apply my skills in a professional setting, I am looking for a software engineering internship. Please take a look at my <a href="https://tinnamchoi.github.io/resumes/resume.pdf">resume</a>.</p>
</div>
</foreignObject>
</g>
<g id="o_0">
<rect x="1200" y="100" width="400" height="400" />
<path d="M 1250 150 h 300 v 300 h -300 v -300 m 100 100 l 100 0 l 0 100 l -100 0 l 0 -100" />
<foreignObject x="1200" y="100" width="400" height="400">
<div>
<h3>GTI HK Ltd.</h3>
<h4>Systems Engineer</h4>
<ul>
<li>Leading a team of 4+ people, improved efficiency by 200%, impacting 1000+ end users.</li>
</ul>
<div class="logo"><a href="https://www.gti.com.hk/"><img width="80%" src="media/Global-Technology-Integrator-Ltd.png" style="margin: 10%"/></a></div>
</div>
</foreignObject>
</g>
<g id="t_1">
<rect x="1600" y="0" width="400" height="500" />
<path d="M 1750 50 h 100 l 0 100 l 100 0 v 100 l -100 0 v 100 l 100 0 v 100 h -200 l 0 -100 v -100 l -100 0 v -100 l 100 0 l 0 -100" />
<foreignObject x="1600" y="0" width="400" height="500">
<div>
<h3>Dassault Systèmes</h3>
<h4>Software Engineer</h4>
<ul>
<li>Improve the interface of debug tools, reducing dev time</li>
<li>Streamline the process of test case generation</li>
<li>Writing documentation for a code base with ~1 million lines</li>
</ul>
<a href="https://www.3ds.com/"><img width="90%" style="margin: 5%" src="media/Dassault_Systèmes.svg"/></a>
</div>
</foreignObject>
</g>
<g id="h_0">
<rect x="2000" y="0" width="400" height="500" />
<path d="M 2050 50 h 100 l 0 100 h 100 l 100 0 v 300 h -100 l 0 -200 h -100 l 0 200 h -100 v -400" />
<foreignObject x="2000" y="0" width="400" height="500">
<div>
<h3>Altacomm</h3>
<h4>SWE Internship</h4>
<ul>
<li>Streamlining student communities management</li>
</ul>
<a href="https://altacomm.co/"><img width="90%" style="margin: 5%" src="media/Altacomm-Technologies.svg"/></a>
<h3>Volunteering</h3>
<div class="logo" style="margin-top: 8px">
<a href="https://www.unihack.net/"><img style="width: calc(100% / 3);" height src="media/UNIHACK.svg"/></a>
<a href="https://www.linkedin.com/company/adelaide-rover-team/"><img style="width: calc(100% / 3)" height src="media/Adelaide-Rover-Team.png"/></a>
<a href="https://csclub.org.au/"><img style="width: calc(100% / 3)" height src="media/The-University-of-Adelaide-Computer-Science-Club.svg"/></a>
</div>
</div>
</foreignObject>
</g>
<g id="y_0">
<rect x="2400" y="100" width="400" height="500" />
<path d="m 2450 150 h 100 l 0 100 h 100 l 0 -100 h 100 v 400 h -300 v -100 l 200 0 v -100 l -200 0 v -200" />
<foreignObject x="2400" y="100" width="400" height="500">
<div style="display: flex; flex-direction:column; justify-content: center; align-items: center; height: 468px;">
<h3>random stuff</h3><br>
<a href="https://github.com/tinnamchoi/tinnamchoi.github.io">view source</a></br>
<ul style="font-size: 32px;">
<li><a href="https://leetcode.com/tinnamchoi/">leetcode</a></br></li>
<li><a href="https://codeforces.com/profile/tinnamchoi">codeforces</a></br></li>
</ul>
<br>
(psst, my contact<br>links are in the 'i')
</div>
</foreignObject>
</g>
<g id="c_0">
<rect x="900" y="600" width="400" height="400" />
<path d="M 950 650 h 300 v 100 l -200 0 v 100 l 200 0 v 100 h -300 v -300" />
<foreignObject x="900" y="600" width="400" height="400">
<div>
<h3>Binary search on color</h3>
<h4>HTML, CSS, JS</h4>
<ul>
<li>Ever struggled to pick a color?</li>
<li>Pick the exact values using the power of binary search! Check that out here:</li>
</ul>
<center style="height: calc(400px - 16px - 114px - 47px - 16px - 54px - 54px - 16px);">
<a href="https://tinnamchoi.github.io/binary-search-on-color/"><img height=100% src="media/binary-search-on-color.png"/></a>
</center>
</div>
</foreignObject>
</g>
<g id="h_1">
<rect x="1300" y="500" width="400" height="500" />
<path d="M 1350 550 h 100 l 0 100 h 100 l 100 0 v 300 h -100 l 0 -200 h -100 l 0 200 h -100 v -400" />
<foreignObject x="1300" y="500" width="400" height="500">
<div>
<h3>Negative Base Converter</h3>
<h4>HTML, CSS, JS</h4>
<ul>
<li>Did you know that negative bases can represent negative numbers without using a negative sign?</li>
<li>Now you do! Check that out here: </li>
</ul>
<center>
<a href="https://tinnamchoi.github.io/negative-base-converter/"><img style="margin-top: 8px; border-style: solid; border-width: 4px; width: calc(100% - 8px);" src="media/negative-base-converter.png"/></a>
</center>
</div>
</foreignObject>
</g>
<g id="o_1">
<rect x="1700" y="600" width="400" height="400" />
<path d="M 1750 650 h 300 v 300 h -300 v -300 m 100 100 l 100 0 l 0 100 l -100 0 l 0 -100" />
<foreignObject x="1700" y="600" width="400" height="400">
<div>
<h3>Hare-Clark C++</h3>
<h4>C++, CMake, Data Structures</h4>
<ul>
<li>Implementation of the electoral system used in Tasmania and ACT</li>
<li>Created for the Adelaide CS Club committee for our SGM election</li>
<li>Check it out <a href="https://tinnamchoi.github.io/projects/hcc">here</a>!</li>
</ul>
</div>
</foreignObject>
</g>
<g id="i_1">
<rect x="2100" y="500" width="200" height="500" />
<path d="M 2150 550 h 100 v 100 m 0 0 l -100 0 v -100 m 0 200 l 100 0 v 200 h -100 v -200" />
<foreignObject x="2100" y="500" width="200" height="500">
<address>
<a href="mailto:[email protected]"><i class="fas fa-envelope"></i></a>
<a href="https://github.com/tinnamchoi"><i class="fab fa-github"></i></a>
<a href="https://www.linkedin.com/in/tinnamchoi/"><i class="fab fa-linkedin"></i></a>
</address>
</foreignObject>
</g>
</svg>
</body>
</html>