diff options
| author | Paul Duncan <pabs@pablotron.org> | 2020-03-06 18:39:37 -0500 |
|---|---|---|
| committer | Paul Duncan <pabs@pablotron.org> | 2020-03-06 18:39:37 -0500 |
| commit | b6df5d6739975848fc10893700d78cdd616a0c96 (patch) | |
| tree | b852d2d37ebe2027160e47d7c6bcac187946049a /public/index.html | |
| download | alonzo-mood-calculator-b6df5d6739975848fc10893700d78cdd616a0c96.tar.bz2 alonzo-mood-calculator-b6df5d6739975848fc10893700d78cdd616a0c96.zip | |
initial commit
Diffstat (limited to 'public/index.html')
| -rw-r--r-- | public/index.html | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..d852330 --- /dev/null +++ b/public/index.html @@ -0,0 +1,60 @@ +<!DOCTYPE html> +<html lang='en-US'> + <head> + <meta charset='utf-8'/> + <title>Alonzo's Mood</title> + <link rel='stylesheet' type='text/css' href='face.css'/> + </head> + + <body> + <div id='text'> + <h1>Alonzo Mood Calculator</h1> + + <p> + Enter the change in the change in the stock price for the day as + a percentage in the field below. For example, if the stock + price is down <code>1&pct;</code>, then enter <code>-1</code>. + </p> + + <p id='controls'> + <label for='rate'>Stock Price Change (Percent):</label><br/> + <input + type='number' + id='rate' + value='0' + title='Enter the percent change in stock price for the day.' + /> + + <button + class='set-rate' + data-val='-10' + title='Set change to minimum.' + > + Min + </button> + + <button + class='set-rate' + data-val='10' + title='Set change to maximum.' + > + Max + </button> + + <button + class='set-rate' + data-val='0' + title='Reset change to zero.' + > + Reset + </button> + </p> + </div> + + <div id='face'></div> + + <script type='text/javascript' src='jquery-3.4.1.min.js'></script> + <script type='text/javascript' src='face.js'></script> + </body> +</html> + |