-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
54 lines (43 loc) · 1.71 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Decision-maker</title>
<link rel="stylesheet" href="styles.css">
<!-- OGP data -->
<meta property="og:title" content="Decision-maker!">
<meta property="og:type" content="webapp">
<meta property="og:url" content="http://daveeveritt.github.io/decision-maker/">
<meta property="og:image" content="http://daveeveritt.github.io/decision-maker/decision-maker.png">
<!-- OGP optional data -->
<meta property="og:image:alt" content="Example of the decision-maker in use for buying an electric vehicle">
<meta property="og:description" content="A minimal aid to making decisions, based on two sets of choices, each ranked"><!-- 155-160 chars -->
<meta property="og:locale" content="en_UK">
</head>
<body>
<h1 id="question">Decision-maker</h1>
<form action="#" method="#" id="reasons" class="reasons">
<fieldset>
<legend>Add reason for:</legend>
<label for="for" id="for"></label><input id="for" type="text" maxlength="110">
</fieldset>
<fieldset>
<legend>Add reason against:</legend>
<label for="not" id="against"></label><input id="not" type="text" maxlength="110">
</fieldset>
</form>
<form action="#" method="#" id="choices">
<fieldset id="forReasons">
<h2>I <em>want</em> to, because:</h2>
<p>How much you <strong>want</strong> to: <span id="choiceY"></span>%</p>
</fieldset>
<fieldset id="notReasons">
<h2>I <em>don't</em> want to, because:</h2>
<p>How much you <strong>don't</strong> want to: <span id="choiceN"></span>%</p>
</fieldset>
</form>
<h2 id="decision"></h2>
<script src="javascript/javascript.js"></script>
</body>
</html>