73 lines
2.0 KiB
HTML
73 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Temp</title>
|
|
<!-- build:css -->
|
|
<link href="css/custom.css" rel="stylesheet" type="text/css"/>
|
|
<link href="css/today.css" rel="stylesheet" type="text/css"/>
|
|
<!-- endbuild -->
|
|
</head>
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<div class="datebox">
|
|
<div class="section">local time</div>
|
|
<div>
|
|
<div id='date' class="date"></div>
|
|
<div id='time' class="timearea"><span class="time"></span><span class="seconds">:56</span></div>
|
|
<div class="location">Location</div>
|
|
</div>
|
|
<div class="section">Indoors</div>
|
|
<div>
|
|
|
|
<span class="temp" id="indoorTemp"></span> <span id='fan' class="fan">Fan On</span>
|
|
</div>
|
|
|
|
<div class="section">Weather</div>
|
|
<div>
|
|
<div class="temp" id="temp"></div>
|
|
<div class="weatherIcon" id="weatherIcon"></div>
|
|
<div class="weatherDescription" id="weatherDescription"></div>
|
|
|
|
</div>
|
|
|
|
<div id="graph-p-pane">
|
|
<svg id="graph-svg" width="300" height="150" fill="blue">
|
|
<line x1="46" y1="12" x2="280" y2="12"
|
|
style="stroke:#004c6d;stroke-width:2;"></line>
|
|
<text id="graph-txt1" x="36" y="15" text-anchor="end">--</text>
|
|
<line x1="46" y1="136" x2="280" y2="136"
|
|
style="stroke:#004c6d;stroke-width:2;"></line>
|
|
<text id="undefined" x="36" y="139" text-anchor="end">0</text>
|
|
<polyline id="graph-line" fill="none" stroke="#2196F3"
|
|
text-anchor="end" stroke-width="2"
|
|
points=""></polyline>
|
|
</svg>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- build:vendor -->
|
|
<script src="libs/jquery.js"></script>
|
|
<script src="libs/underscore.js"></script>
|
|
<script src="libs/backbone.js"></script>
|
|
|
|
<script src="libs/sugar-full.min.js"></script>
|
|
|
|
<!-- endbuild -->
|
|
<!-- build:js -->
|
|
<script src="js/websocket.js"></script>
|
|
<script src="js/tempSocket.js"></script>
|
|
|
|
|
|
<script src="js/modules/clock.js"></script>
|
|
<script src="js/modules/temp.js"></script>
|
|
<script src="js/modules/graph.js"></script>
|
|
|
|
<script src="js/app.js"></script>
|
|
<!-- endbuild -->
|
|
</body>
|
|
</html>
|