WHSPAH/WHSPAH-Web-Interface
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated styles.css, changed default slider values to 0

Browse Source
This commit is contained in:
Tango
2026-06-02 21:31:08 +01:00
parent 48a74104eb
commit 7ee402c1d0
2 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
www/index.html
View File

@ -19,17 +19,17 @@
<h2>LucalEncoded?</h2> <h2>LucalEncoded?</h2>
<input type="checkbox" id="lucalEncodedInput"> <input type="checkbox" id="lucalEncodedInput">
<h2>Shock</h2> <h2>Shock</h2>
<input type="range" min="0" max="99" id="shockIntensity" oninput="document.getElementById('sliderValueFirst').value = this.value" class="sliderInput"> <input type="range" min="0" max="99" value="0" id="shockIntensity" oninput="document.getElementById('sliderValueFirst').value = this.value" class="sliderInput">
<br> <br>
<output id="sliderValueFirst">0</output> <output id="sliderValueFirst" class="sliderValue">0</output>
<br> <br>
<button onclick="shock();">Shock!</button> <button onclick="shock();" class="sliderButton">Shock!</button>
<h2>Vibrate</h2> <h2>Vibrate</h2>
<input type="range" min="0" max="99" id="vibrateIntensity" oninput="document.getElementById('sliderValueSecond').value = this.value" class="sliderInput"> <input type="range" min="0" max="99" value="0" id="vibrateIntensity" oninput="document.getElementById('sliderValueSecond').value = this.value" class="sliderInput">
<br> <br>
<output id="sliderValueSecond">0</output> <output id="sliderValueSecond" class="sliderValue">0</output>
<br> <br>
<button onclick="vibrate();">Vibrate!</button> <button onclick="vibrate();" class="sliderButton">Vibrate!</button>
</div> </div>
</body> </body>
</html> </html>

11
www/styles.css
View File

@ -34,3 +34,14 @@ body {
.sliderInput{ .sliderInput{
width: 90%; width: 90%;
} }
.sliderValue{
background-color: rgb(31, 31, 31);
padding-left: 3%;
padding-right: 3%;
border-radius: 15px;
}
.sliderButton{
margin: 1%;
}