36 lines
1.5 KiB
HTML
36 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="/styles.css">
|
|
<script src="/main.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="whspahTitle">
|
|
<h1>WHSPAH Web Interface</h1>
|
|
<h3>A simple locally hosted web interface for WHSPAH.</h3>
|
|
</div>
|
|
<div class="contentBox">
|
|
<p>Just pretend there's a bunch of buttons and sliders here. I'm just kind of yapping to test the CSS. Wow look at that slider and those buttons. So cool.</p>
|
|
|
|
<h2>transmitterID (0-65535)</h2>
|
|
<input type="number" id="transmitterIDInput">
|
|
<h2>Channel Input (1-3)</h2>
|
|
<input type="number" id="channelIDInput">
|
|
<h2>LucalEncoded?</h2>
|
|
<input type="checkbox" id="lucalEncodedInput">
|
|
<h2>Shock</h2>
|
|
<input type="range" min="0" max="99" id="shockIntensity" oninput="document.getElementById('sliderValueFirst').value = this.value" class="sliderInput">
|
|
<br>
|
|
<output id="sliderValueFirst">0</output>
|
|
<br>
|
|
<button onclick="shock();">Shock!</button>
|
|
<h2>Vibrate</h2>
|
|
<input type="range" min="0" max="99" id="vibrateIntensity" oninput="document.getElementById('sliderValueSecond').value = this.value" class="sliderInput">
|
|
<br>
|
|
<output id="sliderValueSecond">0</output>
|
|
<br>
|
|
<button onclick="vibrate();">Vibrate!</button>
|
|
</div>
|
|
</body>
|
|
</html> |