-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
181 lines (162 loc) · 10.4 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
177
178
179
180
181
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="img/the-trust-for-public-land.png">
<title>LandVote</title>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-theme.css" rel="stylesheet" media="screen">
<!--main stylesheet-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans|Roboto+Slab' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<!-- navbar: fix active state-->
<div id="custom-bootstrap-menu" class="navbar navbar-custom navbar-fixed-top" role="navigation" style="background-color:#e1e1e1;">
<div class="container-fluid">
<div class="navbar-header"><a href="#" ><img src="img/Landvote-logo.png"><img src="img/the-trust-for-public-land.png"></a>
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="collapse navbar-collapse navbar-menubuilder">
<ul class="nav navbar-nav navbar-right" style="Open Sans, sans-serif">
<li class="active"><a href="#map">Map</a></li>
<li><a href="#about">About</a></li>
</ul>
</div>
</div>
</div><!-- nav-bar end -->
<div class="jumbotron"><br>
<section id="map"></section>
</div> <!-- end jumbotron -->
<div class="main-menu">
<div class="menu-inset" style="width:250px;height:400px;">
</div>
<div class="menu-options">
<div class="Overview" style="width:125px;height:60px;">
2016 Overview<br></div>
<!--<div class="Spending" style="width:125px;height:75px;">
Total<br>Spending<br>1988-Present</div>-->
<div class="Jurisdiction" style="width:125px;height:75px;">
Successful<br>State Measures</div>
<div class="Finance" style="width:125px;height:60px;">
Funding<br>Mechanism</div>
</div>
</div>
<!-- includes description and play/pause buttons and dropdown -->
<div class="menu-info">
</div>
<br>
<div class="map"> <!-- map svg is drawn in main.js -->
</div>
<div class="sequence-buttons">
<div class="button">
<button type="button" class="stepBackward">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
</button>
<button type="button" class="play">
<span class="glyphicon glyphicon-play" aria-hidden="true"></span>
</button>
<button type="button" class="pause">
<span class="glyphicon glyphicon-pause" aria-hidden="true"></span>
</button>
<button type="button" class="stepForward">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
</button>
</div>
</div>
<!-- end map -->
<section id="graph"></section>
<div class="graph">
</div> <!-- end graph -->
<section id="about"></section>
<div class="container">
<div id="AnalysisBox">
<div class="page-header"><br><h2><blockquote>Over the past three decades, voters of all stripes in municipalities, counties, and states throughout the country have voted to tax themselves to protect the land they love for future generations. The Trust For Public Land's LandVote® Database is the premier source of information about these measures.</blockquote></h2></div>
<!-- ==============================
OVERVIEW
===================================-->
<p>The LandVote database brings together the most comprehensive history available for conservation finance measures that have been placed on the ballot.</p>
<p>Below, we hope to shed some light on various types of ballot measures that LandVote tracks and the critical role the Trust for Public Land's conservation finanance team plays in protecting land for people across the nation.</p>
<h2>Background</h2>
<p>The Trust for Public Land helps state and local governments design, pass, and implement legislation and ballot measures that create new public funds for parks and land conservation. We’ve helped pass more than 527 ballot measures—an 81 percent success—creating $68 billion in voter approved funding for parks, land conservation, and restoration. Every $1 invested in this program has generated more than $2,000 in new public funds.</p>
<p>
<div class = "letscenter"><img src="img/2016LandVote.PNG"></div>
<!-- ==============================
Services
===================================-->
<section id ="overview"></section>
<div class = "chptrhead"><h3>Conservation Services</h3></div>
<p>Our conservation finance services include:</p>
<ul>
<li><a href="https://www.tpl.org/how-we-work/fund/technical-assistance#sm.00000oq5rsrjmvf2epvtfgev45y15" >Technical assistance</a>: creating legislative and ballot measures that reflect public priorities</li><br>
<li><a href="https://www.tpl.org/how-we-work/fund/campaign-services#sm.00000oq5rsrjmvf2epvtfgev45y15">Campaign services</a> offering a suite of campaign services from planning to get-out-the-vote programs</li><br>
<li><a href="https://www.tpl.org/how-we-work/fund/conservation-economics#sm.00000oq5rsrjmvf2epvtfgev45y15">Conservation economics</a>: delivering research on the fiscal and economic benefits of land conservation</li><br>
</ul>
<p><a href="http://contacts.tpl.org/site/Survey?ACTION_REQUIRED=URI_ACTION_USER_REQUESTS&SURVEY_ID=1981">Sign up for Washington Watch</a>, our quarterly round-up of news about federal funding sources and measures.</p>
<!-- ==============================
Types of Measures
===================================-->
<section id ="spending"></section>
<div class = "chptrhead"><h3>LandVote tabulates funding amounts in two ways:</h3></div>
<p> 1. Total funds represent funds generated through the entire ballot measure for all purposes.</p>
<p> 2. Conservation funds represent funds generated for land acquisition and protection only.</p>
<p>For example, suppose there is a bond measure for $60 million, of which $30 million will be used for land acquisition and protection and $30 million will be for other various capital improvements. This measure would appear in LandVote as $60 million total funds and $30 million conservation funds. Both sets of figures document and help explain the substantial voter support that exists for conservation and the voters’ willingness to pay for conservation.</p>
<div class = "letscenter"><img src="img/spendingmerge.png"></div>
<!-- ==============================
Types of Measures
===================================-->
<section id ="jurisdiction"></section>
<div class = "chptrhead"><h3>LandVote tracks conservation ballot across four jurisdictions:</h3></div>
<p> 1. <b>State</b> </p>
<p> 2. <b>County</b> </p>
<p> 3. <b>Municipal</b> </p>
<p> 4. <b>Special Disticts</b> </p>
<!-- ==============================
COUNSELING & CPC
===================================-->
<section id ="finance"></section>
<div class = "chptrhead"><h3>Approved conservation ballot measures are funded in a variety of ways:</h3></div>
<p> 1. <b>Pay as you go measures</b> authorize sales, property, income, and other taxes to pay for conservation. When a ballot measure authorizes a new tax, LandVote counts the estimated revenue generated for the duration of the tax. When the tax is not limited to a specific term, a duration of 20 years is used. In all cases the total funds generated over the life of the measure are conservatively estimated and do not reflect likely increases in the tax base. When a ballot measure increases an existing tax, LandVote counts only the value of the added increment.</p>
<p> 2. <b>Bond measures</b> authorize the use of bonded indebtedness (general obligation bonds) for the purpose of financing capital improvements such as land conservation. In tabulating results, LandVote counts the face value of the bonds authorized, rather than the much higher value of repaying the bonds in the future. Bonds usually extend for 20 or 30 years.</p>
<div class = "chptrhead"><h3>Author and Contact</h3></div>
<p>This LandVote Interactive Vizualization was created by <a href="http://bit.ly/2hqs7K6" target="_blank">Patrick Smyth</a> for Dr. Ian Muehlenhaus's Interactive Cartography & Geovisualization course at UW-Madison. Completed in May 2017.
<br><br>
This project was inspired by <a href="http://yourbodynotyourchoice.github.io/" target="_blank">your body not your choice</a>, created by Katie Kowalsky, Dylan Moriarty, and Robin Tolochko.
<br><br>
This project was built with <a href="http://d3js.org/ " target="_blank">D3</a>, <a href="https://github.com/mbostock/queue" target="_blank">Queue</a>, <a href="http://jquery.com/ " target="_blank">jQuery</a>, <a href="http://jchavannes.com/jquery-timer/demo" target="_blank">jQuery Timer</a> and <a href="http://getbootstrap.com/ " target="_blank">Bootstrap</a>.
<br><br>
<h3>Process</h3><p>
All of the code for this project is available on GitHub, <a href="#" target="_blank">here</a>.
<br>
</div></div>
<br>
<div id="footerwrap" style="background-color: #009fda">
<div class="container">
<div class="row centered">
<div id ="footer">
<center>
<h5 style="color: #fff">Patrick Smyth © 2017</h5>
</center>
</div>
</div>
</div>
</div><! --/footerwrap -->
<!--libraries-->
<script src="lib/d3.min.js"></script>
<script src="lib/queue.js"></script>
<script src="lib/topojson.v1.min.js"></script>
<script src="lib/jquery-2.1.1.min.js"></script>
<script src="lib/jquery.timer.js"></script>
<script src="lib/bootstrap.js"></script>
<!--link to main Javascript file-->
<script src="js/main.js"></script>
</body>
</html>