matt/pi-temp
1
0
Fork 0
Code Issues 23 Pull Requests 1 Packages Projects Releases Wiki Activity

Rename things to make more sense.

Browse Source 
Closes #3.
This commit is contained in:
mattbk
2017-11-15 05:01:16 +00:00
parent 397424077e
commit ea64a23833
15 changed files with 12 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
templates/live.html Executable file
View File

@ -0,0 +1,55 @@
<html>
<meta charset="utf-8">
<title>Temp Conditions by RPi</title>
<meta http-equiv="refresh" content="10">
<meta name="description" content="Temp conditions - RPi">
<meta name="author" content="Clayton Walker">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="/static/css/normalize.css">
<link rel="stylesheet" href="/static/css/skeleton.css">
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="/static/images/favicon.png">
</head>
<body>
<div class="container">
<div class="row">
<div class="two-third column" style="margin-top: 5%">
<h2>Real time conditions</h2>
<h1>Temperature: {{"{0:0.1f}".format(temp) }}°F</h1>
<h1>Humidity: {{"{0:0.1f}".format(hum)}}%</h1>
<p>This page refreshes every 10 seconds</p>
</div>
</div>
<div class="row">
<div class="eleven columns">
<form id="range_select" action = "/lab_env_db" method="GET">
<input type="hidden" class="timezone" name="timezone" />
<div class="one column">
<a href="/history" style="position:relative;top:15px">Historic</a>
</div>
</form>
</div>
</div>
</body>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jstimezonedetect/1.0.4/jstz.min.js" ></script>
<script>
jQuery( document ).ready(function() {
timezone = jstz.determine();
jQuery("#timezone").text(timezone.name());
});
jQuery("#range_select input[type=radio]").click(function(){
timezone = jstz.determine();
jQuery(".timezone").val(timezone.name());
jQuery("#range_select").submit();
});
</script>
</html>