-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
73 lines (66 loc) · 2.92 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Harmonic Tension Visualizer</title>
<link rel="stylesheet" href="./style.css">
<!-- removes outline from buttons, only for chrome. -->
<style>
:focus {
outline: 0;
}
</style>
</head>
<body>
<div id="top"></div>
<script src="https://unpkg.com/[email protected]/build/Tone.js"></script>
<!-- partial:index.partial.html -->
<div id="pagina">
<div id="contenitore">
<div id="title_container">
<div id="harmonic" class="title_element">HARMONIC</div>
<div id="tension" class="title_element">TENSION</div>
<div id="visualizer" class="title_element">VISUALIZER</div>
</div>
<a href="#top">
<div id="playButton" class="scrollButton"><i class="fas fa-play"></i></div>
</a>
<div id="playFasterButton" class="scrollButton"><i class="fas fa-times"></i>2</div>
<div id="stopButton" class="scrollButton"><i class="fas fa-pause"></i></div>
<div id="rewindButton" class="scrollButton"><i class="fas fa-stop"></i></div>
<div id="effectButton" class="scrollButton"><i class="fas fa-sliders-h"></i></div>
<div id="effectDropDown" class="dropdown-content">
<div id="noEffect">No effect</div>
<div id="distortionOpt">Vintage</div>
<div id="feedBackOpt">Feedback delay</div>
<div id="VibratoOpt">Vibrato</div>
</div>
<div id="muteButton" class="scrollButton"><i class="fas fa-volume-mute"></i></div>
<!--<div id="volumeDownButton" class="scrollButton"><i class="fas fa-volume-down"></i></div>
<div id="volumeUpButton" class="scrollButton"><i class="fas fa-volume-up"></i></div>-->
<div id="resetButton" class="scrollButton"><i class="fas fa-trash-alt"></i></div>
<input id="fileName" type="text" placeholder=" Document title" class="missingName">
<div id="downloadButton" class="scrollButton"><i class="fas fa-file-download"></i></div>
<div id="readmeButton" class="scrollButton">
<a href="#readMe"><i class="fas fa-question-circle"></i></a>
</div>
<div id="uploadButton" class="scrollButton">
<label for="file-input"><i class="fas fa-folder-open"></i></label>
<input type="file" id="file-input" accept="text/txt">
</div>
<div id="info"></div>
</div>
<div id="input_block">
<canvas>
</canvas>
</div>
<div id="output_block">
</div>
<div id="bottom_panel">
</div>
</div>
<!-- partial -->
<script type="module" src="./script.js"></script>
<script src="https://kit.fontawesome.com/2783d2fcbb.js" crossorigin="anonymous"></script>
</body>
</html>