37 lines
1.6 KiB
HTML
37 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="/styles.css">
|
|
<script src="/main.js"></script>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="whspahTitle">
|
|
<h1>WHSPAH Web Interface</h1>
|
|
<h3>A simple locally hosted web interface for WHSPAH.</h3>
|
|
</div>
|
|
<div class="contentBox">
|
|
<h2>transmitterID (0-65535)</h2>
|
|
<input type="number" value="0" min="0" max="65535" id="transmitterIDInput">
|
|
<h2>Channel Input (1-3)</h2>
|
|
<input type="number" value="1" min="1" max="3" id="channelIDInput">
|
|
<h2>LucalEncoded?</h2>
|
|
<input type="checkbox" id="lucalEncodedInput">
|
|
<h2>PIN</h2>
|
|
<input type="number" id="shockerPinInput">
|
|
<h2>Shock</h2>
|
|
<input type="range" min="0" max="99" value="0" id="shockIntensity" oninput="document.getElementById('sliderValueFirst').value = this.value" class="sliderInput">
|
|
<br>
|
|
<output id="sliderValueFirst" class="sliderValue">0</output>
|
|
<br>
|
|
<button onclick="shock();" class="sliderButton">Shock!</button>
|
|
<h2>Vibrate</h2>
|
|
<input type="range" min="0" max="99" value="0" id="vibrateIntensity" oninput="document.getElementById('sliderValueSecond').value = this.value" class="sliderInput">
|
|
<br>
|
|
<output id="sliderValueSecond" class="sliderValue">0</output>
|
|
<br>
|
|
<button onclick="vibrate();" class="sliderButton">Vibrate!</button>
|
|
</div>
|
|
</body>
|
|
</html> |