forked from overtone/overtone.github.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
126 lines (91 loc) · 4.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="icon" href="media/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="media/favicon.ico" type="image/x-icon">
<title>Overtone - Collaborative Programmable Music</title>
<link rel="stylesheet" href="style/style.css" />
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
</head>
<body>
<div id="wrap">
<div id="top-banner"></div>
<div id="header">
<h1 style="display:none;" id="overtone-text"><a href="index.html">overtone</a></h1>
<ul id="nav">
<img id="main-logo" src="media/overtone-logo.png" width="707" height="225">
<li><a href="https://github.com/overtone/overtone/">Source</a><span>/</span></li>
<li><a href="/docs.html">Documentation</a><span>/</span> </li>
<li><a href="https://github.com/overtone/overtone/wiki">Wiki</a><span>/</span> </li>
<li><a href="https://github.com/overtone/overtone/raw/master/docs/cheatsheet/overtone-cheat-sheet.pdf">Cheat Sheet</a><span>/</span></li>
<li><a href="http://twitter.com/overtone">Twitter</a></li>
</ul>
</div><!--end header-->
<div id="frontpage-content">
<div id="featured-section">
<div id="featured-section-details">
<h4>Collaborative Programmable Music</h4>
<p>Overtone is an open source audio environment designed to
explore new musical ideas from synthesis and sampling to
instrument building, live-coding and collaborative
jamming. We combine the
powerful <a href="http://supercollider.github.io/">SuperCollider</a>
audio engine,
with <a href="http://clojure.org">Clojure</a>, a state
of-the-art lisp, to create an intoxicating interactive
sonic experience.
</div><!--end featured-section-details-->
</div><!--end featured-section-->
<div id="latest-projects">
<div class="latest-project first-latest-project">
<a href="http://github.com/quil/quil"><img width="280" height="190" src="media/spira2.png" class="post-image" alt="h3xl3r hacking glsl shaders" title="VJ Ready" /></a> </div><!--end latest-project-->
<div class="latest-project ">
<a href="http://meta-ex.com"><img width="280" height="190" src="media/meta-ex-cbase.png" class="post-image" alt="Meta-eX Live Coding" title="Meta-eX Live Coding" /></a> </div><!--end latest-project-->
<div class="latest-project ">
<a href="http://groups.google.com/group/overtone"><img width="280" height="190" src="media/community.png" class="post-image" alt="Community" title="Community" /></a>
</div><!--end latest-project-->
<div id="overview">
<div class="overview-block first">
<h4>VJ Ready</h4>
<p>Synchronise your visuals and noise with ease. Overtone
features seamless integration with
both <a href="http://github.com/quil/quil">Quil</a>, a
Clojure front-end
to <a href="http://processing.org">Processing</a>
and <a href="https://github.com/overtone/shadertone">ShaderTone</a>,
a Clojure version
of <a href="https://www.shadertoy.com/">ShaderToy</a> an
OpenGL glsl shader programming environment. </p>
</div>
<div class="overview-block ">
<h4>Live Coding</h4>
<p>Overtone has been designed and engineered
for <a href="http://toplap.org">live
coding</a>. Our <a href="http://clojure.org">lisp
heritage</a> means that synthesizers, effects, analysers and
musical generators can be programmed and modified live in
real time whilst the sound keeps on blasting out. Check out
<a href="http://meta-ex.com">Meta-eX</a> for an example of a
band from this future. </p>
</div><!--end overview-block-->
<div class="overview-block">
<h4>Vibrant Community</h4>
<p>Overtone is more than just software - it's also a growing
community. Not only do we
have <a href="http://groups.google.com/group/overtone">hundreds
of users</a> pushing the boundaries of what's possible, we
also have a growing list
of <a href="https://github.com/overtone/overtone/contributors">contributors</a>
hacking with fervour on Overtone's sophisticated internals.
</p>
</div><!--end overview-block-->
</div><!--end overview-->
</div><!--end frontpage-content-->
<div class="line"></div>
<div id="footer">
<p class="social"><a href="http://twitter.com/overtone">Follow Overtone On Twitter »</a></p>
</div><!--end footer-->
</div><!--end wrap-->
</body>
</html>