-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathapp.html
87 lines (85 loc) · 3.05 KB
/
app.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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Procedural Song Generator</title>
<link rel="stylesheet" type="text/css" href="index.css">
<!-- <link rel="stylesheet" type="text/css" href="scene.css"> -->
<link rel="stylesheet" type="text/css" href="fontello/css/audio-providers.css">
<meta name="description" content="Randomly generated songs">
<meta name="author" content="Isaiah Odhner" />
<meta property="og:type" content="music.radio_station" />
</head>
<body>
<h1>Procedural Song Generator</h1>
<!--<div class="columns">
<p>The Sponge of Truth and Lies</p>
<p>In equal and opposite measure</p>
<p>Cathartic cacophony</p>
<p>Retched reverbertations</p>
<p>Spontanious sound shenanigans</p>
<p>Automatic chaotic euphony</p>
<p>Synthetic symphonic hodgepodge</p>
<p>Percussive pandemonium & rambunctious rhythm</p>
<p>Wayward librettist</p>
<p>Select the server other is file not play</p>
<p>Large birds, soft cheese, green fruit</p>
<p>A gathering of empty places</p>
<p>I would understand a colorless green idea</p>
<p>Cozy paranoia</p>
<p>Primary reality beta</p>
</div>-->
<noscript>
<style>
.js-only {
display: none !important;
}
</style>
</noscript>
<!-- <div id="tridiv">
<div class="scene" style="-webkit-transform:rotateX(21deg) rotateY(0deg); -moz-transform:rotateX(21deg) rotateY(0deg); -ms-transform:rotateX(21deg) rotateY(0deg); transform:rotateX(21deg) rotateY(0deg); ">
<div class="generate-button shape cuboid-1 cub-1" role="button" tabindex="0">
<div class="face ft">
<div class="photon-shader" style="background-color: rgba(255, 255, 255, 0.0313726);"></div>
<div class="button-label">
Generate Song
</div>
</div>
<div class="face bk"></div>
<div class="face rt"></div>
<div class="face lt"></div>
<div class="face bm"></div>
<div class="face tp"></div>
</div>
<div class="surface-plane left"></div>
<div class="surface-plane right"></div>
</div>
</div> -->
<form class="generate-form">
<div>
<input type="search" class="keywords-input" placeholder="Keywords"/>
</div>
<input type="submit" class="generate-button" value="Generate Song"/>
<div class="disclaimer">
Warning: may crash your computer. For best results, refresh page periodically.
</div>
</form>
<div class="status-indicator">
<span class="js-only">Checking...</span>
<noscript>JavaScript is required</noscript>
</div>
<div class="songs">
<h3>Songs</h3>
<ul class="songs-output"></ul>
</div>
<script src="lib/coffeescript.js"></script>
<script src="lib/tonejs-midi.js"></script>
<script src="lib/simple-reverb.js"></script>
<!-- <script src="lib/chorus.js"></script> -->
<script src="lib/socket.io.js"></script>
<script src="slice-audio-buffer.js"></script>
<!-- <script src="Rhythm.coffee" type="text/coffeescript"></script> -->
<script src="song.coffee" type="text/coffeescript"></script>
<script src="app.coffee" type="text/coffeescript"></script>
</body>
</html>