-
Notifications
You must be signed in to change notification settings - Fork 0
/
ia.html
68 lines (55 loc) · 1.47 KB
/
ia.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="d3/d3.min.js"></script>
<style type="text/css">
/* On mouse hover, lighten state color */
path:hover {
fill-opacity: .7;
border-color: #000000
}
div.tooltip {
position: absolute;
text-align: center;
width: 100px;
height: 40px;
padding: 2px;
font: 12px sans-serif;
background: #ffccff;
border: 0px;
border-radius: 8px;
pointer-events: none;
}
/* Legend Font Style */
body {
font: 11px sans-serif;
}
/* Legend Position Style */
.legend {
position:absolute;
left:800px;
top:350px;
}
</style>
</head>
<body bgcolor = "CCCCCC">
<br/>
<button id = "Home" onclick = "location.href='index.html';"> Back to National Map </button>
<br/> <br/>
<font size = "50px"> <strong> <center> Iowa's Congressional Districts </center> </strong> </font>
<div style="float: left"><strong>Show: </strong>
<button id = "Politics"> Politics </button>
<button id = "Race"> Race </button> </div>
<div style="float: right"><button id = "explore"> Generate New Random Map </button> </div>
<br/> <center> <button id = "dc"> Current Disricts </button> </center>
<br/> <br/>
<div id = "map" align = "center"> </div>
<br/> <br/>
<p id = "text-explainer" align = "center"> </p>
<script src = "IA/ia.js">
</script>
<br/> <br/><br/> <br/><br/> <br/> <font size = "1"> <center> Copyright © 2019 Rishabh Chandra </center> </font>
<center>
</body>
</html>