-
Notifications
You must be signed in to change notification settings - Fork 0
/
hotkeys.html
135 lines (110 loc) · 3.73 KB
/
hotkeys.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Music Player</title>
<link rel="stylesheet" href="https://linfindel.github.io/nadircss/nadir.css">
<style></style>
</head>
<body>
<div class="navbar-column">
<nav id="navbar">
<h1>Music Player</h1>
</nav>
<button onclick="location.href = 'settings.html'" id="settings">
<span translate="no" class="material-symbols-rounded">arrow_back</span>
Back
</button>
</div>
<div class="column text-center" style="width: 50%; max-width: 100vw;">
<div class="column-flat" style="width: 100%;">
<div class="card-flat-bottom text-center" style="width: 100%;">
<h1>Keyboard Shortcuts</h1>
</div>
<div class="row-flat" style="width: calc(100% + 5rem);">
<div class="card-flat text-center" style="flex: 1;">
<p>Upload file</p>
</div>
<div class="card-flat text-center" style="flex: 1;">
<p>U</p>
</div>
</div>
<div class="row-flat" style="width: calc(100% + 5rem);">
<div class="card-flat text-center" style="flex: 1;">
<p>Play/pause</p>
</div>
<div class="card-flat text-center" style="flex: 1;">
<p>Spacebar</p>
</div>
</div>
<div class="row-flat" style="width: calc(100% + 5rem);">
<div class="card-flat text-center" style="flex: 1;">
<p>Stop</p>
</div>
<div class="card-flat text-center" style="flex: 1;">
<p>S</p>
</div>
</div>
<div class="row-flat" style="width: calc(100% + 5rem);">
<div class="card-flat text-center" style="flex: 1;">
<p>Toggle repeat</p>
</div>
<div class="card-flat text-center" style="flex: 1;">
<p>R</p>
</div>
</div>
<div class="row-flat" style="width: calc(100% + 5rem);">
<div class="card-flat text-center" style="flex: 1;">
<p>Open settings</p>
</div>
<div class="card-flat text-center" style="flex: 1;">
<p>O</p>
</div>
</div>
<div class="row-flat" style="width: calc(100% + 5rem);">
<div class="card-flat text-center" style="flex: 1;">
<p>Scrub at 10% intervals</p>
</div>
<div class="card-flat text-center" style="flex: 1;">
<p>0-9</p>
</div>
</div>
<div class="row-flat" style="width: calc(100% + 5rem);">
<div class="card-flat text-center" style="flex: 1;">
<p>Scrub at 1 second intervals</p>
</div>
<div class="card-flat text-center" style="flex: 1;">
<p>Right/Left Arrow</p>
</div>
</div>
<div class="row-flat" style="width: calc(100% + 5rem);">
<div class="card-flat text-center" style="flex: 1;">
<p>Scrub to start</p>
</div>
<div class="card-flat text-center" style="flex: 1;">
<p>Home</p>
</div>
</div>
<div class="row-flat" style="width: calc(100% + 5rem);">
<div class="card-flat text-center" style="flex: 1;">
<p>Scrub to end</p>
</div>
<div class="card-flat text-center" style="flex: 1;">
<p>End</p>
</div>
</div>
<div class="row-flat" style="width: calc(100% + 5rem);">
<div class="card-flat-bottom-left-alt text-center" style="flex: 1;">
<p>Go to homepage from settings</p>
</div>
<div class="card-flat-bottom-right-alt text-center" style="flex: 1;">
<p>H</p>
</div>
</div>
</div>
</div>
<script src="hotkeys.js"></script>
</body>
</html>