-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
155 lines (147 loc) · 5.61 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>JoonHo Park | Movement Research Lab</title>
<link type="text/css" rel="stylesheet" href="./static/css/main.css">
<link type="text/css" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/github-fork-ribbon-css/0.1.1/gh-fork-ribbon.min.css">
<link type="text/css" rel="stylesheet" href="./static/css/bootstrap_glyphicon.css">
<script type="text/javascript" src="./static/js/jquery.min.js"></script>
<script type="text/javascript" src="./static/js/bootstrap_scrollspy.js"></script>
<script type="text/javascript" src="./static/js/main.js"></script>
</head>
<nav class="nav">
<li class="active"><a href="#">
<div><span class="glyphicon glyphicon-th"></span></div>
<div class="tag"><span>TOP</span></div>
</a></li>
<li><a href="#profile">
<div><span class="glyphicon glyphicon-user"></span></div>
<div class="tag"><span>PROFILE</span></div>
</a></li>
<li><a href="#education">
<div><span class="glyphicon glyphicon-pencil"></span></div>
<div class="tag"><span>EDUCATION</span></div>
</a></li>
<li><a href="#interest">
<div><span class="glyphicon glyphicon-tags"></span></div>
<div class="tag"><span>INTEREST</span></div>
</a></li>
<li><a href="#publication">
<div><span class="glyphicon glyphicon-book"></span></div>
<div class="tag"><span>PUBLICATION</span></div>
</a></li>
<li><a href="#media">
<div><span class="glyphicon glyphicon-facetime-video"></span></div>
<div class="tag"><span>MEDIA</span></div>
</a></li>
<li><a href="#activity">
<div><span class="glyphicon glyphicon-flash"></span></div>
<div class="tag"><span>ACTIVITY</span></div>
</a></li>
<li><a href="#contact">
<div><span class="glyphicon glyphicon-envelope"></span></div>
<div class="tag"><span>E-MAIL</span></div>
</a></li>
</nav>
<body data-spy="scroll" data-target=".nav">
<div id="wrapper">
<div id="container">
<div id="profile">
<div id="profile-image">
<img src="./static/res/img/profile.png" alt="JoonHo Park">
</div>
<div id="profile-description">
<div id="profile-en">
<h1>Park JoonHo</h1>
<ul>
<li>M.S. Student</li>
<li><a href="http://mrl.snu.ac.kr/"> Movement Research Lab</a></li>
<li><a href="http://cse.snu.ac.kr/"> School of Computer Science and Engineering</a></li>
<li><a href="http://www.snu.ac.kr/"> Seoul National University</a> 302-312 (lab)</li>
</ul>
</div>
<div id="profile-kr">
<h1>박 준호</h1>
<ul>
<li>석사과정</li>
<li><a href="http://mrl.snu.ac.kr/">운동 연구실</a></li>
<li><a href="http://cse.snu.ac.kr/">서울대학교 컴퓨터공학부</a></li>
<li><a href="http://www.snu.ac.kr/">서울대학교</a> 302-312 (연구실)</li>
</ul>
</div>
</div>
</div>
<div id="education">
<h2>Education</h2>
<p>Under M.S. Course (2015 ~). Advisor : <a href="http://mrl.snu.ac.kr/~jehee">Jehee Lee</a></p>
<p>B.S. in Computer Science and Engineering, Seoul National University. 2015.</p>
</div>
<div id="interest">
<h2>Research Interest</h2>
<p>Motion Capture</p>
<p>Human Movement</p>
<p>Crowd Control</p>
<p>Human-Computer Interaction</p>
<p>and so on...</p>
</div>
<div id="publication">
<h2>Publication</h2>
<p>No Publications yet achieved.</p>
</div>
<div id="media">
<h2>Media Coverage</h2>
<p>No Media yet achieved.</p>
</div>
<div id="activity">
<h2>Hobby & Activity</h2>
<h3>Favorite Quotes</h3>
<ul class="tabinto favorite-quote">
<li>"Try to learn something about everything and everyting about something."</li>
<li> - Thomas Henry Huxley</li>
</ul>
<h3>Physical</h3>
<ul class="tabinto">
<li>Snowboard</li>
</ul>
<h3>Completed TV Series</h3>
<ul class="tabinto">
<li><a href="http://en.wikipedia.org/wiki/Stargate">Stargate Series</a></li>
<li><a href="http://en.wikipedia.org/wiki/How_I_Met_Your_Mother">How I Met Your Mother</a></li>
<li><a href="http://en.wikipedia.org/wiki/Prison_Break">Prison Break</a></li>
<li><a href="http://en.wikipedia.org/wiki/Heroes_(TV_series)">Heroes</a></li>
</ul>
<h3>Music</h3>
<ul class="tabinto">
<li>Guitar (2009 ~)</li>
</ul>
<h3>Game</h3>
<ul class="tabinto">
<li><a id="ingress" href="https://www.ingress.com">Ingress : Enlightened - L12</a></li>
<li><a href="http://www.op.gg/summoner/userName=%EC%B9%B4%EC%98%A4%EC%8A%A4%EB%82%98%ED%95%B4%EC%95%BC%EC%A7%80">League of Legends : S4 Diamond</a></li>
<li>HearthStone : 8 Rank Top</li>
</ul>
<p>and so on...</p>
</div>
<div id="contact">
<h2>Contact</h2>
<span> '@'.join(['pjhjohn', '.'.join(['gmail', 'com'])]) </span>
<br/>
<span> '@'.join(['pjhjohn', '.'.join(['mrl', 'snu', 'ac', 'kr'])]) </span>
</div>
</div>
</div>
<div id="footer">
<a href="#"><span>Click to Top</span></a>
</div>
</body>
<!-- Fixed Features -->
<div id="last-update">
<div>Last Update : 2015. 02. 17</div>
</div>
<div class="github-fork-ribbon-wrapper right">
<div class="github-fork-ribbon">
<a href="https://github.com/pjhjohn/mrl-profile">Fork me on GitHub</a>
</div>
</div>
</html>