-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
69 lines (68 loc) · 2.84 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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<html>
<head>
<title>App page 1 of X</title>
<!--function to change class descriptions-->
<script type="text/javascript">
var classTexts = new Array(
'Select a class from the dropdown above.',
'<p>Bardic history is mostly tied in with the early oral tradition of the druids and Norse skalds. Medieval Europe does give us a case of actual singing knights, many of them female, from the independent French province of Aquitaine before it was crushed by the Papacy.</p>',
'<p>Neolithic anthropological evidence indicates a strong tradition of matriarchy and mother worship in Central Europe, the origin of the proto-Celtic Beaker and Axe peoples. It is highly possible that many if not most early druidic-types were priestesses rather than priests.</p>',
'<p>This image has been somewhat forged between clerics and the “hedge mages” that preceded Christianity. Our modern view of the fighting “Healer” stems from early medieval clerical use of bludgeoning weapons, so as not to break the implied biblical prohibition against drawing blood.</p>',
'<p>The alchemists of the Dark Ages can be said to be Wizards, but 10,000-year old cave paintings in France indicate that the concept of fusing the spirit and physical worlds has been with us since the start.</p>'
);
function changeClass(ind) {
document.getElementById("classText").innerHTML=classTexts[ind];
}
</script>
</head>
<body>
<div class = "container">
<form>
<select name="class" size="1" onChange="changeClass(this.selectedIndex);">
<!--class selection dropdown-->
<option value=null, selected> Select your Class </option>
<option value=1> Bard </option>
<option value=2> Druid </option>
<option value=3> Healer </option>
<option value=4> Wizard </option>
</select>
</form>
</div>
<div class = "container" id = "classText">
<p>
<!--class description paragraph placeholder-->
Select a class from the dropdown above.
</p>
<div class = "container">
<form>
<select name="level" size="1">
<!--level selection dropdown-->
<option value=null> What Level?
<option value=1> 1 </option>
<option value=1> 2 </option>
<option value=1> 3 </option>
<option value=1> 4 </option>
<option value=1> 5 </option>
<option value=1> 6 </option>
</select>
</form>
</div>
<div class = "container">
<form>
<select name="LTP" size="1">
<!--LTP drop down-->
<option value=null> Look the Part? </option>
<option value=1> Yes </option>
<option value=0> No </option>
</select>
</form>
</div>
<div class = "container">
<form>
<button name=confirm>
GO
</button>
</form>
</div>
</body>
</html>