-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
126 lines (112 loc) · 7.13 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Macoupin County government's budget is laid out in this transparency tool. This project was brought to you by County Clerk Pete Duncan.">
<meta name="author" content="Pete Duncan, County Clerk for Macoupin County, IL">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>MacoupinBudget.com - Brought to you by Pete Duncan, Macoupin County Clerk</title>
<!-- Bootstrap core CSS -->
<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 id="readme" style="display: none;"><img src="images/readme.png" alt="Click points to see annual budgets below"></div>
<div class="container">
<div id='header'>
<div class='row'>
<div class='col-md-8'>
<div id='logo'>
<a href='/'><img class='img-responsive' src='/images/logo.png' alt='Macoupin Budget' /></a>
</div>
<p>Explore the Macoupin County, IL budget from 1995 to 2023 and learn how the money is being spent.</p>
</div>
<div class='col-md-4'>
<img id='credit' class='pull-right' class='img-responsive' src='/images/pete_duncan.png' alt='Compiled by: Pete Duncan Macoupin County Clerk' />
</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-6'>
<p>Every year Macoupin County government budgets and spends around <strong>$20 million</strong>. The services the County provides with that money effect each citizen, but far too often citizens and taxpayers are left asking <strong>‘How exactly is my money being spent?’</strong></p>
<p>This budget transparency tool was created to answer that question. It gives visitors the ability to break down the County’s budget from the comfort of their living room. Nearly 30 years are included and broken down to individual line items like salaries and benefits, supplies and travel. Visitors can also use the ‘Who Controls It?’ feature to see how each Elected Official or Department Heads’ overall budget has changed over time.</p>
<p>Contact the office with questions or comments or connect with us on <a href='http://www.facebook.com/MacoupinCountyClerk'>Facebook</a>.</p>
</div>
<div class='col-md-6'>
<strong>2023 Fiscal Year data</strong>
<p>You’ll notice there is no data on what’s been spent for anything after August 31, 2023. The data from this site was pulled directly from the county audits at the end of the fiscal year. New data won’t be added until after the next fiscal year ends in August and the audit is completed, usually in the following March.</p>
<p>You can view the <a href='https://data.macoupincountyil.gov/County-Board-Records/Monthly-Board-Checkbook-Summaries/4b78-sjxk/data'>Checkbook Summaries</a> given to the County Board each month to see the same information in a PDF.</p>
<strong>Want More Info?</strong>
<p>Macoupin County has much more information for you to explore including budget documents, audits, contracts, salary reports, tax information and much more. Visit our <a href='https://macoupincountyil.gov/transparency/'>information page</a> to see these reports.</p>
</div>
</div>
</div>
<div id='footer'>
<p class='pull-left'>
<a id="download-button" class="btn btn-primary" href="/data/macoupin-budget-cleaned.csv">View & download data</a>
All the data for this project is freely available to download or explore.
<br />
<br />
A project by <a href="http://datamade.us">DataMade</a>
</p>
<p class='pull-right'>
<a href="http://www.facebook.com/share.php?u=http%3a%2f%2fwww.macoupinbudget.com"><img alt="Facebook" src="images/facebook-lg.png" /> Share on <strong>Facebook</strong></a>
<a href="http://twitter.com/share?text=Where's%20the%20money%20going%3F%20Explore%20Macoupin%20County's%20budget&url=http%3a%2f%2fwww.macoupinbudget.com"><img alt="Twitter" src="images/twitter-lg.png" /> Share on <strong>Twitter</strong></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_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>
</body>
</html>