-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·100 lines (96 loc) · 3.69 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
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
permalink: /404.html
<html>
<head>
<meta charset="utf-8" />
<meta name="wot-verification" content="4419c5ece5c7ff809238"/>
<title>A Black Hole Symphony</title>
<link rel="stylesheet" type="text/css" href="style/main.css" />
<link rel="stylesheet" type="text/css" href="style/pace.css" />
<link rel="icon" type="image/x-icon" href="style/favicon.ico" />
<script type="text/javascript" src="js/pace.min.js"></script>
<script type="text/javascript" src="js/piano.js"></script>
<script type="text/javascript" src="js/notes.js"></script>
<script type="text/javascript" src="js/translators/translator.js"></script>
<script type="text/javascript" src="js/translators/retranslator.js"></script>
<script type="text/javascript" src="js/arm.js"></script>
<script type="text/javascript" src="js/db/music_list.js"></script>
<script async type="text/javascript" src="js/keyboard.js"></script>
<script async type="text/javascript" src="js/DOM/window_fnc.js"></script>
<script async type="text/javascript" src="js/DOM/index.js"></script>
<script async type="text/javascript" src="js/DOM/window_dom.js"></script>
<script async type="text/javascript" src="js/lastsession.js"></script>
<style>
p.ex1 {
margin-right: 100px;
margin-left: 100px;
}
.important-message {
font-weight: bold;
}
#content {
position: relative;
}
#content img2 {
position: absolute;
top: -30px;
right: 0px;
}
div.scroll {
width: 200px;
height: 200px;
overflow: scroll;
}
.header {
border:2px solid red;
}
.header .image {
background: url("http://placehold.it/64x64")
no-repeat;
width: 65px;
height: 65px;
border:2px solid green;
}
.header .text {
font: x-large sans-serif;
border:2px solid blue;
}
.header .image,
.header .text {
display: inline-block;
vertical-align: bottom;
}
</style>
</head>
<body>
<center>
<font color="white" size="20">
A Black Hole Symphony
</font>
</center>
<br>
<div style="color:white">
<p class="ex1", ,class="important-message"> This was a joint project initiated by Dr. Chad Hanna at the Institute of Gravitation and the Cosmos, and the music department at Penn State University. It was inspired after the initial detection by the Laser Interferometer Gravitational Wave Observatory (LIGO) of a binary black hole evolution that took place around 1.2 billion years ago. Read the theory behind the sounds <a href="https://arxiv.org/abs/1803.08090", style="color:white">here</a>
<br>
In a creative attempt to give sound to previously silent, catacylsmic astrophysical events, we simulated what extremal kerr black holes sound like when perturbed.
<br>
The audio files were created on Python by <a href="https://www.linkedin.com/in/daniel-george-21a117105", style="color:white">Daniel George</a>, Duncan Meacher and Dr. Chad Hanna
<br>
The original code for the virtual piano can be found <a href="https://github.com/otanim/virtual-piano", style="color:white">here</a>
</div>
<div id="piano">
<div id="btns">
<div id="styled" class="text" onclick="piano.styler()">Styles</div>
<div id="assistd" class="text" onclick="piano.assist()">Key assist Off</div>
<div id="recordd" class="text" onclick="win_fnc.viewer('recorder')">Recorder</div>
<div id="sheetd" class="text" onclick="win_fnc.viewer('sheet')">Sheets</div>
</div>
<div id="white"></div>
<div id="black"></div>
<div id="audio" onerror="location.reload()"></div>
</div>
<div id='win'></div>
<div style="color:white" id="footer" class="row" >
© Penn State University
</div>
</body>
</html>