Skip to content

Instantly share code, notes, and snippets.

@Hexagon

Hexagon/gist:87037f8ef40ae39eb308

Created November 13, 2014 09:06
Show Gist options
  • Save Hexagon/87037f8ef40ae39eb308 to your computer and use it in GitHub Desktop.
Save Hexagon/87037f8ef40ae39eb308 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.txt
<!DOCTYPE html>
<html>
<head>
<title>huset.nu</title>
<meta charset="utf-8">
<link href="home.png" rel="icon" type="image/x-icon">
<!-- Mobile viewport fix -->
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<!-- Vendor css -->
<link href="css/vendor/bootstrap-switch.css" rel="stylesheet" type="text/css"><!-- App css -->
<link href="themes/default/base.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="container container-600" id="sensor_container">
<div class="box box-w-200 box-h-100 bg-dark" id="sensor_138">
<div class="content box-w-120 box-h-100">
<div class="icon-temp-indicator" id="indicator_1381" style=
"background-image: url(http://www.huset.nu:8080/themes/default/img/temp-stable.png);">
&nbsp;
</div>
<h4>Inne</h4>
<h1 class="fg-light"><span id="1381">21.8</span>°C</h1>
</div>
<div class="content box-w-80 box-h-100 right">
<h5 class="fg-light-red"><span id="max_1381">22.4</span>°C</h5>
<h5 class="fg-light-blue"><span id="min_1381"></span>°C</h5>
<h5 class="fg-light"><span id="1382">33</span>%RH</h5>
</div>
</div>
<div class="box box-w-200 box-h-100 bg-dark" id="sensor_41">
<div class="content box-w-120 box-h-100">
<div class="icon-temp-indicator" id="indicator_411" style=
"background-image: url(http://www.huset.nu:8080/themes/default/img/temp-stable.png);">
&nbsp;
</div>
<h4>Badrum</h4>
<h1 class="fg-light"><span id="411">21.4</span>°C</h1>
</div>
<div class="content box-w-80 box-h-100 right">
<h5 class="fg-light-red"><span id="max_411">21.8</span>°C</h5>
<h5 class="fg-light-blue"><span id="min_411"></span>°C</h5>
<h5 class="fg-light"><span id="412">31</span>%RH</h5>
</div>
</div>
<div class="box box-w-200 box-h-100 bg-dark" id="sensor_31">
<div class="content box-w-120 box-h-100">
<div class="icon-temp-indicator" id="indicator_311" style=
"background-image: url(http://www.huset.nu:8080/themes/default/img/temp-stable.png);">
&nbsp;
</div>
<h4>Ute</h4>
<h1 class="fg-light"><span id="311">1.4</span>°C</h1>
</div>
<div class="content box-w-80 box-h-100 right">
<h5 class="fg-light-red"><span id="max_311">2.2</span>°C</h5>
<h5 class="fg-light-blue"><span id="min_311"></span>°C</h5>
<h5 class="fg-light"><span id="312">76</span>%RH</h5>
</div>
</div>
<div class="box box-w-200 box-h-100 bg-dark" id="sensor_23">
<div class="content box-w-120 box-h-100">
<div class="icon-temp-indicator" id="indicator_231" style=
"background-image: url(http://www.huset.nu:8080/themes/default/img/temp-stale.png);">
&nbsp;
</div>
<h4>Källare</h4>
<h1 class="fg-light"><span id="231">10.0</span>°C</h1>
</div>
<div class="content box-w-80 box-h-100 right">
<h5 class="fg-light-red"><span id="max_231">10.2</span>°C</h5>
<h5 class="fg-light-blue"><span id="min_231"></span>°C</h5>
<h5 class="fg-light"><span id="232">76</span>%RH</h5>
</div>
</div>
<div class="box box-w-200 box-h-100 bg-dark" id="sensor_21">
<div class="content box-w-120 box-h-100">
<div class="icon-temp-indicator" id="indicator_211" style=
"background-image: url(http://www.huset.nu:8080/themes/default/img/temp-stable.png);">
&nbsp;
</div>
<h4>Garage</h4>
<h1 class="fg-light"><span id="211">5.3</span>°C</h1>
</div>
<div class="content box-w-80 box-h-100 right">
<h5 class="fg-light-red"><span id="max_211">5.7</span>°C</h5>
<h5 class="fg-light-blue"><span id="min_211"></span>°C</h5>
<h5 class="fg-light"><span id="212">78</span>%RH</h5>
</div>
</div>
<div class="box box-w-200 box-h-100 bg-dark" id="sensor_14">
<div class="content box-w-120 box-h-100">
<div class="icon-temp-indicator" id="indicator_141" style=
"background-image: url(http://www.huset.nu:8080/themes/default/img/temp-up.png);">
&nbsp;
</div>
<h4>Grund</h4>
<h1 class="fg-light"><span id="141">6.2</span>°C</h1>
</div>
<div class="content box-w-80 box-h-100 right">
<h5 class="fg-light-red"><span id="max_141">6.6</span>°C</h5>
<h5 class="fg-light-blue"><span id="min_141"></span>°C</h5>
<h5 class="fg-light"><span id="142">83</span>%RH</h5>
</div>
</div>
<div class="box box-w-600 box-h-300 bg-dark" id="eliq_chart_dataday">
<canvas height="295" width="595"></canvas>
</div>
<div class="box box-w-200 box-h-100 bg-dark" id="spot_1">
<h4>Elpris live</h4>
<h2>79.1 öre/KWh</h2>
</div>
<div class="box box-w-200 box-h-100 bg-dark" id="eliq_datanow">
<h4>Förbrukning nu</h4>
<h2>2 kWh</h2>
</div>
<div class="box box-w-200 box-h-100 bg-dark" id="eliq_dataday">
<h4>Förbrukning dygn</h4>
<h2>39.77 kWh</h2>
</div>
<div class="box box-w-600 box-h-200 bg-dark">
<div id="sensor_graph_14" style="height:200px">
<canvas height="200" width="595"></canvas>
</div>
</div>
<div class="box box-w-600 box-h-200 bg-dark">
<div id="sensor_graph_21" style="height:200px">
<canvas height="200" width="595"></canvas>
</div>
</div>
<div class="box box-w-600 box-h-200 bg-dark">
<div id="sensor_graph_23" style="height:200px">
<canvas height="200" width="595"></canvas>
</div>
</div>
<div class="box box-w-600 box-h-200 bg-dark">
<div id="sensor_graph_31" style="height:200px">
<canvas height="200" width="595"></canvas>
</div>
</div>
<div class="box box-w-600 box-h-200 bg-dark">
<div id="sensor_graph_41" style="height:200px">
<canvas height="200" width="595"></canvas>
</div>
</div>
<div class="box box-w-600 box-h-200 bg-dark">
<div id="sensor_graph_138" style="height:200px">
<canvas height="200" width="595"></canvas>
</div>
</div>
</div>
<div class="container container-300" id="devices">
<div class="box box-w-300 box-h-adaptive bg-dark" id="devicegroup_1"
style="padding-right:5px;">
<h3>Vardagsrum</h3>
<div class="make-switch switch-mini float-right has-switch"
data-off="default" data-on="success" id="device_1">
<div class="switch-animate switch-off">
<input checked type="checkbox"><span class=
"switch-left switch-mini switch-success">ON</span><label class="switch-mini">&nbsp;</label><span class="switch-right switch-mini switch-default">OFF</span>
</div>
</div>
<h4>Fönster</h4>
<div class="make-switch switch-mini float-right has-switch"
data-off="default" data-on="success" id="device_2">
<div class="switch-animate switch-off">
<input checked type="checkbox"><span class=
"switch-left switch-mini switch-success">ON</span><label class="switch-mini">&nbsp;</label><span class="switch-right switch-mini switch-default">OFF</span>
</div>
</div>
<h4>Taklampa</h4>
<div class="make-switch switch-mini float-right has-switch"
data-off="default" data-on="success" id="device_3">
<div class="switch-animate switch-on">
<input checked type="checkbox"><span class=
"switch-left switch-mini switch-success">ON</span><label class="switch-mini">&nbsp;</label><span class="switch-right switch-mini switch-default">OFF</span>
</div>
</div>
<h4>Akvarium</h4>
<div class="make-switch switch-mini float-right has-switch"
data-off="default" data-on="success" id="device_4">
<div class="switch-animate switch-off">
<input checked type="checkbox"><span class=
"switch-left switch-mini switch-success">ON</span><label class="switch-mini">&nbsp;</label><span class="switch-right switch-mini switch-default">OFF</span>
</div>
</div>
<h4>TV-Bänk</h4>
</div>
<div class="box box-w-300 box-h-adaptive bg-dark" id="devicegroup_2"
style="padding-right:5px;">
<h3>Utebelysning</h3>
<div class="make-switch switch-mini float-right has-switch"
data-off="default" data-on="success" id="device_5">
<div class="switch-animate switch-off">
<input checked type="checkbox"><span class=
"switch-left switch-mini switch-success">ON</span><label class="switch-mini">&nbsp;</label><span class="switch-right switch-mini switch-default">OFF</span>
</div>
</div>
<h4>Altan</h4>
<div class="make-switch switch-mini float-right has-switch"
data-off="default" data-on="success" id="device_6">
<div class="switch-animate switch-off">
<input checked type="checkbox"><span class=
"switch-left switch-mini switch-success">ON</span><label class="switch-mini">&nbsp;</label><span class="switch-right switch-mini switch-default">OFF</span>
</div>
</div>
<h4>Infart</h4>
</div>
<div class="box box-w-300 box-h-adaptive bg-dark" id="devicegroup__1"
style="padding-right:5px;">
<h3>Övrigt</h3>
<div class="make-switch switch-mini float-right has-switch"
data-off="default" data-on="success" id="device_7">
<div class="switch-animate switch-off">
<input checked type="checkbox"><span class=
"switch-left switch-mini switch-success">ON</span><label class="switch-mini">&nbsp;</label><span class="switch-right switch-mini switch-default">OFF</span>
</div>
</div>
<h4>Kaminfläkt</h4>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment