-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
162 lines (148 loc) · 9.15 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
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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">
<head>
<title>About Us - TGIF</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<link rel="stylesheet" href="styles/style.css">
</head>
<body id="index">
<div class="container">
<div class="row">
<div class="col-xs-6 vcenter">
<a href="index.html"><img alt="TGIF Logo" src="resources/user-alt-128.png" width="40"></a><span class="h2 vcenter">TGIF</span>
</div><!--
--><div class="col-xs-6 vcenter text-right">
<a href="mailto:info@tgif.net"><span class="h5">info@tgif.net</span></a>
</div>
</div>
<nav class="well well-sm">
<ul class="nav nav-pills">
<li class="active"><a href="#">Home</a></li>
<li role="presentation" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
aria-expanded="false">
Congress 113 <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="senate.html">Senate</a></li>
<li><a href="house.html">House</a></li>
</ul>
</li>
<li role="presentation" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
aria-expanded="false">
Attendance <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="senate_attendance.html">Senate</a></li>
<li><a href="house_attendance.html">House</a></li>
</ul>
</li>
<li role="presentation" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
aria-expanded="false">
Party Loyalty <span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="senate_loyalty.html">Senate</a></li>
<li><a href="house_loyalty.html">House</a></li>
</ul>
</li>
<li role="presentation" class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
aria-expanded="false">
State Legislatures <span class="caret"></span>
</a>
<ul id="legislature" class="dropdown-menu scrollable-menu">
<li v-for="state in sortedStates"><a v-bind:href="`legislators.html?state=${state.abbreviation}`">{{state.name}}</a></li>
</ul>
</li>
</ul>
</nav>
<div class=row>
<div class="col-xs-8">
<h2>About Us</h2>
<p>Openness, accountability, and honesty define government transparency. In a free society,
transparency is government's obligation to share information with citizens. It is at the
heart of how citizens hold their public officials accountable. Here at <abbr title="Transparent Government in Fact">TGIF</abbr> we believe that
government should be transparent.</p>
<p>Governments exist to serve the people. Information on how officials conduct the public
business and spend taxpayer money must be readily available and easily understood. This
transparency allows good and just governance. Transparency promotes accountability and
provides information for citizens about what their Government is doing.</p>
<p>We also believe that government should be participatory. Public engagement enhances the
Government's effectiveness and improves the quality of its decisions. Knowledge is widely
dispersed in society, and public officials benefit from having access to that dispersed
knowledge. We invite you to use our site to become actively engaged in American government.
</p>
<p><abbr title="Transparent Government in Fact">TGIF</abbr> works to disclose information in forms that the public can readily find and use. We
solicit public feedback to identify information of greatest use to the public.</p>
<button id="read-more" data-toggle="collapse" data-target="#history">Read more...</button>
<div id="history" class="collapse">
<h3>Background History of Government Transparency</h3>
<p>In the West, the idea that government should be open to public scrutiny and susceptible
to public opinion dates back at least to the time of the Enlightenment, when many
philosophes made an attack on absolutist doctrine of state secrecy, a core part of their
intellectual project. The passage of formal legislative instruments to this end can also be traced to
this time with Sweden, for example, (which then included Finland as a Swedish-governed
territory) enacting free press legislation as part of its constitution (Freedom of the
Press Act, 1766). This approach, and that of the philosophes more broadly, is strongly related
to recent historiography on the eighteenth-century public sphere.
<p>Influenced by Enlightenment thought, the revolutions in America (1776) and France
(1789), freedom of the press enshrined provisions and requirements for public budgetary
accounting and freedom of the press in constitutional articles. In the nineteenth
century, attempts by Metternichean statesmen to row back on these measures were
vigorously opposed by a number of eminent liberal politicians and writers, Bentham,
Mill and Acton prominent among the latter.</p>
<p>Open government is widely seen to be a key hallmark of contemporary democratic
practice
and is often linked to the passing of freedom of information legislation.
Scandinavian
countries claim to have adopted the first freedom of information legislation, dating
the
origins of its modern provisions to the eighteenth century and Finland continuing
the
presumption of openness after gaining independence in 1917, passing its Act on
Publicity
of Official Documents in 1951 (superseded by new legislation in 1999).</p>
<p>The United States passed its Freedom of Information Act (<abbr title="Freedom of Information Act">FOIA</abbr>) in 1966, <abbr title="Freedom of Information Act">FOIA</abbr>s, Access
to
Information Acts (<abbr title="Access Information Act">AIA</abbr>s) or equivalent laws were passed in Denmark and Norway in
1970.
</p>
</div>
</div>
<div class="col-xs-4" id="graphic">
<img alt="magnifying glass" src="resources/glass.png">
</div>
</div>
<div class="bg-info well well-sm">
<footer class="row">
<div class="col-xs-4 col-xs-offset-4 text-center">©2019 TGIF | All Rights Reserved</div>
</footer>
</div>
</div>
<script>
var button = document.getElementsByTagName("button");
try {
button[0].addEventListener("click", function() {
updateBtn(this.firstChild);
});
} catch (e) {
console.log(e.message);
}
//UPDATE BUTTON TEXT
function updateBtn(txtNode) {
let more = "Read more...";
let less = "Read less...";
txtNode.nodeValue = txtNode.nodeValue === more ? less : more;
}
</script>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="scripts/main.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</body>
</html>