silvrgit/views/pages/clock.ejs
Martin Donnelly b945f54fd0 Clock
2016-10-05 15:08:57 +01:00

74 lines
2.5 KiB
Plaintext

<html>
<head>
<title>
</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="viewport" content="width=360; initial-scale=1;">
<link href="fonts/fonts.css" rel="stylesheet" type="text/css">
<link href="css/weather-icons.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/clock.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/zepto/1.1.4/zepto.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/sugar/1.4.1/sugar.min.js"></script>
<script src="libs/microevent.js"></script></head>
</head>
<body>
<div id="clock">
<div id="datearea">
<div id="day">
Today
</div>
<div id="date">
6 - 6
</div>
</div>
<div id="clockDisplay"></div>
</div>
<div id="weather">
<div id="wCurrent" class="weatherBit">Currently<div id="wCtext">xxx</div></div>
<div id="wLater" class="weatherBit">Later<div id="wLtext">xxx</div></div>
<div id="wToday" class="weatherBit">Today<div id="wTtext">xxx</div></div>
<div id="wDaily"><div id="wTtext">
<table style="width:100%;">
<tr>
<td class="center weatherIcon" id="w1"></td>
<td class="center weatherIcon" id="w2"></td>
<td class="center weatherIcon" id="w3"></td>
<td class="center weatherIcon" id="w4"></td>
<td class="center weatherIcon" id="w5"></td>
<td class="center weatherIcon" id="w6"></td>
<td class="center weatherIcon" id="w7"></td>
<td class="center weatherIcon" id="w8"></td>
</tr>
<tr>
<td id="d1" class="wday"></td>
<td id="d2" class="wday"></td>
<td id="d3" class="wday"></td>
<td id="d4" class="wday"></td>
<td id="d5" class="wday"></td>
<td id="d6" class="wday"></td>
<td id="d7" class="wday"></td>
<td id="d8" class="wday"></td>
</tr>
</table>
</div></div>
</div>
<i class="wi wi-forecast-io-partly-cloudy-night" style="color:red;z-index: 100;"> </i>
<!--<div id="misc"></div>-->
</body>
<script src="libs/underscore.js"></script>
<script src="libs/backbone.js"></script>
<script src="js/websocket.js"></script>
<script src="js/clockSocket.js"></script>
<script src="js/clock.js"></script>
</html>