-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
168 lines (162 loc) · 8.3 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
<!DOCTYPE html>
<html>
<head>
<!-- essentials foobar -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Brian Lee</title>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<!-- bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<!-- font awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
<!-- custom css -->
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<div class = "jumbotron jumbotron-fluid d-flex align-items-center" id = "top-header">
<div class = "container text-center rounded">
<h1 class = "display-1">Brian Lee</h1>
<h3>University of Michigan, Class of 2022</h3>
<!-- TODO: add border in between each entry -->
<div class = "row mt-4">
<div class = "col-md-4 text-center">
<a href = "https://gitlab.com/kir12" target = "_blank">
<i class="fab fa-gitlab fa-5x"></i>
<h1 class = "mt-3">GitLab</h1>
</a>
</div>
<div class = "col-md-4 text-center">
<a href = "https://gitlab.com/kir12/resume/blob/master/resume/resume.pdf" target = "_blank">
<i class="fas fa-address-book fa-5x"></i>
<h1 class = "mt-3">Resume</h1>
</a>
</div>
<div class = "col-md-4 text-center">
<a href = "https://github.com/kir12" target = "blank">
<i class="fab fa-github fa-5x"></i>
<h1 class = "mt-3">GitHub</h1>
</a>
</div>
</div>
<p>Photo Credits: Italktowallss, <i><a href = "https://imgur.com/gallery/L5Ino" target = "_blank">Touhou Gensokyo Built in Minecraft</a></i></p>
</div>
</div>
<div class = "container">
<!-- todo: consider integrating this into the header-->
<div class = "jumbotron non-header">
<h1 class = "text-center rounded display-4">About Me</h1>
<div class = "non-header-text">
<div class = "row justify-content-center">
<div class = "col-md-4 text-center">
<img src = "newavatar.jpg" class = "img-fluid mb-3 img-thumbnail">
</div>
<div class = "col-md-4 text-left align-self-center">
<p>I am a Software Engineering Associate working for Clarivate. I graduated from the University of Michigan (Ann Arbor) in 2022 with a degree in Computer Science Engineering. I am very fluent in Python, C++, and JavaScript and have these langauges (and others) in a variety of different situations. Nice to meet you!</p>
</div>
</div>
</div>
<h1 class = "text-center rounded display-4">Languages & Skills</h1>
<div class = "row equal" id = "lang">
<div class = "col-md-4">
<h3 class = "text-center">List of Familiar Languages</h3>
<ul>
<li>Python</li>
<li>C++</li>
<li>C#</li>
<li>Java</li>
<li>HTML/CSS/JS</li>
<li>Ruby</li>
<li>LaTeX</li>
<li>MATLAB</li>
</ul>
</div>
<div class = "col-md-4">
<h3 class = "text-center">Frameworks & Libraries</h3>
<ul>
<li>Django & Flask</li>
<li>Django Rest Framework</li>
<li>SQLAlchemy</li>
<li>Ruby on Rails</li>
<li>React.js</li>
<li>TypeScript</li>
<li>JQuery</li>
<li>Bootstrap, Bulma Sass</li>
</ul>
</div>
<div class = "col-md-4">
<h3 class = "text-center">Development Platforms</h3>
<ul>
<li>Git</li>
<li>Linux Terminal</li>
<li>Android</li>
<li>Unity</li>
<li>Google App Engine, Google Cloud Compute</li>
<li>DigitalOcean VPS</li>
</ul>
</div>
</div>
</div>
<div class = "jumbotron non-header">
<h1 class = "text-center rounded display-4">Recent Projects</h1>
<div class = "row" id = "projects">
<div class = "col-md-4">
<div class = "card h-100">
<img class = "card-img-top" src = "project_images/mascot_full.png" alt = "Project">
<div class = "card-body">
<a href = "https://gitlab.com/kir12/autoXMD" target = "_blank"><h3 class = "card-title"><i class="fab fa-gitlab"></i> autoXMD</h3></a>
<p class = "card-text">A Django and music21-powered utility for making sheet music compatible with M. Kajihara's Professional Music Driver (PMD) and the PC-98. </p>
<p class = "small"><a href="https://autoxmd.4k-pixellate.me" target="_blank">Website Here!</a> | <a href = "https://www.deviantart.com/rsgmaker/art/create-swf-extended-555079647" target="_blank">Photo Credits</a></p>
</div>
</div>
</div>
<div class = "col-md-4">
<div class = "card h-100">
<!--<img class = "card-img-top" src = "project_images/jewelry.jpg" alt = "Project">-->
<div style = "width:100%;padding: 1rem 0 1rem 0;color: #FF4500; background-color:white;border-bottom: 1px solid rgba(0,0,0,.125)" class= "text-center"><i class="fab fa-reddit fa-7x"></i></div>
<div class = "card-body">
<a href = "https://github.com/kir12/kir12.github.io/tree/master/flairs/" target ="_blank"><h3 class = "card-title"><i class="fab fa-github"></i> reddiflair</h3></a>
<p class = "card-text">A small utility that provides user flair data for any public subreddit.</p>
<p class = "small"><a href = "https://kir12.github.io/flairs/" target = "_blank">Website Here!</a> | <a href = "https://fontawesome.com/icons/reddit?style=brands" target = "_blank">Photo Credit to FontAwesome</a></p>
</div>
</div>
</div>
<div class = "col-md-4">
<div class = "card h-100">
<img class = "card-img-top" src = "project_images/pocket_trains.jpg" alt = "Project">
<div class = "card-body">
<a href = "https://gitlab.com/kir12/pocket-trains-calculator-backend" target = "_blank"><h3 class = "card-title"><i class="fab fa-gitlab"></i> pocket-trains-calculator</h3></a>
<p class = "card-text">A central database of all things Pocket Trains that helps determine optimal locomotives for route plans.</p>
<p class = "small" ><a href="https://www.reddit.com/r/pockettrains/comments/bamp2j/the_end_all_be_all_pocket_trains_guide/" target="_blank">Image Source</a> | <a href = "https://gitlab.com/kir12/pocket-trains-calculator-frontend" target = "_blank">React.js Frontend Repository</a></p>
</div>
</div>
</div>
</div>
<p class = "lead text-center mt-4">For additional projects, please visit my Github and/or Gitlab profiles.</p>
</div>
<div class = "jumbotron non-header">
<h1 class = "display-4 rounded text-center">Contact Me</h1>
<div class = "row">
<div class = "col-md-4 text-center">
<span><i class="fas fa-envelope-square fa-5x"></i></span>
<h3><a href="mailto:[email protected]">[email protected]</a></h3>
</div>
<div class = "col-md-4 text-center">
<span><i class="fas fa-phone fa-5x"></i></span>
<h3>917-583-3990</h3>
</div>
<div class = "col-md-4 text-center">
<span><i class="fab fa-linkedin fa-5x"></i></span>
<h3><a href = "https://www.linkedin.com/in/kir12/" target="_blank">LinkedIn Profile</a></h3>
</div>
</div>
</div>
</div>
<div class = "container-fluid text-center" id = "footer">
<p>© 2019 by Brian Lee. See this website's <a href = "https://github.com/kir12/kir12.github.io/blob/master/LICENSE" target="_blank">MIT License</a> for more details.</p>
</div>
</body>
</html>