-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
156 lines (146 loc) · 6.92 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>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Yangsoo Song | hola!</title>
<!-- meta-->
<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0"/>
<meta name="author" content="Yangsoo Song">
<meta name="description" content="Yangsoo Song's Portfolio Website">
<meta name="keywords" content="Yangsoo Song, undergraduates, student, computer science, Northeastern University, Boston, Massachusetts">
<meta charset="utf-8" />
<!-- FAVICON -->
<link rel="icon" href="assets/favicon/favicon.png">
<link rel="shortcut icon" href="assets/favicon/favicon.png">
<!-- CSS-->
<!--icons-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- Latin Fonts -->
<!-- <link href="https://fonts.googleapis.com/css?family=Damion|Libre+Barcode+39+Extended+Text|Neucha" rel="stylesheet"> -->
<!-- Korean Fonts-->
<link href="https://fonts.googleapis.com/css?family=East+Sea+Dokdo|Sunflower:300|Yeon+Sung&subset=korean" rel="stylesheet">
<!-- <link href="https://fonts.googleapis.com/css?family=Dokdo|Gamja+Flower|Hi+Melody" rel="stylesheet"> -->
<link href="./style.css" type="text/css" rel="stylesheet">
</head>
<body>
<header>
<nav class="links">
<a href="https://github.com/yangsoosong" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
<a href="https://www.linkedin.com/in/yangsoo-song" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
<a href="mailto:[email protected]" target="_blank"><i class="fa fa-envelope-o" aria-hidden="true"></i></a>
<!-- <a href="mailto:[email protected]" target="_blank"><i class="fa fa-envelope" aria-hidden="true"></i></a> -->
<a href="assets/Yangsoo Song Resume.pdf" target="_blank"><i class="fa fa-file" aria-hidden="true"></i></a>
</nav>
<nav class="sidebar capitalize">
<ul>
<li><a href="#intro" accesskey="i">intro</a></li>
<li><a href="#about" accesskey="w">about</a></li>
<li><a href="#projects">projects</li></a>
<!-- <li><a href="#where" accesskey="e">where</a></li> -->
</ul>
</nav>
</header>
<main>
<div id="intro" class="section">
<h1 class="label">
<a href="">
<span class="align">
Hey there!
</span>
</a>
</h1>
<!--
<div class="profile-image">
<img src="assets/lecture.jpg" alt="my handsome face">
<img src="assets/neu_sky.jpg" alt="my handsome face">
</div>
-->
<div class="intro-texts">
<ul class="fa-ul">
<li><i class="fa-li fa fa-user-circle fa-spin"></i>Yangsoo Song</li>
<li><i class="fa-li fa fa-globe fa-spin"></i>Boston, MA</li>
<li><i class="fa-li fa fa-paw fa-spin"></i>Northeastern University</li>
<li><i class="fa-li fa fa-briefcase fa-spin"></i>Abiomed</li>
</ul>
</div>
</div>
<div id="about" class="section">
<p>
Software Engineer for <a href="https://www.abiomed.com/impella/impella-connect" target="_blank">Impella Connect team</a> at Abiomed in Danvers, Massachusetts.
<br>
<br>
Prior to joining Abiomed, I worked as a Data Engineer at Kate Farms
via Eastern Analytics, inc., and a Software Developer at <a href="https://www.widernet.org/" target="_blank">WiderNet</a>,
being a part of WiderNet’s programming team to improve the Egranary Digital Library, an offline Web collection for people in developing countries who lack internet connectivity.
<br>
My last co-op was at <a href="https://www.harbourvest.com/" target="_blank">Harbourvest Partners</a> on the Data conversion team as a Software Engineer.
The year before that, I also worked at <a href="https://hls.harvard.edu/dept/its/" target="_blank">Harvard Law School ITS</a>.
<br>
<!-- <img class="image" src="assets/Boston_Skyline.jpg" alt="Boston Skyline"> -->
<br>
Graduate from <a href="http://catalog.northeastern.edu/undergraduate/computer-information-science/computer-science/bacs/#programrequirementstext" target="_blank">Northeastern University</a> with a Bachelor of Arts in Computer Science.
<br>
I began coding after my sophomore year when I switched from International Affairs to Computer Science. Since then, I have loved software engineering and the challenges it brings.
During my free time, I love watching movies, cooking, playing catch, and travelling. My favorite recent trip was visiting Chiang Mai, Thailand, where I bathed elephants!
<br>
On weekends, I currently play outflieder for Mass Warriors of <a href="http://www.bostonkbl.info" target="_blank">Boston Korean Baseball League</a> and travel around neighbor to find the
best foods in town as four consecutive years <a href="https://www.yelp.com/user_details?userid=VBS1kSWCXSYq8znxr-NXdQ" target="_blank">Yelp Elite</a>.
I also like to write and work on random projects in my spare time.
</p>
</div>
<div id="projects" class="section">
<a href="projects/maze.html">
<div class="project">
<img src="assets/maze.png" alt="maze thumbnail">
<div class="project-overlay">
<div class="project-label">
<h4>Maze</h4>
<h5>Java</h5>
<h5>BFS/DFS</h5>
</div>
</div>
</div>
</a>
<a href="projects/music_editor.html">
<div class="project">
<img src="assets/music_editor.png" alt="music editor thumbnail">
<div class="project-overlay">
<div class="project-label">
<h4>Music Editor</h4>
<h5>Java, MIDI, Javs Swing</h5>
<h5>MVC: Model, View, Controller</h5>
</div>
</div>
</div>
</a>
<p class="caption">
"it's impossible," said pride.
<br />
"It's risky," said experience.
<br />
"It's pointless," said reason.
<br />
<br />
"Give it a try" whispered the heart.
</p>
</div>
<!-- <div id="where" class="section">
<h3>Places I've visited recently</h3>
<ol>
<li>Chiang Mai, Thailand</li>
<li>Seoul, South Korea</li>
<li>Jeju Island, South Korea</li>
</ol>
<a href="https://www.instagram.com/francescoyang/" target="_blank">got some pics here</a>
<h3>Places I want to visit</h3>
<ul>
<li>Casablanca, Morocco</li>
<li>Jerusalem, Israel</li>
<li>Machu Picchu, Peru</li>
</ul>
</div> -->
</main>
<footer>
<h3>"Nos vemos, fellow human"</h3>
</footer>
</body>
</html>