https://calmatters-mmbi-broadband-map.netlify.app/

1<!DOCTYPE html>
2<html lang="en">
3	
4	<head>
5		<meta charset="utf-8" />
6		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700">
7		<meta name="viewport" content="width=device-width, initial-scale=1" />
8
9		
10		<link href="./_app/immutable/assets/0.2f1d5ef5.css" rel="stylesheet">
11		<link href="./_app/immutable/assets/2.c2856854.css" rel="stylesheet">
12		<link href="./_app/immutable/assets/Header.161f7a84.css" rel="stylesheet">
13
14	</head>
15
16	<!-- Google tag (gtag.js) -->
17	<!-- ID must change in GA when setting up data stream -->
18	<!--

18 <script async src="https://www.googletagmanager.com/gtag/js?id=

18G-22HXBBS3KE

18"></script> 
19	

19<script>
20		

20window.dataLayer = window.dataLayer || [];
21		function gtag(){dataLayer.push(arguments);}
22		gtag('js', new Date());
23
24		gtag('config', '

24G-22HXBBS3KE

24'); 
25	

25</script>

25 -->
26
27	<body>
28		<div id="svelte">  <main><section class="svelte-1wq0jrc">  <section class="svelte-uca24"><h3 class="svelte-uca24">California's middle-mile broadband plan is a mix of new construction and existing infrastructure</h3>  </section> <p style="font-style: italic;" data-svelte-h="svelte-ad6jys">Colored lines indicate where the state will:</p> <div class="legend svelte-1wq0jrc"><div class="svelte-1wq0jrc"><span class="svelte-1wq0jrc" style="width: 12px; height: 12px; background: #8381be;"></span> <span class="svelte-1wq0jrc">Lease (4.5k mi)</span> </div><div class="svelte-1wq0jrc"><span class="svelte-1wq0jrc" style="width: 12px; height: 12px; background: #fe9929;"></span> <span class="svelte-1wq0jrc">Build (3.8k mi)</span> </div><div class="svelte-1wq0jrc"><span class="svelte-1wq0jrc" style="width: 12px; height: 12px; background: #43a2ca;"></span> <span class="svelte-1wq0jrc">Build with a partner (1.4k mi)</span> </div><div class="svelte-1wq0jrc"><span class="svelte-1wq0jrc" style="width: 12px; height: 12px; background: #90be77;"></span> <span class="svelte-1wq0jrc">Purchase (463 mi)</span> </div></div> <div class="map-and-action-container svelte-1wq0jrc"><div class="action-container svelte-1wq0jrc"><div class="location-action-container svelte-1wq0jrc">  <button class="size-default variant-primary svelte-1frkmpc" >Find me on the map </button> <p class="svelte-1wq0jrc" data-svelte-h="svelte-dckt2q">We&#39;ll ask for your location after you click this.</p></div>   <button class="size-compact variant-secondary svelte-1frkmpc" >Reset to state view </button></div>   <div class="map-container svelte-m7fhqw"><div class="map svelte-m7fhqw"></div>  </div></div>   <section class="credits svelte-1qumqk2"><p class="small svelte-1qumqk2"><strong data-svelte-h="svelte-18rewac">Note:</strong> <!-- HTML_TAG_START -->We do not store your address.
29    <a style='color:#075E73;' href='https://calmatters.org/privacy-policy/'' target='_blank' rel='noreferrer'>
30      Privacy Policy →
31    </a><!-- HTML_TAG_END --></p> <ul class="svelte-1qumqk2"><li class="svelte-1qumqk2"><strong data-svelte-h="svelte-myawrp">Source:</strong> <!-- HTML_TAG_START --><a style='color:#075E73;' href='https://site-cammbi.hub.arcgis.com/pages/statewide-middle-mile-network-map' target='_blank' rel='noreferrer'> California Dept. of Technology</a><!-- HTML_TAG_END --></li> <li class="svelte-1qumqk2"><strong data-svelte-h="svelte-15x2xsw">Credits:</strong> Erica Yee, CalMatters</li></ul> </section> </section></main> 
32			
33			

33<script>
34				{
35					__sveltekit_1f6ikxn = {
36						base: new URL(".", location).pathname.slice(0, -1),
37						env: {}
38					};
39
40					const element = document.currentScript.parentElement;
41
42					const data = [null,null];
43
44					Promise.all([
45						import("./_app/immutable/entry/start.f6db228f.js"),
46						import("./_app/immutable/entry/app.580c861d.js")
47					]).then(([kit, app]) => {
48						kit.start(app, element, {
49							node_ids: [0, 2],
50							data,
51							form: null,
52							error: null
53						});
54					});
55				}
56			</script>

56
57		</div>
58
59		

59<script type="text/javascript" src="https://pym.nprapps.org/pym.v1.min.js"></script>

59
60		

60<script>
61			var pymChild = new pym.Child({
62				polling: 200
63			});
64		</script>

64
65	</body>
66</html>