100 lines
2.8 KiB
HTML
100 lines
2.8 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>intval 3</title>
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
<meta name="format-detection" content="telephone=no">
|
|
<meta name="viewport" content="width = 320, initial-scale = 1.0, user-scalable = no">
|
|
<link rel="stylesheet" href="static/css/index.css" />
|
|
</head>
|
|
<body>
|
|
<div id="app" class="page selected">
|
|
<div>
|
|
<div class="label">Counter</div>
|
|
<input type="number" id="counter" onclick="setCounter();" value="0" step="1" readonly />
|
|
</div>
|
|
<div>
|
|
<div class="label">Direction</div>
|
|
<span id="bwdLabel">BACKWARD</span>
|
|
<span id="fwdLabel" class="selected">FORWARD</span>
|
|
<label class="switch">
|
|
<input type="checkbox" id="dir" onclick="setDir();">
|
|
<span class="slider round"></span>
|
|
</label>
|
|
</div>
|
|
<div>
|
|
<div class="label">Exposure <span id="str">1/5</span></div>
|
|
<input type="number" id="exposure" value="630" min="0" oninput="setExposure();" />
|
|
<select id="scale" onchange="setExposureScale();">
|
|
<option value="ms" selected>ms</option>
|
|
<option value="sec">sec</option>
|
|
<option value="min">min</option>
|
|
<option value="hour">hour</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<div class="label">Delay</div>
|
|
<input type="number" id="delay" value="0" min="0" step="1" />
|
|
<select id="delayScale" onchange="setDelayScale();">
|
|
<option value="ms" selected>ms</option>
|
|
<option value="sec">sec</option>
|
|
<option value="min">min</option>
|
|
<option value="hour">hour</option>
|
|
</select>
|
|
</div>
|
|
<div>
|
|
<button id="seq">START SEQUENCE</button>
|
|
</div>
|
|
<div>
|
|
<button id="frame" onclick="frame();">FRAME</button>
|
|
</div>
|
|
</div>
|
|
<div id="settings" class="page">
|
|
<h2>SETTINGS</h2>
|
|
<div>
|
|
<div class="label">Rex-o-fader</div>
|
|
<select id="angle">
|
|
<option value="133" selected>0 (Normal)</option>
|
|
<option value="66">1 Stop</option>
|
|
<option value="33">2 Stop</option>
|
|
</select>
|
|
</div>
|
|
<h2>BLUETOOTH</h2>
|
|
<select id="bluetooth">
|
|
<option>N/A</option>
|
|
</select>
|
|
<h2>WIFI</h2>
|
|
<div>
|
|
<input type="text" id="ssid" placeholder="Wifi SSID" />
|
|
</div>
|
|
<div>
|
|
<input type="password" id="password" placeholder="Wifi Password" />
|
|
</div>
|
|
</div>
|
|
<div id="sequencer" class="page">
|
|
<h2>Sequence</h2>
|
|
</div>
|
|
<div id="mscript" class="page">
|
|
<h2>mscript</h2>
|
|
</div>
|
|
<footer>
|
|
<div>
|
|
<div id="settingsIcon" onclick="settingsPage();" class="icon"> </div>
|
|
</div>
|
|
<div>
|
|
<h1><span onclick="appPage();" id="appIcon" class="icon selected">INTVAL</span></h1>
|
|
</div>
|
|
<div>
|
|
<img src="" id="sequencerIcon" onclick="sequencerPage();" class="icon" />
|
|
</div>
|
|
<div>
|
|
<div id="mscriptIcon" onclick="mscriptPage();" class="icon" ></div>
|
|
</div>
|
|
</footer>
|
|
<script src="cordova.js"></script>
|
|
<script src="static/js/intval.core.js"></script>
|
|
<script src="static/js/intval.web.js"></script>
|
|
<script src="static/js/intval.mobile.js"></script>
|
|
<script src="static/js/index.js"></script>
|
|
</body>
|
|
</html> |