-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
117 lines (109 loc) · 4.27 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
<!DOCTYPE html>
<meta charset="UTF-8">
<html>
<head>
<title>keidaroo's homepage</title>
<link rel="shortcut icon" href="spaceman.png" type="image/png">
<script src="scripts/jquery.min.js"></script>
<script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
<link rel="stylesheet" href="styles/home.css" />
<link href="https://fonts.googleapis.com/css?family=Advent+Pro:700|Roboto|Roboto+Condensed:700" rel="stylesheet">
<script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js"
integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl" crossorigin="anonymous">
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-116132089-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-116132089-1');
</script>
</head>
<!-- import untill here :)-->
<body>
<canvas id="home-wallpaper"></canvas>
<div class="logoName">
keidaroo's homepage
</div>
<div class="scene">
<div id="rocketCenter">
<div id="spaceman"> </div>
<div class="layer rocketImage"></div>
<div class="scrollButton"> </div>
</div>
<div class="planetBrown"> </div>
<div class="planetRed"> </div>
<div class="planetPink"> </div>
<div class="planetGreen"> </div>
<div class="starSky"></div>
<div class="starSkyAlpha1"></div>
</div>
<div id="printf">
<span id="spacemanHor"> </span>
<div id="printfMain">
<span class="nowrap">I AM A <span id="ageDisplay"> </span> YEAR OLD<br /> STUDENT</span> <span
id="compColor">AT <br>COLUMBIA UNIVERSITY</span>
</div>
</div>
<div id="clockmain">
<div id="citySup">I LIVE IN </div>
<div id="city"><span id="tokyoColor">TOKYO</span> & <span id="tokyoColor">NY</span> </div>
<div class="clock">
<span id="clockCenter"></span>
<span class="minute"> </span>
<span class="hour"> </span>
</div>
</div>
<div id="hobbyList">
<ul id="hobbyTrans">
<span id="topicHobby">ACHIEVEMENT</span><br /><br />
<span id="listOpacity">
<li class="listHobby">孫正義育英財団3rd gen</li>
<li class="listHobby">未踏2021スーパークリエータ</li>
<li class="listHobby"> アプリ甲子園2018優勝・総務大臣賞</li><br />
<li class="listHobby">UNITYインターハイ2018ゴールドアワード </li><br />
<li class="listHobby">航空会社の乗員2万人にアプリを配備</li> <br />
<li class="listHobby">U18ゲーム大賞2018ファイナリスト</li> <br />
</li> <br />
<li class="listHobby">
未踏ジュニア2019 スーパークリエータ
</li> <br />
<li class="listHobby">SONY U24 CO-CHALLENGE 2020 ファイナリスト </li>
<li class="listHobby">
第82回情報処理学会 全国大会</br>
中高生情報学研究コンテスト - 情報処理教育委員会 委員長賞
</li>
<li class="listHobby">パズルゲーム <a href="./links/abecobe/" class="mesCol">abecobe</a> 製作 </li>
</span> </ul> <span id=" blueScreen">
</span>
</div>
<div id="contactMe">
<div class="mesCenter">
<span id="messageIMG"> </span>
</div>
<div class="mesCenter">
<span id="mailMes">
<span id="mesSup">HAVE AN IDEA TO COLLABORATE ON?</span><br /> I'D LOVE TO HEAR FROM YOU <span
class="mesCol">:D</span><br />
<a class="mailAdd" href="mailto:[email protected]">[email protected]</a><br />
or
<br />
<a class="mailAdd" href="https://twitter.com/keidaroo">twitter:@keidaroo</a><br />
</span>
</div>
</div>
<div class="SNS">
<div id="SNSlist">
<a href="https://twitter.com/keidaroo/" target="_blank"><i class="fab fa-twitter icons"></i></a>
<a href="https://www.instagram.com/keidaroo/?hl=ja" target="_blank"><i class="fab fa-instagram icons"></i></a>
<a href="https://github.com/keidaroo" target="_blank"><i class="fab fa-github icons"></i></a>
</div>
<span id="special">
</span>
</div>
</body>
</html>
<script src="scripts/home.js"></script>