lexstar/lexstar.html at master · CaptainSpam/lexstar · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<html>
    <head>
        <title>Lexstar 7000</title>
        <link rel="stylesheet" type="text/css" href="lexstar.css" title="Lexstar 7000" />
        <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate, max-age=-1, max-stale=0, post-check=0, pre-check=0" />
        <meta http-equiv="pragma" content="no-cache" />
        <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
        <script type="text/javascript" src="lexstar.js"></script>

    </head>
    <body>
        <div id="mainmap">
            <div class="locationdot" id="dotlexington">
                <div class="locationtext">Lexington</div>
            </div>
        </div>
        <div id="infocontainer">
            <div id="topbar">
                <div id="cityname"></div>
            </div>
            <div id="mainarea">
                <div id="statusarea">
                    <div id="status"></div>
                </div>
                <div id="mainblock">
                    <div id="conditions">
                        <div id="leftside">
                            <div id="conditionimage" class="conditionimage"></div>
                            <div id="conditiontext" class="conditiondata"></div>
                            <div id="conditiontemperature" class="conditiondata"></div>
                        </div>
                        <div id="rightside">
                            <div id="conditionwind" class="conditionblock">
                                <div id="conditionwindspeed" class="conditiondata"></div>
                                <div id="conditionwindgust" class="conditiondata"></div>
                            </div>
                            <div id="conditionpressure" class="conditiondata conditionblock"></div>
                            <div id="conditiondewpoint" class="conditiondata conditionblock"></div>
                            <div id="conditionhumidity" class="conditiondata conditionblock"></div>
                        </div>
                    </div>
                    <div id="forecast" style="display:none;">
                        <div class="forecastblock">
                        </div>
                    </div>
                </div>
                <div id="optionbuttons">
                    <button class="optionbutton forecasttoggle" id="forecasttoggle" title="Toggle Forecast/Current"></button>
                    <button class="optionbutton" id="centerbutton" title="Recenter Map to Lexington"></button>
                    <button class="optionbutton" id="celsiustoggle" title="Toggle Celsius"></button>
                    <img class="optionbutton" src="images/positionmap.png" id="positionpicker" usemap="#positionmap" />
                </div>
            </div>
            <div id="bottombar">
                <div id="timeaccessed"></div>
                <div id="creditlink"></div>
            </div>
        </div>

        <map name="positionmap">
            <area shape="rect" coords="0,0,15,15" title="Top-Left" id="postopleft" />
            <area shape="rect" coords="17,0,31,15" title="Top-Right" id="postopright" />
            <area shape="rect" coords="0,17,15,31" title="Bottom-Left" id="posbottomleft" />
            <area shape="rect" coords="17,17,31,31" title="Bottom-Right" id="posbottomright" />
        </map>
    </body>
</html>