forked from fxmanceau/plic
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
66 lines (66 loc) · 2.8 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Plic - Music Player</title>
<link rel="stylesheet" href="./style/reset.min.css">
<link rel="stylesheet" href="./style/style.min.css">
<link href="https://fonts.googleapis.com/css?family=Antic+Didone|Montserrat:400,700" rel="stylesheet">
<link rel="shortcut icon" href="./images/icons/plic.jpg">
</head>
<body>
<main class="music-illustrations">
<div class="images-container">
<div class="main-image not-animated loading"></div>
<div class="bio-image not-animated loading"></div>
</div>
<div class="lyrics-container">
<span class="lyrics-title">LYRICS</span>
<div class="lyrics-current-time">
<span class="first-lyric hide-lyric"></span>
</div>
</div>
</main>
<div class="controls-player">
<div class="played">
<div class="album-image not-animated loading">
<img class="main-color-base-image" src="">
</div>
<div class="music-information">
<span class="title not-animated-music-information"></span>
<span class="author-album not-animated-music-information"></span>
</div>
</div>
<div class="controls">
<audio src="" preload="metadata">
<track src="./lyrics/odesza-higher_ground.vtt" kind="subtitles" srclang="en" label="English" default>
</audio>
<div class="audio-time-control">
<span class="current-time"></span>
<div class="seek-bar-time">
<div class="fill-time"></div>
<div class="dot-seek-bar-time"></div>
</div>
<span class="duration"></span>
</div>
<div class="buttons-controls-music">
<button class="button-control random-button is-not-active"></button>
<button class="button-control skip-backward-button"></button>
<button class="button-control play-button is-not-active"></button>
<button class="button-control skip-forward-button"></button>
<button class="button-control repeat-button is-not-active"></button>
</div>
</div>
<div class="volume">
<button class="button-control toggle-volume"></button>
<div class="seek-bar-volume">
<div class="fill-volume"></div>
<div class="dot-seek-bar-volume"></div>
</div>
</div>
</div>
<script src="./script/script.min.js"></script>
</body>
</html>