</script>
</head>
<body>
- <div id="menu">
- <ul id="menu-list">
- </ul>
- </div>
-
- <h1></h1>
-
- <div class="chart" id="chart"></div>
-
- <div id="footer">
- Generated by <a href='http://wpitchoune.net/psensor'>psensor-server</a>
- </div>
+ <div id="menu">
+ <ul id="menu-list">
+ </ul>
+ </div>
+
+ <div id="main">
+ <h1></h1>
+
+ <div class="chart" id="chart"></div>
+
+ </div>
+
+ <div id="footer">
+ Generated by <a href='http://wpitchoune.net/psensor'>psensor-server</a>
+ </div>
</body>
</html>
var name, link, url, str;
$.getJSON("/api/1.0/sensors", function(data) {
- str = "<li class='menu-item'>Sensors\n<ul class='sub-menu'>";
+ str = "<li>Sensors\n<ul>";
$.each(data, function(i, item) {
name = item["name"];
$("#menu-list").append(str);
});
- $("#menu-list").click(function() {
- $("ul.sub-menu").slideToggle('medium');
- });
}
\ No newline at end of file
font-size: 100%;
color: #000;
background-color: #fff;
+ margin: 0 0 0 0;
+}
+
+body div {
+ background-color: #fff;
}
a {
h1 {
text-transform: uppercase;
+ margin: 0 0 1em 0;
+ padding: 0 0 0 0;
}
#footer {
color: #000;
}
-#menu-list {
+ul {
list-style: none;
padding: 0 0 0 0;
margin: 0 0 0 0;
- }
+}
-#menu {
- background: #000;
- color: #fff;
- padding-top: 1em;
- padding-bottom: 1em;
+ul li ul li {
padding-left: 1em;
}
-.sub-menu {
+#menu {
+ float: left;
+ width: 20%;
padding: 0 0 0 0;
margin: 0 0 0 0;
- list-style: none;
- display: none;
- color: #fff;
+}
+
+#main {
+ float: right;
+ width: 80%;
+ padding: 0 0 0 0;
+ margin: 0 0em 0 0;
}
\ No newline at end of file