MajorDoMo

<big style="font-size:24px">%ThisComputer.timeNow%</big>
<img src="/img/icons/status/lock_32_%Security.stateColor%.png" align="absmiddle"> %Security.stateDetails%
<img src="/img/icons/status/system_32_%System.stateColor%.png" align="absmiddle"> %System.stateDetails%
<img src="/img/icons/status/network_32_%Communication.stateColor%.png" align="absmiddle"> %Communication.stateDetails% <br/>
%ThisComputer.somebodyHomeText%

<style> @import url("http://127.0.0.1/css/font-awesome.min.css"); .container { //background-color: rgba(0, 0, 0, 0.3); background-color:%.alive|"rgba(255, 0, 0, 0.3);rgba(0, 0, 0, 0.3)"%; border-radius: 15px; border:1px solid #444; padding: 10px; } .container img { width: 60px; height: 60px; float: left; padding-right: 10px; padding-bottom: 10px; } .batt { padding-right: 20px; padding-top: 5px; float: right; } .name { font-size: 120%; font-family: fantasy; } .loc { font-size: 100%; padding-top: 10px; padding-bottom: 10px; } .time { font-size: 60%; color:grey; } .wifi { font-size: 75%; padding-top: 5px; padding-bottom: 5px; } .info { padding-left: 10px; padding-right: 10px; padding-top: 10px; height: 100px; } </style> <div class="container">
<img src="%GOR.user_icon%"> <div class="batt"> <font size="2" style="padding-bottom: 2px;">%GOR.BattLevel% %</font> <span class="fa fa-%GOR.BattPic%" style="color: %GOR.BattColor%" aria-hidden="true"></span> <div class="wifi"> <span class="wifi_icon fa fa-%GOR.NetworkPic%" aria-hidden="true"></span></div> </div> <div class="info"> <div class="name">%GOR.fullName%</div> <div class="loc"><span class="loc_icon fa fa-map-marker" aria-hidden="true"></span> %GOR.seenAt%</div> <div class="time"><span class="ref_icon fa fa-refresh" aria-hidden="true"></span> %GOR.CoordinatesUpdated%</div> </div> <div style="clear:both;"></div> </div> <div class="container">
<img src="%Sasha.user_icon%"> <div class="batt"> <font size="2" style="padding-bottom: 2px;">%Sasha.BattLevel% %</font> <span class="fa fa-%Sasha.BattPic%" style="color: %Sasha.BattColor%" aria-hidden="true"></span> <div class="wifi"> <span class="wifi_icon fa fa-%Sasha.NetworkPic%" aria-hidden="true"></span></div> </div> <div class="info"> <div class="name">%Sasha.fullName%</div> <div class="loc"><span class="loc_icon fa fa-map-marker" aria-hidden="true"></span> %Sasha.seenAt%</div> <div class="time"><span class="ref_icon fa fa-refresh" aria-hidden="true"></span> %Sasha.CoordinatesUpdated%</div> </div> </div> <div class="container">
<img src="%mama.user_icon%"> <div class="batt"> <font size="2" style="padding-bottom: 2px;">%mama.BattLevel% %</font> <span class="fa fa-%mama.BattPic%" style="color: %mama.BattColor%" aria-hidden="true"></span> <div class="wifi"> <span class="wifi_icon fa fa-%mama.NetworkPic%" aria-hidden="true"></span></div> </div> <div class="info"> <div class="name">%mama.fullName%</div> <div class="loc"><span class="loc_icon fa fa-map-marker" aria-hidden="true"></span> %mama.seenAt%</div> <div class="time"><span class="ref_icon fa fa-refresh" aria-hidden="true"></span> %mama.CoordinatesUpdated%</div> </div> <div style="clear:both;"></div>

<style> @import url("http://127.0.0.1/fonts/4.7.0/css/font-awesome.min.css"); .container { border-radius: 15px; border:1px solid #444; padding: 10px; //background-color:rgba(0, 0, 0, 0.3); } .left_top { float: right; font-size: 90%; } .left_top div { border-radius: 5px; border:1px solid #444; padding: 2px; display:inline-block; } .name { font-size: 90%; } .devices { font-size: 90%; 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; } //animations .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(0,0,0,0.7),rgba(0,0,0,0.8)), url(%.background%);"> <div class="left_top"> <div style='display:%Komnata.temperature|"none;inline-block"%'><i class="fa fa-thermometer" aria-hidden="true"></i> %Komnata.temperature%°C</div> <div style='display:%Komnata.humidity|"none;inline-block"%'><i class="fa fa-tint" aria-hidden="true"></i> %Komnata.humidity%%</div> </div> <div class="info"> <div class="name">%Komnata.object_description%</div> <div class="devices">%Komnata.deviceString%</div> <div class="loc" style='display:%Komnata.RoomMsg|"none;block"%'><i class="fa fa-podcast" aria-hidden="true"></i>%Komnata.RoomMsg%</div> <div class="time" style='display:%Komnata.LatestActivityTime|"none;block"%'><i class="fa fa-refresh"></i>%Komnata.LatestActivityTime%</div> </div> <div style="clear:both;"></div> </div>

%TodoList.StreamingCodeMenu%

<div style="text-shadow:none;font-weight:normal;">[#module name="shoutbox" limit="10" reverse="1" mobile="1"#]</div>