-
Notifications
You must be signed in to change notification settings - Fork 0
/
home.html
152 lines (150 loc) · 5.49 KB
/
home.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./home.css" />
</head>
<body>
<audio id="BGM" preload="auto">
<source src="" type="audio/mp3">
</audio>
<audio id="move" preload="auto">
<source src="" muted="muted" type="audio/mp3">
</audio>
<audio id="select" preload="auto">
<source src="" muted="muted" type="audio/mp3">
</audio>
<audio id="cancel" preload="auto">
<source src="" muted="muted" type="audio/mp3">
</audio>
<div class="scene">
<iframe src="https://henohetk.github.io/KITAMURA-Quest/buttle-scene.html" class="buttle-scene" id="id_ifrem"></iframe>
</div>
<div class=hpmp>
<meter value=200 max="200" min="0" low="10000" class=teki-hp></meter>
<label>
<span>HP</span>
<meter value=200 max="200" min="0" low="50"></meter>
</label>
<label>
<span>MP</span>
<meter value=100 max="100" min="0" low="50"></meter>
</label>
</div>
<div class="works-menue" id="works-menue">
<ul class="work-buttons">
<li class="works-li">
<input type="submit" value="初めて作るポートフォリオ" class="skill-button" id="portfolio-button">
<div class="skill-popup">
<h2 id="bleder popup">n予備校プログラミング入門の一章を終わったぐらいで</h2>
<h2 id="bleder popup">なにか作りたくなったのでとりあえず作りました。</h2>
<a herf="https://henohenon.github.io/portfolio/myportfolio.html">こちらから</a>
</div>
</li>
<li class="skill-li">
<input type="submit" value="オリジナルゲー" class="skill-button" id="game-button">
<div class="skill-popup">
<h2 id="bleder popup">unityで作った初めてにして唯一完成したゲームです。</h2>
<h2 id="bleder popup">なかなか最近は完成まで持って行けず...</h2>
<h2 id="bleder popup">小学生にしちゃぁ頑張ったと思います。ぜひ！</h2>
</div>
</li>
<li class="skill-li">
<input type="submit" value="HTML5,css,javascript" class="skill-button" id="-button">
<div class="skill-popup">
<h2 id="bleder popup">n高校に入ってから勉強中</h2>
<h2 id="bleder popup">このページを作れるぐらいには成長</h2>
</div>
</li>
</ul>
<input type="submit" class="back-button" value="back" id="back-button"/>
</div>
</div>
<div class="skill-menue" id="skill-menue">
<ul class="skill-buttons">
<li class="skill-li">
<input type="submit" value="Blender" class="skill-button" id="blender-button">
<div class="skill-popup">
<h2 id="bleder popup">2~3年ほどやっている</h2>
<h2 id="bleder popup">人を2週間弱ぐらいで作れるぐらいには成長</h2>
</div>
</li>
<li class="skill-li">
<input type="submit" value="Unity" class="skill-button" id="unity-button">
<div class="skill-popup">
<h2 id="bleder popup">3~4年ほどやっている</h2>
<h2 id="bleder popup">正直最近はやれていないが、簡単なシューティングぐらいなら2~3日で作れる(はず)</h2>
</div>
</li>
<li class="skill-li">
<input type="submit" value="HTML5,css,javascript" class="skill-button" id="html-button">
<div class="skill-popup">
<h2 id="bleder popup">n高校に入ってから勉強中</h2>
<h2 id="bleder popup">このページを作れるぐらいには成長</h2>
</div>
</li>
</ul>
<input type="submit" class="back-button" value="back" id="back-button"/>
</div>
</div>
<div class="about-menue"id=about-menue>
<h1 class="about-me">about me</h1>
<div class=status>
<h2 class=status-text>status</h2>
<label class=hp-label>
<span>HP</span>
<meter value=200 max="200" min="0" low="50" class="status-hp"></meter>
<span>200/200</span>
</label>
<br>
<label>
<span>MP</span>
<meter value=200 max="200" min="0" low="50" class="status-mp"></meter>
<span>100/100</span>
</label>
<h3>状態</h3>
<ul>
<li>疲れ気味</li>
<li>開発依存症予備軍</li>
<li>ひまひま症候群</li>
</ul>
</div>
<div class=syogo>
<h2 class=syogo-title>称号一覧</h2>
<ul class=syogo-text>
<li>n高等学校5期1年生</li>
<li>新米webプログラマー</li>
<li>ゲーム開発の亡者</li>
<li>センスがないモデラー</li>
</ul>
</div>
<input type="submit" class="about-back" value="back" id="back-button"/>
</div>
<div class="texts">
<ul class="main-buttons" id="main-buttons">
<li>
<input type="submit" value="AboutMe" class="main-button hover" id="about-button">
</li>
<li>
<input type="submit" value="Skills" class="main-button" id="skills-button">
</li>
<li>
<input type="submit" value="Works" class="main-button" id="works-button">
</li>
</ul>
<ul class="main-icons" id="main-icons">
<li>
<a class="before-circle">A</a>
</li>
<li>
<a class="before-circle">S</a>
</li>
<li>
<a class="before-circle">W</a>
</li>
</ul>
<script src="./home.js"></script>
</body>
</html>