diff options
| author | David Vazgenovich Shakaryan <dvshakaryan@gmail.com> | 2022-05-10 12:28:58 -0700 |
|---|---|---|
| committer | David Vazgenovich Shakaryan <dvshakaryan@gmail.com> | 2022-05-10 12:28:58 -0700 |
| commit | 99e7a11c25e704851cfbbaed64594acbbd752038 (patch) | |
| tree | 0036ad0032c48344df2b6e258e5ab39d91ab3694 /web/static/index.html | |
| parent | 07dd14baa1dbe71d6f81eca16c2762c38470eef8 (diff) | |
| download | dartboat-99e7a11c25e704851cfbbaed64594acbbd752038.tar.gz dartboat-99e7a11c25e704851cfbbaed64594acbbd752038.tar.xz | |
web: ui improvements, mainly for mobile
Using a `100vh' height results in the bottom bit of the UI being cropped
until scrolling down, while using `100%' results in the address bar
always wasting space. By combining these with a fixed-position element,
we're able to have the UI grow and shrink as the address bar visibility
changes.
Diffstat (limited to 'web/static/index.html')
| -rw-r--r-- | web/static/index.html | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/web/static/index.html b/web/static/index.html index d9d8718..1e5b9a5 100644 --- a/web/static/index.html +++ b/web/static/index.html @@ -67,6 +67,7 @@ </div> <div id="help-modal" class="modal"> <div class="modal-content"> + <p><span class="modal-close">[Close]</span></p> <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> @@ -77,6 +78,7 @@ <p>The controls are designed to be keyboard-friendly. The keys should be fairly intuitive for the most part.</p> <h2>Info</h2> <p>dartboat is <a href="https://retarded.software/dartboat.git/" target="_blank">free and open-source software</a>. It is written in C and compiled to WebAssembly for the web target. JavaScript is used to handle the interactive elements.</p> + <p><span class="modal-close">[Close]</span></p> </div> </div> </body> |