Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
branch: master
Fetching contributors…

Cannot retrieve contributors at this time

331 lines (274 sloc) 8.954 kb
<!doctype html>
<html>
<head>
<title>An Interface</title>
<meta content="yes" name="apple-mobile-web-app-capable">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="slider.css" />
<style>
body{
height:100%;
width: 100%;
background: rgba(22, 22, 35, 1);
}
h4{
font-size:14px;
display:inline-inline;
color: yellow;
}
.synth{
height:100%;
width:100%;
position: absolute;
bottom:0;
left:100px
}
.slide{
width:100px;
height:67%;
float:left;
}
input[type=radio]{
width: 10px;
float:left;
display:inline-inline;
}
label:hover, input[type=radio]:hover{
cursor: pointer
}
</style>
</head>
<body>
<div class="synth" id="">
<div class="slide">
<select id="line,0,val," name="noteClass">
<option value="0" selected="selected">A</option>
<option value="1">ab</option>
<option value="2">B</option>
<option value="3">C</option>
<option value="4">cd</option>
<option value="5">D</option>
<option value="6">de</option>
<option value="7">E</option>
<option value="8">F</option>
<option value="9">fg</option>
<option value="10">G</option>
<option value="11">ga</option>
</select>
</div>
<div class="slide">
<select id="line,1,val," name="octave">
<option value="0" selected="selected">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6e</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
</select>
</div>
<div class="slide">
<select id="line,2,val," name="semitone">
<option value="-12">1/12</option>
<option value="-11">1/11</option>
<option value="-10">1/10</option>
<option value="-9">1/9</option>
<option value="-8">1/8</option>
<option value="-7">1/7</option>
<option value="-6">1/6</option>
<option value="-5">1/5</option>
<option value="-4">1/4</option>
<option value="-3">1/3</option>
<option value="-2">1/2</option>
<option value="0" selected="selected">1</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="4">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select>
<form>
<label for="line,2,exp,0">
<input type="radio" name="line,2,exp," id="line,2,exp,0" value="0"/>
<h4>10^0</h4>
</label>
<label for="line,2,exp,1">
<input type="radio" name="line,2,exp," id="line,2,exp,1" value="1"/>
<h4>10^1</h4>
</label>
<label for="line,2,exp,2">
<input type="radio" name="line,2,exp," id="line,2,exp,2" value="2" />
<h4>10^2</h4>
</label>
<label for="line,2,exp,3">
<input type="radio" name="line,2,exp," id="line,2,exp,3" value="3" />
<h4>10^3</h4>
</label>
</form>
</div>
<div class="slide">
<input class="hidden" type="text" id="line,3,val," value="0" name="line,3,val," min="0" max="9.99" step=".1" />
<form action="">
<label for="line,3,exp,0">
<input type="radio" name="line,3,exp," id="line,3,exp,0" value="0" />
<h4>10^0</h4>
</label>
<label for="line,3,exp,1">
<input type="radio" name="line,3,exp," id="line,3,exp,1" value="1" />
<h4>10^1</h4>
</label>
<label for="line,3,exp,2">
<input type="radio" name="line,3,exp," id="line,3,exp,2" value="2" />
<h4>10^2</h4>
</label>
<label for="line,3,exp,3">
<input type="radio" name="line,3,exp," id="line,3,exp,3" value="3" />
<h4>10^3</h4>
</label>
</form>
</div>
<div class="slide">
<input class="hidden" type="text" id="line,4,val," value="0" name="line,4,val," min="0" max="9.99" step=".1"/>
<form>
<label for="line,4,exp,0">
<input type="radio" name="line,4,exp," id="line,4,exp,0" value="0"/>
<h4>10^0</h4>
</label>
<label for="line,4,exp,1">
<input type="radio" name="line,4,exp," id="line,4,exp,1" value="1"/>
<h4>10^1</h4>
</label>
<label for="line,4,exp,2">
<input type="radio" name="line,4,exp," id="line,4,exp,2" value="2" />
<h4>10^2</h4>
</label>
<label for="line,4,exp,3">
<input type="radio" name="line,4,exp," id="line,4,exp,3" value="3" />
<h4>10^3</h4>
</label>
</form>
</div>
<div class="slide">
<input class="hidden" type="text" id="line,5,val," value="0" name="line,5,val," min="0" max="9.99" step=".1"/>
<form>
<label for="line,5,exp,0">
<input type="radio" name="line,5,exp," id="line,5,exp,0" value="0"/>
<h4>10^0</h4>
</label>
<label for="line,5,exp,1">
<input type="radio" name="line,5,exp," id="line,5,exp,1" value="1"/>
<h4>10^1</h4>
</label>
<label for="line,5,exp,2">
<input type="radio" name="line,5,exp," id="line,5,exp,2" value="2" />
<h4>10^2</h4>
</label>
<label for="line,5,exp,3">
<input type="radio" name="line,5,exp," id="line,5,exp,3" value="3" />
<h4>10^3</h4>
</label>
</form>
</div>
<div class="slide">
<input class="hidden" type="text" id="line,6,val," value="0" name="line,6,val," min="0" max="9.99" step=".1"/>
<form>
<label for="line,6,exp,0">
<input type="radio" name="line,6,exp," id="line,6,exp,0" value="0"/>
<h4>10^0</h4>
</label>
<label for="line,6,exp,1">
<input type="radio" name="line,6,exp," id="line,6,exp,1" value="1"/>
<h4>10^1</h4>
</label>
<label for="line,6,exp,2">
<input type="radio" name="line,6,exp," id="line,6,exp,2" value="2" />
<h4>10^2</h4>
</label>
<label for="line,6,exp,3">
<input type="radio" name="line,6,exp," id="line,6,exp,3" value="3" />
<h4>10^3</h4>
</label>
</form>
</div>
<div class="slide">
<input class="hidden" type="text" id="line,7,val," value="0" name="line,7,val," min="0" max="9.99" step=".1"/>
<form>
<label for="line,7,exp,0">
<input type="radio" name="line,7,exp," id="line,7,exp,0" value="0"/>
<h4>10^0</h4>
</label>
<label for="line,7,exp,1">
<input type="radio" name="line,7,exp," id="line,7,exp,1" value="1"/>
<h4>10^1</h4>
</label>
<label for="line,7,exp,2">
<input type="radio" name="line,7,exp," id="line,7,exp,2" value="2" />
<h4>10^2</h4>
</label>
<label for="line,7,exp,3">
<input type="radio" name="line,7,exp," id="line,7,exp,3" value="3" />
<h4>10^3</h4>
</label>
</form>
</div>
<div class="slide">
<input class="hidden" type="text" id="line,8,val," value="0" name="line,8,val," min="0" max="9.99" step=".1"/>
<form>
<label for="line,8,exp,0">
<input type="radio" name="line,8,exp," id="line,8,exp,0" value="0"/>
<h4>10^0</h4>
</label>
<label for="line,8,exp,1">
<input type="radio" name="line,8,exp," id="line,8,exp,1" value="1"/>
<h4>10^1</h4>
</label>
<label for="line,8,exp,2">
<input type="radio" name="line,8,exp," id="line,8,exp,2" value="2" />
<h4>10^2</h4>
</label>
<label for="line,8,exp,3">
<input type="radio" name="line,8,exp," id="line,8,exp,3" value="3" />
<h4>10^3</h4>
</label>
</form>
</div>
<div class="slide">
<input class="hidden" type="text" id="line,9,val," value="0" name="line,9,val," min="0" max="9.99" step=".1"/>
<form>
<label for="line,9,exp,0">
<input type="radio" name="line,9,exp," id="line,9,exp,0" value="0"/>
<h4>10^0</h4>
</label>
<label for="line,9,exp,1">
<input type="radio" name="line,9,exp," id="line,9,exp,1" value="1"/>
<h4>10^1</h4>
</label>
<label for="line,9,exp,2">
<input type="radio" name="line,9,exp," id="line,9,exp,2" value="2" />
<h4>10^2</h4>
</label>
<label for="line,9,exp,3">
<input type="radio" name="line,9,exp," id="line,9,exp,3" value="3" />
<h4>10^3</h4>
</label>
</form>
</div>
</div>
</div>
<script src="slider.js"></script>
<script src="touchy.js"></script>
<script src="tpain.js"></script>
</body>
</html>
Jump to Line
Something went wrong with that request. Please try again.