1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta http-equiv="X-UA-Compatible" content="IE=9"/> 5 <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> 6 7 <title>teletherm.org</title> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 9 <meta name="application-name" content="Teletherm"/> 10 <meta name="description" content="Teletherm.org connects global climate change dynamics to changing local weather."/> 11 <meta name="developer" content="Andy Reagan, UVM"/> 12 13 14 <link href="css/site.css" rel="stylesheet"> 15 <link href="css/teletherm.css" rel="stylesheet"> 16 <!-- <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" /> --> 17 <!-- <link href='https://api.tiles.mapbox.com/mapbox.js/v2.1.4/mapbox.css' rel='stylesheet' /> --> 18 <link href="css/bootstrap.min.css" rel="stylesheet"> 19 <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 20 21 <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements --> 22 <!--[if lt IE 9]> 23
23<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
23 24 <![endif]--> 25 </head> 26 27 <body> 28 <nav class="navbar navbar-default navbar-fixed-top"> 29 <div class="container"> 30 <div class="navbar-header"> 31 <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 32 <span class="sr-only">Toggle navigation</span> 33 <span class="icon-bar"></span> 34 <span class="icon-bar"></span> 35 <span class="icon-bar"></span> 36 </button> 37 <a class="navbar-brand" href="index.html">teletherm.org</a> 38 </div> 39 <div id="navbar" class="navbar-collapse collapse"> 40 <ul class="nav navbar-nav"> 41 <!-- <li class="dropdown"> --> 42 <!-- <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Maps <span class="caret"></span></a> --> 43 <!-- <ul class="dropdown-menu"> --> 44 <!-- <li><a href="map-dynamic.html">Dynamic map</a></li> --> 45 <!-- <li><a href="map-static.html">Small multiples</a></li> --> 46 <!-- <\!-- <li role="separator" class="divider"></li> -\-> --> 47 <!-- <\!-- <li><a href="/instruments/teletherms/" class="submenu">Others?</a></li> -\-> --> 48 <!-- </ul> --> 49 <!-- </li> --> 50 <!-- <li class="dropdown"> --> 51 <!-- <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Stations <span class="caret"></span></a> --> 52 <!-- <ul class="dropdown-menu"> --> 53 <!-- <li><a href="city-splat.html">Teletherm splat</a></li> --> 54 <!-- <li><a href="city-NYT.html">NYT Viz</a></li> --> 55 <!-- <li><a href="city-timeseries.html">Over time</a></li> --> 56 <!-- </ul> --> 57 <!-- </li> --> 58 <li><a href="city-timeseries.html">Compare Stations</a></li> 59 <li><a href="map-dynamic.html">Regional Patterns (Maps)</a></li> 60 <li><a href="about.html">About</a></li> 61 </ul> 62 </div><!--/.nav-collapse --> 63 </div> 64 </nav> 65 66 <div class="container"> 67 <br> 68 <br> 69 <br> 70 <br> 71 <div class="row"> 72 <div class="row"> 73 <div class="col-xs-12 col-sm-offset-2 col-sm-8"> 74 <!-- <button type="button" class="btn btn-default btn-lg">left</button> --> 75 <div class="input-group"> 76 <div class="input-group" id="top"> 77 <span class="input-group-btn"> 78 <button class="btn btn-default" type="button" id="leftarrow"><i class="fa fa-arrow-left" aria-hidden="true"></i></button> 79 </span> 80 <input type="text" class="form-control text-center" aria-label="..." id="myinput" value="" placeholder="Search for a station"> 81 <span class="input-group-btn"> 82 <button class="btn btn-default" type="button" id="rightarrow"><i class="fa fa-arrow-right" aria-hidden="true"></i></button> 83 </span> 84 </div><!-- /input-group --> 85 <div class="btn-group btn-group-justified" role="group" aria-label="..."> 86 <div class="btn-group" role="group"> 87 <button type="button" class="btn btn-default" id="locationbutton"><i class="fa fa-location-arrow" aria-hidden="true"></i> My location</button> 88 </div> 89 <div class="btn-group" role="group"> 90 <button type="button" class="btn btn-default" id="randombutton">Random</button> 91 </div> 92 <div class="btn-group" role="group"> 93 <div class="dropdown"> 94 <button class="btn btn-default dropdown-toggle" type="button" id="selectedmenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true"> 95 Selected stations 96 <span class="caret"></span> 97 </button> 98 <ul class="dropdown-menu pull-right text-right" aria-labelledby="selectedmenu"> 99 <li class="text-right" id="hottest"><a href="#">Hottest: Death Valley, CA</a></li> 100 <li class="text-right" id="coldest"><a href="#">Coldest: Willow City, ND</a></li> 101 <li class="text-right" id="earliest-summer"><a href="#">Earliest summer: Alpine, TX</a></li> 102 <li class="text-right" id="earliest-winter"><a href="#">Earliest winter: Anaconda, MT</a></li> 103 <li class="text-right" id="latest-summer"><a href="#">Latest summer: Santa Cruz, CA</a></li> 104 <li class="text-right" id="latest-winter"><a href="#">Latest winter: Chatham, MI</a></li> 105 <!-- <li><a href="#"></a></li> --> 106 </ul> 107 </div> 108 <!-- <button type="button" class="btn btn-default" id="selectedmenu">Selected <span class="caret"></span></button> --> 109 </div> 110 </div> 111 </div> 112 </div> 113 </div> 114 </div> <!-- row --> 115 <div class="row"> 116 <h4>Teletherm watch!</h4> 117 <p id="telebanner1">The upcoming <span class="teleseason">Summer Teletherm</span> in <span class="telelocation">Burlington, VT</span> will be on <span class="teledate">July 12, 2017</span>.</p> 118 <p id="telebanner2">The upcoming <span class="teleseason">Winter Teletherm</span> in <span class="telelocation">Burlington, VT</span> will be on <span class="teledate">February 23, 2017</span>.</p> 119 <h4>Teletherm dynamics</h4> 120 <div class="col-xs-12 col-md-4" id="figure1"> 121 </div> <!-- col --> 122 <div class="col-xs-12 col-md-4" id="figure2"> 123 </div> <!-- col --> 124 <div class="col-xs-12 col-md-4" id="figure3"> 125 </div> <!-- col --> 126 <!-- <h3 id="stationname"></h3> --> 127 <!-- <div id="figure"></div> --> 128 <!-- </div> <\!-- col -\-> --> 129 <h4>Historical Summer Teletherm Temperature</h4> 130 <div id="summer_T"></div> 131 <h4>Historical Summer Teletherm Date</h4> 132 <div id="summer_tele"></div> 133 <h4>Historical Winter Teletherm Temperature</h4> 134 <div id="winter_T"></div> 135 <h4>Historical Winter Teletherm Date</h4> 136 <div id="winter_tele"></div> 137 </div> <!-- row --> 138 <!-- </div> <\!-- col -\-> --> 139 <br> 140 <br> 141 </div> <!-- container --> 142
142<script src="js/moment.js"></script>
142 143
143<script src="js/jquery-1.11.0.min.js"></script>
143 144 <!--
144<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-scrollTo/2.1.0/jquery.scrollTo.min.js"></script>
144--> 145
145<script src="js/bootstrap.min.js"></script>
145 146
146<script src="js/d3.js"></script>
146 147
147<script src="js/fisheye.js"></script>
147 148
148<script src="js/science.v1.js"></script>
148 149
149<script src="js/queue.min.js"></script>
149 150
150<script src="js/topojson.v1.min.js"></script>
150 151
151<script src="js/typeahead.bundle.js"></script>
151 152
152<script src="js/urllib.js"></script>
152 153
153<script src="js/hedotools.init.js"></script>
153 154
154<script src="js/hedotools.map.js"></script>
154 155 <!-- base data loading --> 156
156<script src="js/stations.js"></script>
156 157
157<script src="js/colorscales.js"></script>
157 158 <!-- this is only script that changes on the page --> 159
159<script src="js/processData-splat.js"></script>
159 160 <!-- these are the three visualizations --> 161
161<script src="js/cityNYT.js"></script>
161 162
162<script src="js/citySplat.js"></script>
162 163
163<script src="js/cityTimeseries.js"></script>
163 164 <!-- main loader, search bar handling --> 165
165<script src="js/teletherm-cityDynamics.js"></script>
165 166 </body> 167</html> 168 169
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.