-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
168 lines (159 loc) · 7.28 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>
<title>Yamanotes</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="apple-touch-icon" sizes="152x152" href="icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
<link rel="manifest" href="icons/site.webmanifest">
<link rel="mask-icon" href="icons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="icons/favicon.ico">
<meta charset="UTF-8">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="msapplication-config" content="icons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<meta name="description" content="Yamanotes (/jamanoʊts/) is a web-based music box for playing the departure melodies of each station on the JR Yamanote Line/山手線!">
</head>
<script src="scripts/looper.js"></script>
<script src="scripts/headershrink.js"></script>
<script src="scripts/soundonclick.js"></script>
<script src="scripts/menuclick.js"></script>
<script src="scripts/utils.js"></script>
<script src="scripts/yamanote.js"></script>
<body>
<div class="header" id="shrinkHeader">
<h1>Yamanotes<br>山ノーツ</h1>
</div>
<div class="wrapper">
<ul class="loop">
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(sh3, 'Tokyo')">東京</b> Tokyo</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(seseragi, 'Kanda')">神田</b> Kanda</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(ogawav1, 'Akihabara')">秋葉原</b> Akihabara</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(harutrem, 'Okachimachi')">御徒町</b> Okachimachi</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(bellb, 'Ueno')">上野</b> Ueno</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(harutrem, 'Uguisudani')">鶯谷</b> Uguisudani</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(harutrem, 'Nippori')">日暮里</b> Nippori</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(harutrem, 'Nishi-Nippori')">西日暮里</b> Nishi-Nippori</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(harutrem, 'Tabata')">田端</b> Tabata</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(sakurab, 'Komagome')">駒込</b> Komagome</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(haru, 'Sugamo')">巣鴨</b> Sugamo</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(haru,'Ōtsuka')">大塚</b> Ōtsuka</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(melody, 'Ikebukuro')">池袋</b> Ikebukuro</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(haru, 'Mejiro')">目白</b> Mejiro</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(astrob, 'Takadanobaba')">高田馬場</b> Takadanobaba</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(bellb, 'Shin-Ōkubo')">新大久保</b> Shin-Ōkubo</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(aratana, 'Shinjuku')">新宿</b> Shinjuku</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(haru, 'Yoyogi')">代々木</b> Yoyogi</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(harajukua, 'Harajuku')">原宿</b> Harajuku</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(hananohorokobi, 'Shibuya')">渋谷</b> Shibuya</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(thirdman, 'Ebisu')">恵比寿</b> Ebisu</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(watercrown, 'Meguro')">目黒</b> Meguro</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(sh23, 'Gotanda')">五反田</b> Gotanda</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(uminoeki, 'Ōsaki')">大崎</b> Ōsaki</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(seseragi, 'Shinagawa')">品川</b> Shinagawa</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(sweetcall, 'Takanawa Gateway')">高輪ゲートウェイ</b><br>Takanawa Gateway</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(seseragi, 'Tamachi')">田町</b> Tamachi</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(seseragi, 'Hamamatsuchō')">浜松町</b> Hamamatsuchō</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(gotadelvient, 'Shimbashi')">新橋</b> Shimbashi</a></li>
<li>▫️</li>
<li>▫️</li>
<li><b><a href="#current" onclick="onClickFunction(sh21, 'Yūrakuchō')">有楽町</b> Yūrakuchō</a></li>
</ul>
</div>
<div class="footer">
<div class="dropdown">
<h3><a onclick="myFunction()" class="dropbtn">line</a></h3>
<div id="myDropdown" class="dropdown-content">
<h3><a href="lines/kt.html">Keihin-T.</a>
<a href="lines/nex.html">N'EX</a>
<a href="lines/saikyo.html">Saikyō</a>
<a href="lines/sobu.html">Sōbu</a>
<a href="lines/uenotokyo.html">Ueno-T.</a>
<a href="#">Yamanote</a></h3>
</div>
</div>
<h3><a href="https://github.com/morgansleeper/Yamanotes">about</a></h3>
</div>
</body>
<audio>
<source src="audio/aratana.mp3" type="audio/mpeg">
<source src="audio/astrob.mp3" type="audio/mpeg">
<source src="audio/bellb.mp3" type="audio/mpeg">
<source src="audio/gotadelvient.mp3" type="audio/mpeg">
<source src="audio/hananohorokobi.mp3" type="audio/mpeg">
<source src="audio/harajukua.mp3" type="audio/mpeg">
<source src="audio/haru.mp3" type="audio/mpeg">
<source src="audio/harutrem.mp3" type="audio/mpeg">
<source src="audio/melody.mp3" type="audio/mpeg">
<source src="audio/ogawav1.mp3" type="audio/mpeg">
<source src="audio/sakurab.mp3" type="audio/mpeg">
<source src="audio/seseragi.mp3" type="audio/mpeg">
<source src="audio/sf1.mp3" type="audio/mpeg">
<source src="audio/sh21.mp3" type="audio/mpeg">
<source src="audio/sh23.mp3" type="audio/mpeg">
<source src="audio/sh3.mp3" type="audio/mpeg">
<source src="audio/sweetcall.mp3" type="audio/mpeg">
<source src="audio/thirdman.mp3" type="audio/mpeg">
<source src="audio/uminoeki.mp3" type="audio/mpeg">
<source src="audio/watercrown.mp3" type="audio/mpeg">
</audio>
</html>