<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>
