64 lines
2.3 KiB
HTML
64 lines
2.3 KiB
HTML
{% extends "main/base.html" %}
|
|
{% block content %}
|
|
|
|
<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.css" />
|
|
<script src="http://cdn.leafletjs.com/leaflet-0.5/leaflet.js"></script>
|
|
|
|
<h2>{{ community_name }}</h4>
|
|
|
|
<div id="map" style="width: 500px; height: 300px"></div>
|
|
<br>
|
|
|
|
<h3>Monthly Temperatures</h3>
|
|
<div class="table-responsive">
|
|
<table class="table table-hover table-condensed table-bordered">
|
|
<thead>
|
|
<tr>
|
|
<th class="col-md-1">Year<br> </th>
|
|
<th class="col-md-1">January<br>°C</th>
|
|
<th class="col-md-1">February<br>°C</th>
|
|
<th class="col-md-1">March<br>°C</th>
|
|
<th class="col-md-1">April<br>°C</th>
|
|
<th class="col-md-1">May<br>°C</th>
|
|
<th class="col-md-1">June<br>°C</th>
|
|
<th class="col-md-1">July<br>°C</th>
|
|
<th class="col-md-1">August<br>°C</th>
|
|
<th class="col-md-1">September<br>°C</th>
|
|
<th class="col-md-1">October<br>°C</th>
|
|
<th class="col-md-1">November<br>°C</th>
|
|
<th class="col-md-1">December<br>°C</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for temp in temps %}
|
|
<tr>
|
|
<td>{{ temp[0] }}</td>
|
|
<td>{{ temp[1][0] }}</td>
|
|
<td>{{ temp[1][1] }}</td>
|
|
<td>{{ temp[1][2] }}</td>
|
|
<td>{{ temp[1][3] }}</td>
|
|
<td>{{ temp[1][4] }}</td>
|
|
<td>{{ temp[1][5] }}</td>
|
|
<td>{{ temp[1][6] }}</td>
|
|
<td>{{ temp[1][7] }}</td>
|
|
<td>{{ temp[1][8] }}</td>
|
|
<td>{{ temp[1][9] }}</td>
|
|
<td>{{ temp[1][10] }}</td>
|
|
<td>{{ temp[1][11] }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
|
|
<script>
|
|
var map = L.map('map').setView([{{ lat }}, {{ lon }}], 5);
|
|
L.tileLayer('http://otile1.mqcdn.com/tiles/1.0.0/sat/{z}/{x}/{y}.jpg', {
|
|
maxZoom: 18,
|
|
attribution: '{{ community_name }}, AK'
|
|
}).addTo(map);
|
|
var marker_1 = L.marker([{{ lat }}, {{ lon }}]);
|
|
marker_1.bindPopup("{{ community_name }}, AK<br>{{ lat }}° N, {{ lon }}° W");
|
|
map.addLayer(marker_1)
|
|
</script>
|
|
|
|
{% endblock %}
|