-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
176 lines (164 loc) · 9.79 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
163
164
165
166
167
168
169
170
171
172
173
174
175
176
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Customize meta description -->
<meta name="description" content="">
<!-- Customize meta author -->
<meta name="author" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Customize page title -->
<title>Big Easy Budget Breakdown</title>
<!-- Bootstrap core CSS -->
<link rel="shortcut icon" href="/favicon.png">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="/lib/html5shiv.js"></script>
<script src="/lib/respond.min.js"></script>
<![endif]-->
</head>
<body>
<a href="#content" class="sr-only">Skip to content</a>
<div class="modal fade" id="introModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">Welcome to the Big Easy Budget Breakdown!</h4>
</div>
<div class="modal-body">
<p>
This site shows the annual New Orleans city budget from 2007 to present.
</p>
<ul>
<li><strong>Budgeted numbers</strong> show how much was approved with the city’s budget at the beginning of a fiscal year.</li>
<li><strong>Actual numbers</strong> show how much was spent after the budget passes its annual audit.</li>
<li><strong>General Fund</strong> provides a majority of City services to the residents of New Orleans.</li>
<li><strong>Other Fund</strong> is for State, local, or foundational support designated for a specific purpose. Some other funds are specially designated local property taxes. </li>
</ul>
<p>The City of New Orleans is required by law to pass a balanced budget each year, and has done so for every year included on this site.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary btn-lg" data-dismiss="modal">Dive in <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span></button>
</div>
</div>
</div>
</div>
<div id="readme" style="display: none;"><img src="" alt="Click points to see annual budgets below"></div>
<div class="container">
<div id='header'>
<div class='row'>
<div class='col-md-9'>
<div id='logo'>
<!-- Customize logo -->
<a href='/'>Big Easy Budget Breakdown</a>
</div>
<!-- Customize page text below logo -->
<p>Explore the <strong>City of New Orleans</strong> budget from 2007 to 2015 and learn how the money is being spent. <a onclick='window.scrollTo(0, 1020);'>Read more »</a></p>
</div>
<div class='col-md-3'>
<div id='nav-upper' class='pull-left'>
<a href="/">Home</a>
<a href="/faq.html">F.A.Q.</a>
</div>
<!-- Customize credit -->
<a href='http://www.cbno.org/' target='_blank'>
<img id='credit' class='img-responsive pull-right' src='images/logo.png'/>
</a>
</div>
</div>
</div>
<div class='well'>
<div id='main-chart'></div>
<table id="breakdown" class='table table-condensed table-bordered'>
<thead>
<tr>
<th id='breakdown-item-title'><span id="secondary-title">Fund</span></th>
<th class="num"><span>Budgeted</span></th>
<th class="num"><span>Spent</span></th>
<th class="charts sorting_disabled"><span>Budgeted vs. Spent</span></th>
</tr>
</thead>
<tbody id="breakdown-table-body"></tbody>
</table>
<div id="footnotes">
<!-- <ul>
<li id="f-officers">* These budgets are controlled by the officers and offices listed even though not all expenses are incurred by the respective control officer.</li>
</ul> -->
</div>
</div>
<div class='well about'>
<h2>About</h2>
<div class='row'>
<div class='col-md-12'>
<!-- Customize about -->
<p>Big Easy Budget Breakdown was created by the Committee for a Better New Orleans as a way to make the City of New Orleans's budget data more visually accessible for residents, neighborhood leaders, and community advocates.</p>
<p>CBNO has a long history of support and collaboration with local leaders to encourage greater civic engagement in New Orleans. We feel that by showing public data in a readable, easy to navigate format, residents will be better able to research funding relevant to their neighborhoods and advocate for the change they want to see in their communities.</p>
<p>Big Easy Budget Breakdown is part of the People's Budget New Orleans campaign managed by CBNO. PB NOLA is comprised of a community council of residents and community organizations from across New Orleans who work together for improved resident input in the city's budget.</p>
<p>This site is the first step in answering a question PB NOLA leaders often hear from their friends and neighbors: "Where does the money go?" We hope that this site will help answer some questions, and raise new ones. We encourage all users to contact us with questions. What questions do you have about city spending? How do you feel you can be more engaged? How can we work together to make the city budget work for all of us? Check out our <a href="/faq.html">FAQ page</a> to learn more about how the site works, <a href="mailto:participatorybudgetingnola@gmail.com" target="_top">contact us</a> or visit our <a href="https://pbnola.wordpress.com/" target="blank">website</a>.</p>
<h3>Thank You</h3>
<p>CBNO and PB NOLA would like to extend a special thanks to Cary Grant, Director of Budget and Planning and the budget staff with the City of New Orleans for their support and assistance with this process. We look forward to a continued cooperation with city staff in order to make this site a success.</p>
<p>We also extend thanks to the <a href="http://www.sunlightfoundation.com/" target="blank">Sunlight Foundation</a>, a non-partisan, non-profit organization dedicated to the use of technology to make government more accountable for providing funding for this site and for all that they do to advocate new tools to support open data globally.</p>
</div>
</div>
</div>
<div id='footer'>
<p class='pull-left'>
<!-- Customize download link -->
<a id="download-button" class="btn btn-primary" href="">View & download data</a>
All the data for this project is freely available to download or explore.
<br />
<br />
Built by <a href="http://datamade.us">DataMade</a>
</p>
<p class='pull-right'>
<strong>Share:</strong>
<!-- Customize facebook share -->
<a href="http://www.facebook.com/share.php?u=http%3a%2f%2fwww.bigeasybudget.org/"><img alt="Facebook" src="images/facebook-lg.png" /></a>
<!-- Customize twitter share -->
<a href="http://twitter.com/share?text=Where's%20the%20money%20going%3F%20Explore%20New%20Orleans'%20budget&url=http%3a%2f%2fwww.bigeasybudget.org/"><img alt="Twitter" src="images/twitter-lg.png" /></a>
</p>
</div>
</div>
<!-- loading javascript at the bottom of the page for performance -->
<!-- HTML templates for Backbone views -->
<!-- javascript libraries -->
<script src="lib/jquery.min.js" type="text/javascript"></script>
<script src="lib/spin.min.js" type="text/javascript"></script>
<script src="lib/jquery.spin.js" type="text/javascript"></script>
<script src="lib/accounting.min.js" type="text/javascript"></script>
<script src="lib/fuse.min.js" type="text/javascript"></script>
<script src="lib/reduce.js" type="text/javascript"></script>
<script src="lib/range.js" type="text/javascript"></script>
<script src="lib/array_indexof.js" type="text/javascript"></script>
<script src="lib/array_getunique.js" type="text/javascript"></script>
<script src="lib/jquery.csv.min.js" type="text/javascript"></script>
<script src="lib/bootstrap.min.js" type="text/javascript"></script>
<script src="lib/highcharts.js" type="text/javascript"></script>
<script src="lib/jquery.dataTables.js" type="text/javascript"></script>
<script src="lib/jquery.cookie.js" type="text/javascript"></script>
<script src="lib/underscore.min.js" type="text/javascript"></script>
<script src="lib/backbone.min.js" type="text/javascript"></script>
<script src="lib/Backbone.ModelBinder.min.js" type="text/javascript"></script>
<!-- custom javascript -->
<script src="js/dataTables.sorting.js" type="text/javascript"></script>
<script src="js/budget_helpers.js" type="text/javascript"></script>
<script src="js/budget_highcharts.js" type="text/javascript"></script>
<script src="js/analytics_lib.js" type="text/javascript"></script>
<script src="js/app.js" type="text/javascript"></script>
<script type="text/javascript">
//cookies for first time visitors
$(function() {
$("body").bind("click", function(e){
$.cookie("budgetbreakdownintro", "read", { expires: 7 });
});
if ($.cookie("budgetbreakdownintro") != "read") {
$('#introModal').modal('toggle')
}
});
</script>
</body>
</html>