aboutsummaryrefslogtreecommitdiff
path: root/public/index.html
diff options
context:
space:
mode:
authorPaul Duncan <pabs@pablotron.org>2020-03-06 18:39:37 -0500
committerPaul Duncan <pabs@pablotron.org>2020-03-06 18:39:37 -0500
commitb6df5d6739975848fc10893700d78cdd616a0c96 (patch)
treeb852d2d37ebe2027160e47d7c6bcac187946049a /public/index.html
downloadalonzo-mood-calculator-b6df5d6739975848fc10893700d78cdd616a0c96.tar.bz2
alonzo-mood-calculator-b6df5d6739975848fc10893700d78cdd616a0c96.zip
initial commit
Diffstat (limited to 'public/index.html')
-rw-r--r--public/index.html60
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>
+