diff options
Diffstat (limited to 'src/index.html')
| -rw-r--r-- | src/index.html | 105 |
1 files changed, 39 insertions, 66 deletions
diff --git a/src/index.html b/src/index.html index 4a1fdfd..f4e3a38 100644 --- a/src/index.html +++ b/src/index.html @@ -22,84 +22,57 @@ </head> <body> <div class="top"> - <div class="icon"> - <img src="../images/HMI_HVAC_Fan_Icon.svg"> - </div> - <div class="fanSpeed"> - <div class="fanSpeedContainer"> - <input id="FanSpeed" type="range" min="1" value="1" max="100" onchange="FANSPEED.set(this)"> - <progress value="1" max="100"></progress> + <a href="#" class="button"> + <div class="icon icon-home"> + </div> <div class="label"> - FAN SPEED + LAUNCHER </div> - </div> - </div> - <div class="center"> - <a id="LeftChair" value="0" href="#" class="seat left item button" onclick="CHAIR.left(this)"> - <img class="off" src="../images/HMI_HVAC_Left_Chair_OFF.svg"/> - <img class="one two" src="../images/HMI_HVAC_Left_Chair_ON.svg"/> - <img class="off" src="../images/HMI_HVAC_ChairIndicator_OFF.svg"/> - <img class="one" src="../images/HMI_HVAC_ChairIndicator_One.svg"/> - <img class="two" src="../images/HMI_HVAC_ChairIndicator_Two.svg"/> </a> - <a key="ac" value="false" href="#" class="ac item button" onclick="BUTTON.toggle(this)"> - <img class="disabled" src="../images/HMI_HVAC_Inactive.svg"/> - <img class="enabled" src="../images/HMI_HVAC_Active.svg"/> + <a href="#" class="button"> + <div class="icon icon-music"> + + </div> <div class="label"> - A/C + MEDIAPLAYER </div> </a> - <a id="RightChair" value="0" href="#" class="seat right item button" onclick="CHAIR.right(this)"> - <img class="off" src="../images/HMI_HVAC_Right_Chair_OFF.svg"/> - <img class="one two" src="../images/HMI_HVAC_Right_Chair_ON.svg"/> - <img class="off" src="../images/HMI_HVAC_ChairIndicator_OFF.svg"/> - <img class="one" src="../images/HMI_HVAC_ChairIndicator_One.svg"/> - <img class="two" src="../images/HMI_HVAC_ChairIndicator_Two.svg"/> + <a href="#" class="button"> + <div class="icon icon-thermometer"> + + </div> + <div class="label"> + HVAC + </div> </a> - <div class="temperatures item"> - <div id="lefttemperature" class="temperatures-container" onscroll="TEMPERATURE.left(this)"></div> - </div> - <div class="block item"> - <a key="auto" value="false" href="#" class="auto item button" onclick="BUTTON.toggle(this)"> - <img class="disabled" src="../images/HMI_HVAC_Inactive.svg"/> - <img class="enabled" src="../images/HMI_HVAC_Active.svg"/> - <div class="label"> - AUTO - </div> - </a> - <a key="circulation" value="false" href="#" class="circulation item button" onclick="BUTTON.toggle(this)"> - <img class="disabled" src="../images/HMI_HVAC_Circulation_Inactive.svg"/> - <img class="enabled" src="../images/HMI_HVAC_Circulation_Active.svg"/> - </a> + <a href="#" class="button"> + <div class="icon icon-location"> + + </div> + <div class="label"> + NAVIGATION + </div> + </a> + <div class="infoContainer"> + <div class="infoItem day"> + TUESDAY + </div> + <div class="infoItem hour"> + 7:26 AM + </div> + <div class="infoItem wheater"> + <span class="icon-rainy"></span> + 20ºC + </div> </div> - <div class="temperatures item"> - <div id="righttemperature" class="temperatures-container" onscroll="TEMPERATURE.right(this)"></div> + <div class="statusContainer"> + <div class="statusItem icon-bluetooth"></div> + <div class="statusItem icon-wifi"></div> + <div class="statusItem icon-signal"></div> </div> </div> <div class="bottom"> - <a key="down" value="false" href="#" class="down item button" onclick="BUTTON.toggle(this)"> - <img class="disabled" src="../images/HMI_HVAC_AirDown_Inactive.svg"> - <img class="enabled" src="../images/HMI_HVAC_AirDown_Active.svg"> - </a> - <a key="up" value="false" href="#" class="up item button" onclick="BUTTON.toggle(this)"> - <img class="disabled" src="../images/HMI_HVAC_AirUp_Inactive.svg"> - <img class="enabled" src="../images/HMI_HVAC_AirUp_Active.svg"> - </a> - <a key="right" value="false" href="#" class="right item button" onclick="BUTTON.toggle(this)"> - <img class="disabled" src="../images/HMI_HVAC_AirRight_Inactive.svg"> - <img class="enabled" src="../images/HMI_HVAC_AirRight_Active.svg"> - </a> - <a key="rear" value="false" href="#" class="rear item button" onclick="BUTTON.toggle(this)"> - <img class="disabled" src="../images/HMI_HVAC_Rear_Inactive.svg"> - <img class="enabled" src="../images/HMI_HVAC_Rear_Active.svg"> - </a> - <a key="front" value="false" href="#" class="front item button" onclick="BUTTON.toggle(this)"> - <img class="disabled" src="../images/HMI_HVAC_Front_Inactive.svg"> - <img class="enabled" src="../images/HMI_HVAC_Front_Active.svg"> - </a> - </div> - <div class="log" id="log"> </div> </body> |