diff options
author | David Vazgenovich Shakaryan <dvshakaryan@gmail.com> | 2022-05-13 17:12:16 -0700 |
---|---|---|
committer | David Vazgenovich Shakaryan <dvshakaryan@gmail.com> | 2022-05-13 17:12:16 -0700 |
commit | b67982a90f861ba29e41ed366a481af707bd1c79 (patch) | |
tree | 73b7d77b1428f5e8765b7e494465dd69b4465632 /web/static/index.html | |
parent | 63337ba4f8c4f31b7da96e9c3669fc29e0a03b49 (diff) | |
download | dartboat-b67982a90f861ba29e41ed366a481af707bd1c79.tar.gz dartboat-b67982a90f861ba29e41ed366a481af707bd1c79.tar.xz |
web: use icons for settings; misc changes
Diffstat (limited to 'web/static/index.html')
-rw-r--r-- | web/static/index.html | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/web/static/index.html b/web/static/index.html index f3dd2ae..2ed654b 100644 --- a/web/static/index.html +++ b/web/static/index.html @@ -16,10 +16,10 @@ <div id="main"> <div id="titlebar"> <div>dartboat™</div> - <div class="input first"><label for="delay">delay</label><input id="delay" data-opt="delay" maxlength="4" value=""></div> - <div class="input"><label for="stdev">stdev</label><input id="stdev" data-opt="stdev" maxlength="4" value=""></div> - <div class="button icon" id="flip-controls-button"></div> - <div class="button icon" data-modal="help-modal"></div> + <div title="Delay between computer's darts (ms)" class="input first"><label for="delay" class="icon"></label><input id="delay" data-opt="delay" maxlength="4" value=""></div> + <div title="Computer's accuracy (lower is more accurate)" class="input"><label for="stdev" class="icon"></label><input id="stdev" data-opt="stdev" maxlength="4" value=""></div> + <div title="Toggle controls side" class="button icon" id="flip-controls-button"></div> + <div title="Help and info" class="button icon" data-modal="help-modal"></div> </div> <div id="info"> <div id="oi">oi!</div> @@ -75,8 +75,8 @@ <h2>dartboat</h2> <p>dartboat uses an internal representation of a specification dartboard. Darts are thrown following a normal distribution, with the resultant coordinates used to calculate the segments in which they land. The idea is that this provides a more realistic opponent than picking points at random.</p> <h2>Settings</h2> - <p><em>stdev</em> — the standard deviation of the bot's throws in millimetres. A value of 24 translates to a three-dart average of roughly 35. A value of 13 would be a 65 average, and a value of 8 a 95 average.</p> - <p><em>delay</em> — milliseconds it takes the bot to throw each dart.</p> + <p><span class="icon"></span> <em>(delay)</em> — milliseconds it takes the computer to throw each dart.</p> + <p><span class="icon"></span> <em>(stdev)</em> — the standard deviation of the computer's throws in millimetres. A value of 24 translates to a three-dart average of roughly 35. A value of 13 would be a 65 average, and a value of 8 a 95 average.</p> <h2>Interface</h2> <p>To avoid destructive actions being a misclick away, certain actions require two presses—one to activate the button and another to trigger it.</p> <p>The controls are designed to be keyboard-friendly. The keys should be fairly intuitive for the most part.</p> |