forked from datamade/look-at-cook
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
147 lines (126 loc) · 7.64 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Look at Cook: Brought to you by Cook County Commissioner John Fritchey</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<link href="styles/master.css" rel="stylesheet" type="text/css" />
<link href="styles/print.css" media="print" rel="stylesheet" type="text/css" />
<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<!-- javascript libraries -->
<script src="scripts/jquery.js" type="text/javascript"></script>
<script src="scripts/highcharts.js" type="text/javascript"></script>
<script src="scripts/jquery.dataTables.js" type="text/javascript"></script>
<script src="scripts/dataTables.sorting.js" type="text/javascript"></script>
<script src="scripts/jquery.formatCurrency-1.4.0.min.js" type="text/javascript"></script>
<script src="scripts/jquery.address-1.4.min.js" type="text/javascript"></script>
<script src="scripts/jquery.cookie.js" type="text/javascript"></script>
<!-- custom javascript -->
<script src="scripts/budget_helpers.js?2" type="text/javascript"></script>
<script src="scripts/budget_queries.js?2" type="text/javascript"></script>
<script src="scripts/budget_highcharts.js?2" type="text/javascript"></script>
<script src="scripts/budget_lib.js?4" type="text/javascript"></script>
<script src="scripts/analytics_lib.js" type="text/javascript"></script>
<script type="text/javascript">
$.address.crawlable(true);
//every action is handled by jQuery Address, which detects when the URL has changed
$.address.externalChange(function(event) {
BudgetLib.updateDisplay($.address.parameter('viewMode'), $.address.parameter('year'), $.address.parameter('fund'), $.address.parameter('controlOfficer'), true);
});
$.address.internalChange(function(event) {
BudgetLib.updateDisplay($.address.parameter('viewMode'), $.address.parameter('year'), $.address.parameter('fund'), $.address.parameter('controlOfficer'), false);
});
//cookies for first time visitors
$(function() {
$("body").bind("click", function(e){
$.cookie("budgetbreakdownreadme", "read", { expires: 7 });
$("#readme").fadeOut("fast");
});
if ($.cookie("budgetbreakdownreadme") != "read") {
$("#readme").fadeIn("fast");
}
});
</script>
</head>
<body>
<div id="page">
<div id="header">
<div id="logo"><a href='/'><img alt="Look at Cook: Brought to you by Cook County Commissioner John Fritchey" src="images/logo.png" /></a></div>
<div id="logo-print"><img alt="" src="images/logo-print.png" /></div>
<div id="header-secondary">
<p><a href="http://www.fritchey.com"><img alt="John Fritchey" src="images/signature.png" /></a></p>
<p id="credit">A project by <a href="http://www.derekeder.com">Derek Eder</a> and <a href="http://www.c82.net">Nick Rougeux</a> from <a href='http://opencityapps.org'>Open City</a></p>
</div>
<div class="clear"></div>
</div>
<div id="content">
<div id="content-primary">
<span id="breadcrumbs"></span>
<h1>Where's the money going?</h1>
<p>Explore Cook County's budget from 1993 to 2012 and learn how the money is being spent. <a onclick="window.scrollTo(0, document.body.scrollHeight);">Read more</a> or <a href='/faq.html'>check out the FAQ</a> »</p>
<div id="timeline">
<h2></h2>
<div id="timeline-chart"></div>
<div id="readme"><img alt="Click points to see annual budgets below" src="images/readme.png" /></div>
</div>
<div id="breakdown-nav">
<ul></ul>
<div class="clear"></div>
</div>
<table id="scorecard">
<tbody>
<tr>
<td id="scorecard-desc">
<h2 id="secondary-title"></h2>
<p></p>
</td>
<td>
<h2 class="budgeted"></h2>
<p id='budgeted-percent'></p>
</td>
<td>
<h2 class="spent"></h2>
<p id='spent-percent'></p>
</td>
</tr>
</table>
<table id="breakdown">
<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">Budgeted vs. spent</th>
</tr>
</thead>
<tbody>
</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>
<li id="f-zero2011"><sup class="ref">†</sup> At the end of the current fiscal year, an audit will be conducted and a report issued with the final expenditures for each department. <a href="faq.html#q3">Learn more</a></li>
</ul>
</div>
</div>
<div id="content-secondary">
<h2>Where's the money going?</h2>
<p>Every year our Cook County government budgets and spends more than $3 billion. The County's budget impacts our lives every day. All of its funding comes from you—your sales and property taxes, your purchase fees on gas, and other goods. All of its spending exists to support you too. County funding drives the jail, public hospitals and clinics, the Cook County courts, and dozens of other civic institutions designed to make our region prosperous, efficient, and fair. Yet, too many residents don't understand what Cook County government is or what it does. They keep asking, "Where exactly does our money go?"</p>
<p>This budget transparency tool was created to answer that question, but it's only the first step. We need your help. What questions do you have about County spending? What do you want to know about the County budget that this visualization isn't explaining? What do you think of our spending? What can we do to make Cook County government better? Check out the <a href="faq.html">FAQ</a> for more information.</p>
<p><a href="http://www.fritchey.com/contact-us-2">Contact John Fritchey</a> with questions or comments or connect with him on <a class="icon-facebook" href="http://www.facebook.com/John.Fritchey">Facebook</a> or <a class="icon-twitter" href="http://twitter.com/johnfritchey">Twitter</a>.</p>
<p class="mute">If you have technical questions or want your city or municipality to use this tool for their budget, feel free to contact <a href='http://twitter.com/derek_eder'>Derek Eder</a> or <a href='http://twitter.com/rougeux'>Nick Rougeux</a> at <a href='http://opencityapps.org'>Open City</a>.</p>
</div>
<div id="content-tertiary">
<a id="download-button" class="action" href="https://www.google.com/fusiontables/DataSource?docid=1ZJJvlYCYTC1DIgp_tkJKEAs9l0sdO7J4kF8Gv9Y">View & download data</a>
All the data for this project is freely available to download or explore on Google Fusion Tables.
</div>
</div>
<div id="footer">
<ul class="share">
<li><a href="http://www.facebook.com/share.php?u=http%3a%2f%2flookatcook.com"><img alt="Facebook" src="images/facebook-lg.png" /> Share budget on <strong>Facebook</strong></a></li>
<li><a href="http://twitter.com/share?text=Where's%20the%20money%20going%3F%20Explore%20Cook%20County's%20budget&url=http%3a%2f%2flookatcook.com"><img alt="Twitter" src="images/twitter-lg.png" /> Share budget on <strong>Twitter</strong></a></li>
</ul>
</div>
</div>
</body>
</html>