-
Тамбур
(object)
-
Коридор
(custom)
<style>
@import url("/3rdparty/fontawesome/css/all.min.css");
.container {
border-radius: 15px;
border:1px solid #444;
padding: 10px;
}
.left_top {
float: right;
font-size: 120%;
}
.left_top div {
border-radius: 5px;
border:1px solid #444;
padding: 2px;
display:inline-block;
}
.name {
font-size: 140%;
}
.devices {
font-size: 200%;
margin-bottom: 4px;
padding-top: 4px;
}
.devices div{
vertical-align:top;
margin-right:6px;
}
.devices i{
vertical-align:top;
margin-right:6px;
}
.devices img{
vertical-align:top;
margin-right:6px;
}
.time {
font-size: 60%;
color:grey;
}
.spiner {
animation-name: spin;
animation-duration: 2000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
z-index: 100;
}
@keyframes spin {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}
</style>
<div class="container" style="background-image: linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.8)), url(%.background%);">
<div class="left_top">
<div style='display:%Sensor_temp01.value|"none;inline-block"%'><font color="%Sensor_temp01.color%"><i class="fa fa-thermometer" aria-hidden="true"></i> %Sensor_temp01.value%°C</font></div><br/>
<div style='display:%Sensor_humidity01.value|"none;inline-block"%'><font color="%Sensor_humidity01.color%"><i class="fa fa-tint" aria-hidden="true"></i> %Sensor_humidity01.value%%</font></div><br/>
<div style='display:%Sensor_general01.value|"none;inline-block"%'><font color="%Sensor_general01.color%"><i class="fa fa-thermometer" aria-hidden="true"></i> %Sensor_general01.value%ppm</font></div>
</div>
<div class="info">
<div class="name">Коридор</div>
<div class="devices">
%Hall.deviceString%
</div>
</div>
<div style="clear:both;"></div>
</div>
-
Кухня
(custom)
<style>
@import url("/3rdparty/fontawesome/css/all.min.css");
.container {
border-radius: 15px;
border:1px solid #444;
padding: 10px;
}
.left_top {
float: right;
font-size: 120%;
}
.left_top div {
border-radius: 5px;
border:1px solid #444;
padding: 2px;
display:inline-block;
}
.name {
font-size: 140%;
}
.devices {
font-size: 200%;
margin-bottom: 4px;
padding-top: 4px;
}
.devices div{
vertical-align:top;
margin-right:6px;
}
.devices i{
vertical-align:top;
margin-right:6px;
}
.devices img{
vertical-align:top;
margin-right:6px;
}
.time {
font-size: 60%;
color:grey;
}
.spiner {
animation-name: spin;
animation-duration: 2000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
z-index: 100;
}
@keyframes spin {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}
</style>
<div class="container" style="background-image: linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.8)), url(%.background%);">
<div class="left_top">
<div style='display:%Sensor_temp05.value|"none;inline-block"%'><font color="%Sensor_temp05.color%"><i class="fa fa-thermometer" aria-hidden="true"></i> %Sensor_temp05.value%°C</font></div><br/>
<div style='display:%Sensor_temp09.value|"none;inline-block"%'><font color="%Sensor_temp09.color%"><i class="fa fa-thermometer" aria-hidden="true"></i> %Sensor_temp09.value%°C</font></div><br/>
<div style='display:%Sensor_humidity05.value|"none;inline-block"%'><font color="%Sensor_humidity05.color%"><i class="fa fa-tint" aria-hidden="true"></i> %Sensor_humidity05.value%%</font></div><br/>
<div style='display:%Sensor_pressure01.value|"none;inline-block"%'><font color="%Sensor_pressure01.color%"><i class="fa fa-thermometer" aria-hidden="true"></i> %Sensor_pressure01.value%ммрс</font></div>
</div>
<div class="info">
<div class="name">Кухня</div>
<div class="devices">
%Kitchen.deviceString%
</div>
</div>
<div style="clear:both;"></div>
</div>
-
Гостиная
(custom)
<style>
@import url("/3rdparty/fontawesome/css/all.min.css");
.container {
border-radius: 15px;
border:1px solid #444;
padding: 10px;
}
.left_top {
float: right;
font-size: 120%;
}
.left_top div {
border-radius: 5px;
border:1px solid #444;
padding: 2px;
display:inline-block;
}
.name {
font-size: 140%;
}
.devices {
font-size: 200%;
margin-bottom: 4px;
padding-top: 4px;
}
.devices div{
vertical-align:top;
margin-right:6px;
}
.devices i{
vertical-align:top;
margin-right:6px;
}
.devices img{
vertical-align:top;
margin-right:6px;
}
.time {
font-size: 60%;
color:grey;
}
.spiner {
animation-name: spin;
animation-duration: 2000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
z-index: 100;
}
@keyframes spin {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}
</style>
<div class="container" style="background-image: linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.8)), url(%.background%);">
<div class="left_top">
<div style='display:%Sensor_temp02.value|"none;inline-block"%'><font color="%Sensor_temp02.color%"><i class="fa fa-thermometer" aria-hidden="true"></i> %Sensor_temp02.value%°C</font></div><br/>
<div style='display:%Sensor_humidity02.value|"none;inline-block"%'><font color="%Sensor_humidity02.color%"><i class="fa fa-tint" aria-hidden="true"></i> %Sensor_humidity02.value%%</font></div><br/>
<div style='display:%Sensor_temp08.value|"none;inline-block"%'><font color="%Sensor_temp08.color%"><i class="fa fa-thermometer" aria-hidden="true"></i> %Sensor_temp08.value%°C</font></div>
</div>
<div class="info">
<div class="name">Гостинная</div>
<div class="devices">
%Livingroom.deviceString%
</div>
</div>
<div style="clear:both;"></div>
</div>
-
Ванная
(object)
-
Туалет
(object)
-
Спальня
(object)
-
Лаборатория
(custom)
<style>
@import url("/3rdparty/fontawesome/css/all.min.css");
.container {
border-radius: 15px;
border:1px solid #444;
padding: 10px;
}
.left_top {
float: right;
font-size: 120%;
}
.left_top div {
border-radius: 5px;
border:1px solid #444;
padding: 2px;
display:inline-block;
}
.name {
font-size: 140%;
}
.devices {
font-size: 200%;
margin-bottom: 4px;
padding-top: 4px;
}
.devices div{
vertical-align:top;
margin-right:6px;
}
.devices i{
vertical-align:top;
margin-right:6px;
}
.devices img{
vertical-align:top;
margin-right:6px;
}
.time {
font-size: 60%;
color:grey;
}
.spiner {
animation-name: spin;
animation-duration: 2000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
z-index: 100;
}
@keyframes spin {
from {
transform:rotate(0deg);
}
to {
transform:rotate(360deg);
}
}
</style>
<div class="container" style="background-image: linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.8)), url(%.background%);">
<div class="left_top">
<div style='display:%Sensor_temp06.value|"none;inline-block"%'><font color="%Sensor_temp06.color%"><i class="fa fa-thermometer" aria-hidden="true"></i> %Sensor_temp06.value%°C</font></div><br/>
<div style='display:%Sensor_humidity06.value|"none;inline-block"%'><font color="%Sensor_humidity06.color%"><i class="fa fa-tint" aria-hidden="true"></i> %Sensor_humidity06.value%%</font></div>
</div>
<div class="info">
<div class="name">Лаборатория</div>
<div class="devices">
%Laboratory.deviceString%
</div>
</div>
<div style="clear:both;"></div>
</div>
-
Балкон
(object)
-
<#LANG_GENERAL_INSIDE#> (data)
(custom)
<B>Кухня:</B> %Sensor_temp05.value%°C / %Sensor_humidity05.value%% / %Sensor_pressure01.value%ммрс<BR>
%Hall.deviceString%
<B>Гостиная:</B> %Sensor_temp02.value%°C / %Sensor_humidity02.value%% <BR>
<B>Спальня:</B> %Sensor_temp07.value%°C / %Sensor_humidity07.value%% <BR>
<B>Лаборатория:</B> %Sensor_temp06.value%°C / %Sensor_humidity06.value%% <BR>
<B>Ванная:</B> %Sensor_temp04.value%°C / %Sensor_humidity04.value%% <BR>
<B>Балкон:</B> %Sensor_temp03.value%°C / %Sensor_humidity03.value%% <BR>
-
<#LANG_GENERAL_WEATHER_FORECAST#>
(label)
-
<#LANG_GENERAL_WEATHER_FORECAST#> (code)
(custom)
[#module name="yandexweather" type="TODAYMINI" #]
-
Дверь балкон
(object)