/
index.html
414 lines (369 loc) · 18.7 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
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<script type="text/javascript">var _sf_startpt=(new Date()).getTime()</script>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>Water Fight: Tarrant Regional Water District v. Herrmann | NPR StateImpact</title>
<meta name="description" content="The U.S. Supreme Court is set to weigh in on a water rights dispute between Oklahoma and Texas. The two states disagree on how to interpret the Red River Compact, which regulates water withdrawals from the Red River and its tributaries. The case is called Tarrant Regional Water District v. Herrmann, and the outcome could impact interstate water compacts across the country. Here’s a look at what the fight is about.">
<meta name="author" content="NPR StateImpact Texas">
<!-- opengraph -->
<meta property="og:title" content="Water Fight: Tarrant Regional Water District v. Herrmann | NPR StateImpact">
<meta property="og:image" content="http://stateimpact.npr.org/oklahoma/trwd-v-herrmann/img/compact2.png">
<meta property="og:description" content="The U.S. Supreme Court is set to weigh in on a water rights dispute between Oklahoma and Texas. The two states disagree on how to interpret the Red River Compact, which regulates water withdrawals from the Red River and its tributaries. The case is called Tarrant Regional Water District v. Herrmann, and the outcome could impact interstate water compacts across the country. Here’s a look at what the fight is about.">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="http://stateimpact.npr.org/wp-content/themes/stateimpact-hub/js/modernizr-1.6.min.js"></script>
<script type="text/javascript" src="http://use.typekit.com/yey2zgp.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<!-- CSS
================================================== -->
<!-- <link rel='stylesheet' href='http://stateimpact.npr.org/oklahoma/wp-content/plugins/argo-audio-player/css/argo-audio-player.css'/> -->
<link rel="stylesheet" href="css/base.css">
<!-- Favicons
================================================== -->
<link rel="icon" href="http://stateimpact.npr.org/oklahoma/wp-content/themes/statewatch/img/favicon.png"/>
</head>
<body data-spy="scroll" data-target=".sig-nav">
<header class="si-nav">
<div class="container">
<nav>
<h2><a href="http://stateimpact.npr.org">StateImpact</a></h2>
<h3><a href="http://stateimpact.npr.org/oklahoma/">Oklahoma</a></h3>
<p class="partnership">A reporting project of local public media and <a class="nprlogo ir" href="http://npr.org" title="Visit npr.org">NPR</a></p>
<!-- <ul>
<li><a href="http://stateimpact.npr.org/oklahoma/about/">About StateImpact Oklahoma</a></li>
</ul> -->
</nav>
</div>
</header>
<article id="container" class="container-fluid">
<header class="intro row-fluid">
<div class="span8 offset2">
<h1 class="headline">Water Fight</span></h1>
<h4 class="credit">By <a href="mailto:ddebelius@npr.org">Danny DeBelius</a>, <a href="mailto:ylu@npr.org">Yan Lu</a>, <a href="mailto:cswope@npr.org">Chris Swope</a> and <a href="mailto:stateimpact@kgou.org@npr.org">Joe Wertz</a></h4>
<!-- <h4>A reporting project of local public media <br />and <a class="nprlogo" href="http://npr.org" title="Visit npr.org">NPR</a></h4> -->
<p>The U.S. Supreme Court is set to weigh in on a water rights dispute between Oklahoma and Texas. The two states disagree on how to interpret the Red River Compact, which regulates water withdrawals from the Red River and its tributaries. The case is called <a href="http://stateimpact.npr.org/oklahoma/tag/tarrant-vs-herrmann/" title="Tarrant Regional Water District v. Herrmann">Tarrant Regional Water District v. Herrmann</a>, and the outcome could impact interstate water compacts across the country. Here’s a look at what the fight is about.</p>
<!--
<ul class="playlist"><li><a href="http://kut.org/wp-content/uploads/2012/04/20120402_me_02.mp3" class="inline" title="When Texas Went Dry">When Texas Went Dry<span class="caption">Billions in Losses and It Ain’t Over Yet</span></a><a href="http://kut.org/wp-content/uploads/2012/04/20120402_me_02.mp3" class="exclude"><i class="icon-download-alt"></i> Download</a></li></ul> -->
<ul class="sharing">
<li><a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-text="Learn more about Tarrant Regional Water District v. Herrmann, a water rights dispute before SCOTUS. " data-via="StateImpactOK">Tweet</a></li>
<li><div class="fb-like" data-width="150" data-layout="button_count" data-show-faces="false"></div></li>
</ul>
</div>
</header>
<div class="sig-nav row-fluid">
<div class="span8 offset2">
<div class="pagination">
<ul class="nav">
<li><a href="#red-river"><em>1</em> Compact</a></li>
<li><a href="#tarrant"><em>2</em> The Plaintiff</a></li>
<li><a href="#growth"><em>3</em> Growth</a></li>
<li><a href="#subbasin5"><em>4</em> Water Rights</a></li>
<li><a href="#discussion"><em>5</em> Discussion</a></li>
</ul>
</div>
</div>
</div>
<section class="sig-section-1 row-fluid" id="red-river">
<div class="span8 offset2">
<h1>Compact Area</h1>
<p>Oklahoma, Texas, Arkansas and Louisiana signed the Red River Compact in 1978. The agreement regulates water rights in a large swathe of the four states.
</p>
<span class="img-wrapper"><img src="./img/compact2.png"></span>
</div>
</section>
<section class="sig-section-1" id="tarrant">
<div class="row-fluid">
<h1 class="span8 offset2">The Plaintiff</h1>
</div>
<div class="row-fluid">
<div class="span4 offset2">
<p>The Tarrant Regional Water District serves parts of 11 counties in Texas, including the city of Ft. Worth. The district wants to tap the Kiamichi River — a Red River tributary in Oklahoma — and pump the water to Texas for its customers to use. Rudolf John Herrmann and other members of the Oklahoma Water Resources Board said no. </p>
</div>
<div class="span4">
<span class="img-wrapper"><img src="./img/tarrant.png"></span>
</div>
</div>
</section>
<section class="sig-section-1 row-fluid" id="growth">
<div class="span8 offset2">
<h1>Texas Thirst</h1>
<p>Since Congress approved the Red River Compact in 1980, growth in the Dallas-Ft. Worth metro area has boomed. The population is projected to double by 2060. By then, the Tarrant Regional Water District says its customers’ water demand will far outstrip its supply. Much of the demand comes from Tarrant County, which is home to Ft. Worth.</p>
<div id="chart" style="min-width: 300px; height: 400px; margin: 0 auto">
</div>
</div>
</section>
<section class="sig-section-1 row-fluid" id="subbasin5">
<div class="span8 offset2">
<h1>Contentious Clause</h1>
<p>A key question before the Court is how to interpret compact language governing an area known as “Reach 2, Subbasin 5.” The compact says the four states “shall have equal rights to the use of runoff originating in the subbasin” but Oklahoma and Texas disagree on what that means.
</p>
<span class="img-wrapper"><img src="./img/subbasin.png"></span>
</div>
</section>
<section class="sig-section-1 row-fluid" id="discussion">
<div class="span8 offset2">
<h1>Join the Discussion</h1>
<div id="disqus_thread"></div>
<script type="text/javascript">
var disqus_developer = 1;
var disqus_shortname = 'stateimpactok'; // required: replace example with your forum shortname
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</div>
</section>
<section class="sig-section-1 row-fluid" id="readmore">
<div class="span8 offset2">
<h1>Read the latest on Tarrant v. Herrmann</h1>
<div id="stories"></div>
</div>
</section>
</article>
<footer class="container-fluid">
<div class="row-fluid">
<div class="boilerplate span8 offset2">
<p class="partnership">A reporting project of local public media and <a class="nprlogo ir" href="http://npr.org" title="Visit npr.org">NPR</a></p>
<p class="copyright">© 2013 NPR | <a href="http://www.npr.org/about/termsofuse.html">Terms Of Use</a> | <a href="http://www.npr.org/about/privacypolicy.html">Privacy Policy</a></p>
</div>
</div>
</footer>
<!-- JS
================================================== -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="js/underscore-min.js"></script>
<script src="js/jsticky.js"></script>
<script src="js/bootstrap-scrollspy.js"></script>
<script src="js/highcharts.js"></script>
<script src='http://stateimpact.npr.org/texas/wp-content/plugins/argo-audio-player/js/sm.min.js'></script><script src='http://stateimpact.npr.org/texas/wp-content/plugins/argo-audio-player/js/sm.playlist.js'></script>
<!-- SoundManager assets and templates
<script>
soundManager.url = './swf/';
function setTheme(sTheme) {
var o = document.getElementsByTagName('ul')[0];
o.className = 'playlist'+(sTheme?' '+sTheme:'');
return false;
}
</script>
<div id="control-template">
<div class="controls">
<div class="statusbar">
<div class="loading"></div>
<div class="position"></div>
</div>
</div>
<div class="timing">
<div id="sm2_timing" class="timing-data">
<span class="sm2_position">%s1</span> / <span class="sm2_total">%s2</span></div>
</div>
<div class="peak">
<div class="peak-box"><span class="l"></span><span class="r"></span>
</div>
</div>
</div>
<div id="spectrum-container" class="spectrum-container">
<div class="spectrum-box">
<div class="spectrum"></div>
</div>
</div>
-->
<script type="text/javascript">
$('#sig-nav').scrollspy()
$(function() {
$(".sig-nav a, .scroller").click(function(event){
event.preventDefault();
var offset = $($(this).attr('href')).offset().top - 20;
$('html, body').animate({scrollTop:offset}, 500);
});
var sidebar = $('.sig-nav').jsticky({ marginTop: 0, offsetTop:0 });
});
</script>
<script id="story-template" type="text/x-jst">
<div class="profile">
<h3><a href="<%= url %>"><%= title.replace(/Jobless in Idaho: /i, '') %></a></h3>
<p><%= excerpt %></p>
</div>
</script>
<script>
$(function () {
var chart;
$(document).ready(function() {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'chart',
backgroundColor: '#4099c7',
type: 'line',
margin: [ 50, 20, 100, 70]
},
colors: ['#bddeee'],
credits: {
enabled: false
},
plotOptions: {
line: {
marker: {
radius: 3
},
pointPlacement: 'on',
shadow: false
}
},
title: {
text: 'Population Growth in Tarrant County, TX',
style: {
color: '#bddeee',
fontFamily: 'proxima-nova, Helvetica Neue, Arial, sans-serif',
fontSize: '18px',
fontWeight: 300
}
},
xAxis: {
categories: ["","1980","1981","1982","1983","1984","1985","1986","1987","1988","1989","1990","1991","1992","1993","1994","1995","1996","1997","1998","1999","2000","2001","2002","2003","2004","2005","2006","2007","2008","2009","2010","2011","2012"],
labels: {
rotation: 0,
align: 'center',
formatter: function() {
if (this.value % 10 === 0){
return this.value;
}
},
step: 1,
style: {
color: '#bddeee',
fontSize: '13px',
fontFamily: 'proxima-nova, Helvetica Neue, Arial, sans-serif'
},
y: 30,
x: 2
},
lineColor: '#bddeee',
tickInterval: 1,
startOnTick: true,
minPadding: 0,
tickmarkPlacement: 'on',
tickColor: '#bddeee'
},
yAxis: {
min: 0,
title: {
text: 'Population',
style: {
color: '#bddeee',
fontFamily: 'proxima-nova, Helvetica Neue, Arial, sans-serif',
textTransform: 'uppercase',
letterSpacing: '0.2em'
}
},
labels: {
style: {
color: '#bddeee',
fontFamily: 'proxima-nova, Helvetica Neue, Arial, sans-serif',
fontSize: '13px'
},
x: -10
},
gridLineColor: '#bddeee'
},
legend: {
enabled: false
},
tooltip: {
formatter: function() {
return '<b>'+ this.x +'</b><br/>'+
Highcharts.numberFormat(this.y, 0) ;
},
borderRadius: 0,
shadow: false,
style: {
fontFamily: 'proxima-nova, Helvetica Neue, Arial, sans-serif',
fontSize: '16px'
}
},
series: [{
name: 'Population',
data: [null,860880,895556,933829,967408,1001836,1043207,1083641,1116110,1133193,1149530,1177220,1205887,1225543,1243884,1270639,1294453,1323207,1355318,1388366,1422372,1456919,1490204,1524249,1553086,1580595,1612048,1662005,1707157,1745602,1784078,1817658,1849815,1880153],
dataLabels: {
enabled: false,
rotation: 0,
color: '#bddeee',
align: 'center',
x: 0,
y: 0,
style: {
fontSize: '16px',
fontFamily: 'proxima-nova, Helvetica Neue, Arial, sans-serif'
}
}
}]
});
$.ajax({
url: 'http://stateimpact.npr.org/oklahoma/api/get_tag_posts/?slug=tarrant-vs-herrmann&count=5',
dataType: 'jsonp',
success: function(resp) {
var template = _.template($('#story-template').html()),
root = $('#stories');
_.each(resp.posts, function(post, i) {
root.append(template(post));
});
}
});
});
});
</script>
<!-- analytics -->
<script type="text/javascript">
var _gaq = _gaq || [];
// oklahoma
_gaq.push(['_setAccount', 'UA-10514960-21']);
_gaq.push(['_trackPageview']);
// // npr
_gaq.push(['_setAccount', 'UA-24211638-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script type="text/javascript">
var _sf_async_config={uid:26060,domain:"stateimpact.npr.org"};
(function(){
function loadChartbeat() {
window._sf_endpt=(new Date()).getTime();
var e = document.createElement('script');
e.setAttribute('language', 'javascript');
e.setAttribute('type', 'text/javascript');
e.setAttribute('src',
(("https:" == document.location.protocol) ? "https://a248.e.akamai.net/chartbeat.download.akamai.com/102508/" : "http://static.chartbeat.com/") +
"js/chartbeat.js");
document.body.appendChild(e);
}
var oldonload = window.onload;
window.onload = (typeof window.onload != 'function') ?
loadChartbeat : function() { oldonload(); loadChartbeat(); };
})();
</script>
<!-- sharing -->
<script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div id="fb-root"></div>
<!-- End Document
================================================== -->
</body>
</html>