-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
124 lines (107 loc) · 4.76 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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="Extraordinary VST plugins based on physical simulations">
<meta name="author" content="Überton">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="apple-touch-icon" sizes="180x180" href="ico/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="ico/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="ico/favicon-16x16.png">
<link rel="manifest" href="ico/site.webmanifest">
<link rel="mask-icon" href="ico/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link rel="stylesheet" href="css/main.css">
<title>Überton · Home</title>
<script>// prevent css transitions on start</script>
<script src="js/main.js"></script>
</head>
<body onload="onBodyLoad()">
<a href="#main-content" class="skip-to-content">Skip to content</a>
<div class="banner"></div>
<div class="header-spacer"></div>
<div class="header">
<div class="logo">
<img src="media/img/logo_black_glow.svg">
</div>
</div>
<div class="nav-wrapper">
<div class="nav-wrapper-flex">
<div class="menu-button menu-open-button" onclick="open_mobile_nav()">
<span></span>
</div>
<div class="nav-inner-wrapper">
<div class="menu-button menu-close-button" onclick="close_mobile_nav()">
<span></span>
</div>
<nav>
<a class="sel" href="javascript:void(0)">Home</a>
<a href="Plugins">Plugins</a>
<a href="Listening">Listening</a>
<a href="Developer">Developer</a>
<a href="Contact">Contact</a>
</nav>
</div>
</div>
</div>
<div class="main-wrapper">
<div class="important-note">
<b>Important</b>: This website will move to <a href="https://uberton.github.io">https://uberton.github.io</a> on March 31st, 2025.
</div>
<main class="two_col_container" id="main-content">
<div>
<h1 class="glow1">
How would a different universe sound?
</h1>
<p>
The Überton Project aims to develop ready-to-use and open-source VST® audio plugins for instruments
and sound effects based on concepts of theoretical physics.
</p>
<a class="mhref-isolated" href="Plugins">PLUGIN DOWNLOADS</a>
<p>
In the virtual space we want to hear real sounds that are inaccessible by actual instruments. While
there can only be unsatisfactory visual projections of higher dimensions, it is possible to simulate
the true sounds produced in these spaces.
</p>
<br />
<div class="img-container">
<img src="media/img/tesseract_snapshot.jpg" width=350 />
</div>
<br />
</div>
<div>
<h1 class="glow2">
Sounds of the macro- and microcosm
</h1>
<p>
Mathematics provides tools to model higher-dimensional vibrating objects and sound propagation
for rooms in more than 3D, as well as vibrating strings like those of a harp - so small
that quantum effects enter as a source of natural randomness.
</p>
<p>
The Überton project initially started with an academy course "Co(s)mic Sounds" and the first
plugin was developed by J. Kipping, K. Levi, S. Lentner.
</p>
</div>
<div>
<p>
Our main goal is to also use the newly built instruments in creative expressions and art. In the academy course, the participants developed and performed
a first experimental composition "Raum et ude". The audio file and the program booklet can be downloaded <a class="mhref" href="Listening">here</a>.
</p>
</div>
<div>
<div class="img-container">
<br />
<img src="media/img/VST_Compatible_Logo_Steinberg_with_TM.svg" id="vst-compatible-logo" />
</div>
</div>
</main>
<footer>
<p>
© Überton 2021-2025
</p>
</footer>
</div>
</body>
</html>