-
Admin (status)
(custom)
<style>
@import url("/css/fontello/css/fontello.min.css");
.containerUsers {
font-family: ArialHebrew-Light;
background-color: rgba(0, 0, 0, 0.3);
border-radius: 15px;
border: 1px solid #444;
padding: 5px;
}
.battUsers {
font-size: 85%;
padding-right: 10px;
padding-top: 10px;
float: right;
}
.mailUsers {
font-size: 85%;
padding-right: 10px;
padding-top: 10px;
float: right;
}
.wifiUsers {
font-size: 85%;
padding-right: 10px;
padding-top: 10px;
float: right;
}
.infoUsers {
padding-left: 10px;
padding-top: 10px;
}
.nameUsers {
font-size: 120%;
}
.locUsers {
font-size: 100%;
padding-top: 5px;
padding-bottom: 5px;
}
.timeUsers {
font-size: 70%;
color: grey;
}
.containerUsers img {
max-width: 100%;
height: auto;
max-height:100%
}
</style>
<div class="containerUsers">
<div class="battUsers">
%admin.BattLevel%% <span class="batt_icon fa %admin.BattPic%" style="color: %admin.BattColor%" aria-hidden="true"></span></div>
<div class="wifiUsers">
<span class="wifi_icon fa %admin.NetworkPic%" aria-hidden="true"></span></div>
<div class="infoUsers">
<div class="nameUsers" style="color: %admin.NameColor%">%admin.fullName%</div>
<div class="timeUsers"><span class="ref_icon fa icon-arrows-cw" aria-hidden="true"></span> Online %admin.isHomeTime%</div>
<div class="timeUsers"><span class="ref_icon fa icon-arrows-cw fa-spin" aria-hidden="true"></span> GPS %Admin.seenAt% %admin.updatedText%</div>
<div class="locUsers"><span class="loc_icon fa icon-27" aria-hidden="true"></span> %admin.Location%</div>
</div>
<div style="clear:both;"></div>
<img src="https://maps.googleapis.com/maps/api/staticmap?center=%Admin.Coordinates%&size=260x200&zoom=16&maptype=hybrid&markers=%Admin.Coordinates%&key=%admin.keyGPS%"></img>
</div>
-
Tatiyana (status)
(custom)
<div class="containerUsers">
<div class="battUsers">
%Tatiyana.BattLevel%% <span class="batt_icon fa %Tatiyana.BattPic%" style="color: %Tatiyana.BattColor%" aria-hidden="true"></span></div>
<div class="wifiUsers">
<span class="wifi_icon fa %Tatiyana.NetworkPic%" aria-hidden="true"></span></div>
<div class="infoUsers">
<div class="nameUsers" style="color: %Tatiyana.NameColor%">%Tatiyana.fullName%</div>
<div class="timeUsers"><span class="ref_icon fa icon-arrows-cw" aria-hidden="true"></span> Online %Tatiyana.isHomeTime%</div>
<div class="timeUsers"><span class="ref_icon fa icon-arrows-cw fa-spin" aria-hidden="true"></span> GPS %Tatiyana.seenAt% %Tatiyana.updatedText%</div>
<div class="locUsers"><span class="loc_icon fa icon-27" aria-hidden="true"></span> %Tatiyana.Location%</div>
</div>
<div style="clear:both;"></div>
<img src="https://maps.googleapis.com/maps/api/staticmap?center=%Tatiyana.Coordinates%&size=260x200&zoom=16&maptype=hybrid&markers=color:blue|label:T|%Tatiyana.Coordinates%&key=%admin.keyGPS%"></img>
</div>
-
Timofey (status)
(custom)
<div class="containerUsers">
<div class="battUsers">
%Timofey.BattLevel%% <span class="batt_icon fa %Timofey.BattPic%" style="color: %Timofey.BattColor%" aria-hidden="true"></span></div>
<div class="wifiUsers">
<span class="wifi_icon fa %Timofey.NetworkPic%" aria-hidden="true"></span></div>
<div class="infoUsers">
<div class="nameUsers" style="color: %Timofey.NameColor%">%Timofey.fullName%</div>
<div class="timeUsers"><span class="ref_icon fa icon-arrows-cw" aria-hidden="true"></span> Online %Timofey.isHomeTime%</div>
<div class="timeUsers"><span class="ref_icon fa icon-arrows-cw fa-spin" aria-hidden="true"></span> GPS %Timofey.seenAt% %Timofey.updatedText%</div>
<div class="locUsers"><span class="loc_icon fa icon-27" aria-hidden="true"></span> %Timofey.Location%</div>
</div>
<div style="clear:both;"></div>
<img src="https://maps.googleapis.com/maps/api/staticmap?center=%Timofey.Coordinates%&size=260x200&zoom=16&maptype=hybrid&markers=color:blue|label:T|%Timofey.Coordinates%&key=%admin.keyGPS%"></img>
</div>
-
Vitalik (status)
(custom)
<div class="containerUsers">
<div class="battUsers">
%Vitalik.BattLevel%% <span class="batt_icon fa %Vitalik.BattPic%" style="color: %Vitalik.BattColor%" aria-hidden="true"></span></div>
<div class="wifiUsers">
<span class="wifi_icon fa %Vitalik.NetworkPic%" aria-hidden="true"></span></div>
<div class="infoUsers">
<div class="nameUsers" style="color: %Vitalik.NameColor%">%Vitalik.fullName%</div>
<div class="timeUsers"><span class="ref_icon fa icon-arrows-cw" aria-hidden="true"></span> Online %Vitalik.isHomeTime%</div>
<div class="timeUsers"><span class="ref_icon fa icon-arrows-cw fa-spin" aria-hidden="true"></span> GPS %Vitalik.seenAt% %Vitalik.updatedText%</div>
<div class="locUsers"><span class="loc_icon fa icon-27" aria-hidden="true"></span> %Vitalik.Location%</div>
</div>
<div style="clear:both;"></div>
<img src="https://maps.googleapis.com/maps/api/staticmap?center=%Vitalik.Coordinates%&size=260x200&zoom=16&maptype=hybrid&markers=color:blue|label:T|%Vitalik.Coordinates%&key=%admin.keyGPS%"></img>
</div>