-
Notifications
You must be signed in to change notification settings - Fork 0
/
senate-starter-page.html
98 lines (95 loc) · 4.67 KB
/
senate-starter-page.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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html lang="en">
<head>
<!-- meta tag ensures proper rendering and touch zooming, since Bootstrap 3 is mobile-first -->
<meta name="viewpoint" content="width=device-width, initial-scal=1, shrink-to-fit=no" charset="utf-8">
<!-- initial zoom level when page loaded -->
<link rel="stylesheet" type="text/css" href="assets/main.css">
</head>
<body class="senate home">
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" href="#">TGIF</a>
</div>
<ul class="nav navbar-nav">
<li class="active"><a href="home-starter-page.html">Home</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Congress 113</a>
<ul class="dropdown-menu">
<li><a href="senate-starter-page.html">Senate</a></li>
<li><a href="house-starter-page.html">House</a></li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Attendance</a>
<ul class="dropdown-menu">
<li><a href="senate-attendance-starter-page.html">Senate</a></li>
<li><a href="house-attendance-starter-page.html">House</a></li>
</ul>
</li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Party Loyalty</a>
<ul class="dropdown-menu">
<li><a href="senate-party-loyalty-starter-page.html">Senate</a></li>
<li><a href="house-party-loyalty-starter-page.html">House</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<header>
<div>
<h2>Senators</h2>
</div>
</header>
<div>
<p class="container">First convened in 1789, the composition and powers of the Senate are established in Article One of the U.S. Constitution. Each state is represented by two senators, regardless of population, who serve staggered six-year terms. The Senate has several exclusive powers not granted to the House, including consenting to treaties as a precondition to their ratification and consenting to or confirming appointments of Cabinet secretaries, federal judges, other federal executive officials, military officers, regulatory officials, ambassadors, and other federal uniformed officers, as well as trial of federal officials impeached by the House.</p>
</div>
<!--Table container-->
<div>
<label class="checkbox-inline">
<input type="checkbox" value="R" class="partyFilter" checked>Republican
</label>
<label class="checkbox-inline">
<input type="checkbox" value="D" class="partyFilter" checked>Democrat
</label>
<label class="checkbox-inline">
<input type="checkbox" value="I" class="partyFilter" checked>Independent
</label>
<aside class="dropdown">
<div class = 'form-group'>
<label for = 'statelist'>Select State:</label>
<select class="form-control stateFilter" onchange="statelist()">
<option disabled selected">
States...
</option>
<option class = 'allStates' value = 'all' >All...</option>
<option id="statelist" class = 'filteredStates' value = 'currentState' ></option>
</select>
</div>
</aside>
</div>
<table id="polititians" class="table container-fluid">
<thead>
<tr>
<th>Senator</th>
<th>Party</th>
<th>State</th>
<th>Seniority</th>
<th>Party Affilication</th>
</tr>
</thead>
<tbody></tbody>
</table>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.0/mustache.min.js"></script>
<!-- <script type="text/javascript" src="assets/NYT-congress-113-senate.js"></script> -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/main.js"></script>
</body>
</html>