-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
112 lines (85 loc) · 5.17 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
<html>
<head>
<title>Scratch Markup Language – digitizing turntablism</title>
<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" charset="utf-8" />
<script src="js/application.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div id="container">
<div id="header">
<!-- <h1>Scratch Markup Language (SML/ScratchML)</h1> -->
<h1><a href="/"><img src="images/sml-header-big.gif" alt="Scratch Markup Language (SML/ScratchML)" /></a></h1>
<div id="navigation">
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
</div>
<div id="main">
<div id="updates">
Subscribe for project news
<div id="socialmedia">
<!-- <div class="twitter">
<a href="https://twitter.com/share" class="twitter-share-button" data-text="Scratch Markup Language" data-href="http://scratchml.com" data-url="http://scratchml.com" data-count="none">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div> -->
<div class="twitter">
<a href="https://twitter.com/scratchml" class="twitter-follow-button" data-show-count="false" data-lang="en">Follow @scratchml</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<div class="google" style="float: left; margin-right: 10px;">
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<div class="g-plusone" data-size="medium" data-annotation="none" data-href="https://plus.google.com/b/112289216086427435203/"></div>
</div>
<div class="facebook">
<iframe src="//www.facebook.com/plugins/like.php?href=https://www.facebook.com/pages/ScratchML/310930425610209&send=false&layout=button_count&width=100&show_faces=false&action=like&colorscheme=light&font=lucida+grande&height=21&appId=202084943139708" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
</div>
</div>
<div id="mailing_list">
<p>Developers:</p>
<a href="http://groups.google.com/group/scratchml">Mailing list</a>
<p><strong>IRC:</strong><br />
#fatlab on irc.freenode.net
</div>
</div>
<div id="description">
<p>
<h2>What's the idea?</h2>
<p>We're creating a format for describing turntablism, as well as tools for
recording, analyzing, sharing, and even recreating scratch performances
them with robot arms. We want to do for turntablism what
<a href="http://graffitimarkuplanguage.com">Graffiti Markup Language</a> has done for tagging.
<h2>News</h2>
<p><em>Jan 26-28, 2012</em>: Kyle and Jamie will be participating in the <a href="http://arthackday.net">Art Hack Day</a> in NYC, developing and demonstrating ScratchML technology.
<p><em>Jan 22, 2012</em>: this site is finally online.
<h2>How does this work?</h2>
<p>We've been experimenting with a bunch of techniques for recording performances.
From open-source decoding of timecoded vinyl, to camera-based techniques, cross-
fader hacking, and even reverse engineering the digital output from high-end mixers.
We'll have some optical mouse parts to play with, too.
<h2>How can I help?</h2>
<p>Our goal for art hack day is to release tools and tutorials for recording data, and
have an interface for sharing it on the web. We're going to develop a few different
code, or electronics. We'll also need people to play with and document those tools:
musicians, artists, and designers.
<h2>What are those squiggly lines in the grid?</h2>
<img src="images/ttm-example.png" alt="TTM Example" />
<p>That's <a href="http://dj.wikia.com/wiki/Scratching">Turntablist Transcription Methodoogy</a> (TTM). Each curve represents the move-
ment of vinyl over time, while breaks in the lines represent crossfader movement.
It's not exactly what we're going for, but it's a good way to start thinking about
the data we're recording, sharing, and analyzing.
<h2>Who is involved?</h2>
<p>ScratchML is the brainchild of <a href="http://lm4k.com">Michael Auger</a>, <a href="http://jamiedubs.com">Jamie Wilkinson</a> and <a href="http://kylemcdonald.net/">Kyle McDonald</a>.
Thanks and shoutouts to <a href="http://mediaprodigy.com">Kirk Moreno</a>.
<p>The idea for ScratchML is as old as GML, but owes a lot of inspiration and credit to other work in the turntable-capture space: TTM, Ms. Pinky and
<a href="https://hackpad.com/gQu8B5Sb4js#turntablist-transcription">many others.</a>
</p>
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>