-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (103 loc) · 3.95 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
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/jquery.lettering.js"></script>
<script src="js/jquery.textillate.js"></script>
<script src="js/application.js"></script>
<link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/animate.css" />
<link rel="stylesheet" href="css/application.css" />
<meta charset="UTF-8">
<title>hottestseason</title>
</head>
<body>
<div id="navbar">
<a href="/" class="brand">HOTTESTSEASON</a>
<img class="invader-canon" src="img/invader-canon.png" />
</div>
<div class="main">
<img class="avatar" src="img/avatar.jpeg" />
<div class="body">
<p class="name">Sumihiko Natsu<br /></p>
<p class="description">
M.Sc student at the University of Tokyo<br />
Chiba Shigeru Lab.<br />
Email: <span id="gmail">["hottestseason", "@", "gmail.com"].join("")</span>
</p>
</div>
</div>
<div class="content">
<h2>Links</h2>
<hr>
<div class="links body">
<a class="twitter" href="https://twitter.com/hottest_season" target="_blank" data-tooltip="Twitter">
<img src="img/twitter.png" />
</a>
<a class="facebook" href="https://www.facebook.com/hottestseason" target="_blank" data-tooltip="Facebook">
<img src="img/facebook.jpg" />
</a>
<a class="google+" href="https://plus.google.com/110144314261302324048" target="_blank" data-tooltip="Google+">
<img src="img/googleplus.png">
</a>
<a class="github" href="https://github.com/hottestseason" target="_blank" data-tooltip="Github">
<img src="img/github.png" />
</a>
<a class="qiita" href="http://qiita.com/hottestseason" target="_blank" data-tooltip="Qiita">
<img src="img/qiita.jpg" />
</a>
<a class="linkedin" href="http://jp.linkedin.com/pub/natsu-sumihiko/4b/b38/ba6/" target="_blank" data-tooltip="LinkedIn">
<img src="img/linkedin.png" />
</a>
<a class="csg" href="http://www.csg.ci.i.u-tokyo.ac.jp/" target="_blank" data-tooltip="CSG">
<img src="img/csg.png" />
</a>
</div>
</div>
<div class="content">
<h2>Research Topics</h2>
<hr>
<ul class="research body">
<li><a href="./mobile_sensor_network.html">Mobile Sensor Network</a> @ Bachelor</li>
<li>
New parallel collection API for Agent-based social simulations on HPC @ Master
<br>
[<a href="./materials/ppl2014_poster.pdf">poster</a> @ <a href="http://www.fos.kuis.kyoto-u.ac.jp/ppl2014/">PPL2014</a>]
</li>
</ul>
</div>
<div class="content">
<h2>Softwares</h2>
<hr>
<ul class="applications body">
<li><a href="https://chrome.google.com/webstore/detail/recoreco/ekmcijhimodbdfmlbakbfkfhnmlcceni" target="_blank">Recoreco Video (beta)</a></li>
<li>
<a href="https://github.com/hottestseason/Stone" target="_blank">Stone language interpreter</a> implemented with lex, yacc and llvm
<br>
cf. <a href="http://www.csg.ci.i.u-tokyo.ac.jp/~chiba/site/?ScriptingBook">A new scripting language in two weeks</a> (２週間でできる？スクリプト言語の作り方)
</li>
</ul>
</div>
<div class="content">
<h2>Materials</h2>
<hr>
<ul class="body">
<li>
Rinko @ Dept. of Creative Informatics
<ul>
<li>
2013/06/28 <a href="./materials/20130628_rinko.pdf">Slide</a>
</li>
<li>
2013/12/13 <a href="./materials/20131213_rinko.pdf">Slide</a>
</li>
</ul>
</li>
</ul>
</div>
<footer class="content">
<hr>
<div class="body">© 2014 Sumihiko Natsu</div>
</footer>
</body>
</html>