forked from go-hits/rachel
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnextThurteen.html
259 lines (183 loc) · 10.2 KB
/
nextThurteen.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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
<html>
<head>
<title></title>
<meta charset="utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#68768A">
<meta name="author" content="Bee corp">
<link rel="stylesheet" href="css/music.css">
<link>
<style>
</style>
</head>
<body>
<!--container start-->
<div id="container">
<!--head start-->
<style>
</style>
<div id="head">
<div id="title">
<p>ambitious <span>Music</span>
</p>
</div>
<!--nav cont start-->
<style>
</style>
<div id="nav-cont">
<!--menu btn start-->
<button id="menu_btn" onclick="showNav()">
<svg aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><rect width="18" height="2" x="3" y="11" fill="white" rx=".95" ry=".95"/><rect width="18" height="2" x="3" y="16" fill="white" rx=".95" ry=".95"/><rect width="18" height="2" x="3" y="6" fill="white" rx=".95" ry=".95"/></svg>
</button>
<!--menu btn end-->
<!--cancel btn start-->
<button id="cancel_btn" onclick="hideNav()">
<svg aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="none" stroke="white" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M6.758 17.243L12.001 12m5.243-5.243L12 12m0 0L6.758 6.757M12.001 12l5.243 5.243"/></svg>
</button>
<!--cancel btn end-->
</div>
<!--nav cont end-->
<script>
</script>
<!--navigation opener-->
<style>
</style>
<div id="nav_opener">
<center>
<a href="#.html" >
<button>
Home
</button>
</a>
<a href="#.html" >
<button>
Contact
</button>
</a>
<a href="#.html" >
<button>
About
</button>
</a>
<a href="https://comp-bee.github.io/corp/" >
<button>
Market
</button>
</a>
<a href="bartwel27.github.io/server/" >
<button>
Developer
</button>
</a>
</center>
</div>
<!--navigation opener-->
</div>
<!--top nav start-->
<style>
</style>
<div id="top-nav">
<button>
<svg aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="white" d="M3 13h1v7c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-7h1a1 1 0 0 0 .707-1.707l-9-9a.999.999 0 0 0-1.414 0l-9 9A1 1 0 0 0 3 13zm7 7v-5h4v5h-4zm2-15.586l6 6V15l.001 5H16v-5c0-1.103-.897-2-2-2h-4c-1.103 0-2 .897-2 2v5H6v-9.586l6-6z"/></svg>
<br><br>
<span><b>Home</b></span>
</button>
<button>
<svg aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><g fill="none" stroke="white" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M8 18V5.716a2 2 0 0 1 1.696-1.977l9-1.385A2 2 0 0 1 21 4.331V16"/><path d="m8 9l13-2"/><path stroke-linecap="round" stroke-linejoin="round" d="M8 18a3 3 0 1 1-6 0c0-1.657 1.343-2 3-2s3 .343 3 2Zm13-2a3 3 0 1 1-6 0c0-1.657 1.343-2 3-2s3 .343 3 2Z"/></g></svg>
<br><br>
<span>Music</span>
</button>
<a href="" >
<button>
<svg aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 32 32"><path fill="white" d="M16 10a6 6 0 0 0-6 6v8a6 6 0 0 0 12 0v-8a6 6 0 0 0-6-6zm-4.25 7.87h8.5v4.25h-8.5zM16 28.25A4.27 4.27 0 0 1 11.75 24v-.13h8.5V24A4.27 4.27 0 0 1 16 28.25zm4.25-12.13h-8.5V16a4.25 4.25 0 0 1 8.5 0zm10.41 3.09L24 13v9.1a4 4 0 0 0 8 0a3.83 3.83 0 0 0-1.34-2.89zM28 24.35a2.25 2.25 0 0 1-2.25-2.25V17l3.72 3.47A2.05 2.05 0 0 1 30.2 22a2.25 2.25 0 0 1-2.2 2.35zM0 22.1a4 4 0 0 0 8 0V13l-6.66 6.21A3.88 3.88 0 0 0 0 22.1zm2.48-1.56L6.25 17v5.1a2.25 2.25 0 0 1-4.5 0a2.05 2.05 0 0 1 .73-1.56zM15 5.5A3.5 3.5 0 1 0 11.5 9A3.5 3.5 0 0 0 15 5.5zm-5.25 0a1.75 1.75 0 1 1 1.75 1.75A1.77 1.77 0 0 1 9.75 5.5zM20.5 2A3.5 3.5 0 1 0 24 5.5A3.5 3.5 0 0 0 20.5 2zm0 5.25a1.75 1.75 0 1 1 1.75-1.75a1.77 1.77 0 0 1-1.75 1.75z"/></svg>
<br><br>
<span>Market</span>
</button>
</a>
<button>
<svg aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="white" fill-rule="evenodd" d="M12 2a2 2 0 1 1 0 4a2 2 0 0 1 0-4Zm0 8a2 2 0 1 1 0 4a2 2 0 0 1 0-4Zm0 8a2 2 0 1 1 0 4a2 2 0 0 1 0-4Z" clip-rule="evenodd"/></svg>
<br><br>
<span>More</span>
</button>
</div>
<!--top nav end-->
<svg viewBox="0 0 1440 320"><path fill="#68768A" fill-opacity="1" d="M0,256L48,261.3C96,267,192,277,288,250.7C384,224,480,160,576,149.3C672,139,768,181,864,208C960,235,1056,245,1152,224C1248,203,1344,149,1392,122.7L1440,96L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"></path></svg>
<!--head end-->
<!--search cont start-->
<style>
</style>
<div id="search-cont">
<div id="wrape-search-func">
<form>
<input name="search" type="search" placeholder="Search here...">
<button onclick="alert('Coming soon bee is upgrading...');">
<svg aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"><path fill="white" d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0a5.5 5.5 0 0 1 11 0z"/></svg>
</button>
</form>
</div>
</div>
<!--search cont end-->
<!--music con start-->
<style>
</style>
<svg viewBox="0 0 1440 320"><path fill="#DEB887" fill-opacity="1" d="M0,288L20,250.7C40,213,80,139,120,112C160,85,200,107,240,138.7C280,171,320,213,360,229.3C400,245,440,235,480,197.3C520,160,560,96,600,106.7C640,117,680,203,720,224C760,245,800,203,840,165.3C880,128,920,96,960,85.3C1000,75,1040,85,1080,106.7C1120,128,1160,160,1200,154.7C1240,149,1280,107,1320,90.7C1360,75,1400,85,1420,90.7L1440,96L1440,320L1420,320C1400,320,1360,320,1320,320C1280,320,1240,320,1200,320C1160,320,1120,320,1080,320C1040,320,1000,320,960,320C920,320,880,320,840,320C800,320,760,320,720,320C680,320,640,320,600,320C560,320,520,320,480,320C440,320,400,320,360,320C320,320,280,320,240,320C200,320,160,320,120,320C80,320,40,320,20,320L0,320Z"></path></svg>
<div id="music-cont">
<img src="img/sadokid.png">
<p>k4_jamaina_blessings_ft_chunx_musa_mp3_51954</p>
<div id="action-cont">
<audio id="audio1" src="/sdcard/music/[CLEAN]_Machine_Gun_Kelly_-_my_ex's_best_friend_(feat._blackbear)(128k).mp3"></audio>
<!--share btn start-->
<a href="index.html" >
<button style="border-top:0px;">
<svg aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="white" d="M19 3H5c-1.11 0-2 .89-2 2v4h2V5h14v14H5v-4H3v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m-8.92 12.58L11.5 17l5-5l-5-5l-1.42 1.41L12.67 11H3v2h9.67l-2.59 2.58Z"/></svg>
<span>exit download, go back to home</span>
</button>
</a>
<!--share btn end-->
<!--play nd pause btn start-->
<button id="playbtn" onclick="player1()">
<svg aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"><path fill="white" d="M10.804 8L5 4.633v6.734L10.804 8zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C4.713 12.69 4 12.345 4 11.692V4.308c0-.653.713-.998 1.233-.696l6.363 3.692z"/></svg>
<span>Play MP3 Audio</span>
</button>
<button id="pausebtn" onclick="pauser1()">
<svg aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><path fill="none" stroke="white" stroke-linecap="round" stroke-width="2" d="M7 5v14M17 5v14"/></svg>
<span>Pause MP3 Audio</span>
</button>
<script>
</script>
<!--play nd pause btn end-->
<!--download btn start-->
<a href="" download>
<button>
<svg aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"><path fill="white" d="M216 0h80c13.3 0 24 10.7 24 24v168h87.7c17.8 0 26.7 21.5 14.1 34.1L269.7 378.3c-7.5 7.5-19.8 7.5-27.3 0L90.1 226.1c-12.6-12.6-3.7-34.1 14.1-34.1H192V24c0-13.3 10.7-24 24-24zm296 376v112c0 13.3-10.7 24-24 24H24c-13.3 0-24-10.7-24-24V376c0-13.3 10.7-24 24-24h146.7l49 49c20.1 20.1 52.5 20.1 72.6 0l49-49H488c13.3 0 24 10.7 24 24zm-124 88c0-11-9-20-20-20s-20 9-20 20s9 20 20 20s20-9 20-20zm64 0c0-11-9-20-20-20s-20 9-20 20s9 20 20 20s20-9 20-20z"/></svg>
<span>Download MP3 Audio
</button>
</a>
<!--download btn end-->
</div>
</div>
<svg viewBox="0 0 1440 320"><path fill="#DEB887" fill-opacity="1" d="M0,288L20,250.7C40,213,80,139,120,112C160,85,200,107,240,138.7C280,171,320,213,360,229.3C400,245,440,235,480,197.3C520,160,560,96,600,106.7C640,117,680,203,720,224C760,245,800,203,840,165.3C880,128,920,96,960,85.3C1000,75,1040,85,1080,106.7C1120,128,1160,160,1200,154.7C1240,149,1280,107,1320,90.7C1360,75,1400,85,1420,90.7L1440,96L1440,0L1420,0C1400,0,1360,0,1320,0C1280,0,1240,0,1200,0C1160,0,1120,0,1080,0C1040,0,1000,0,960,0C920,0,880,0,840,0C800,0,760,0,720,0C680,0,640,0,600,0C560,0,520,0,480,0C440,0,400,0,360,0C320,0,280,0,240,0C200,0,160,0,120,0C80,0,40,0,20,0L0,0Z"></path></svg>
<!--music cont end-->
<!--footer start-->
<style>
</style>
<svg viewBox="0 0 1440 320"><path fill="#68768A" fill-opacity="1" d="M0,96L48,85.3C96,75,192,53,288,80C384,107,480,181,576,181.3C672,181,768,107,864,96C960,85,1056,139,1152,133.3C1248,128,1344,64,1392,32L1440,0L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>
<footer>
<center>
<b>©Ambitious MUSIC 2022</b>
</center>
<a href="#" >
<button>
<svg aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"><path fill="white" d="M256 16C123.452 16 16 123.452 16 256s107.452 240 240 240s240-107.452 240-240S388.548 16 256 16Zm147.078 387.078a207.253 207.253 0 1 1 44.589-66.125a207.332 207.332 0 0 1-44.589 66.125Z"/><path fill="white" d="m142.319 241.027l22.628 22.627L240 188.602V376h32V188.602l75.053 75.052l22.628-22.627L256 127.347l-113.681 113.68z"/></svg>
</button>
</a>
</footer>
<!--footer end-->
</div>
<!--container end-->
<script src="js/nav.js"></script>
<script src="js/musicPlayer.js"></script>
</body>
</html>