<?php include_once('livedata.php');?> 
<div class="updatedtime"><span><?php echo "${cumulus[0]}";?></span><br /><?php echo "${cumulus[1]}";?></div> 
<!-- start animated temperature for homeweather station--> 
                <div class="tempcontainer"><div class="circleOut">
  <?php echo "".$cumulus[2]."&deg;</span> \n";if ($cumulus[2]>160){echo "<div class=\"veryhot\"></div>
<div class=\"temptext\">${cumulus[2]}<suptemp>&deg;</suptemp></div>";}else if($cumulus[2]<2){echo "<div class=\"freezing\"></div>
<div class=\"temptext\">${cumulus[2]}<suptemp>&deg;</suptemp></div>";}else if($cumulus[2]<5){echo "<div class=\"cold\"></div>
<div class=\"temptext\">${cumulus[2]}<suptemp>&deg;</suptemp></div>";}else if($cumulus[2]<7){echo "<div class=\"gettingcolder\"></div>
<div class=\"temptext\">${cumulus[2]}<suptemp>&deg;</suptemp></div>";}else if($cumulus[2]<10){echo "<div class=\"colder\"></div>
<div class=\"temptext\">${cumulus[2]}<suptemp>&deg;</suptemp></div>";}else if($cumulus[2]<12){echo "<div class=\"cooler\"></div>
<div class=\"temptext\">${cumulus[2]}<suptemp>&deg;</suptemp></div>";}else if($cumulus[2]<15){echo "<div class=\"mild\"></div>
<div class=\"temptext\">${cumulus[2]}<suptemp>&deg;</suptemp></div>";}else if($cumulus[2]<18){echo "<div class=\"milder\"></div>
<div class=\"temptext\">${cumulus[2]}<suptemp>&deg;</suptemp></div>";}else if($cumulus[2]<20){echo "<div class=\"gettingcooler\"></div>
<div class=\"temptext\">${cumulus[2]}<suptemp>&deg;</suptemp></div>";}else if($cumulus[2]<23){echo "<div class=\"warm\"></div>
<div class=\"temptext\">${cumulus[2]}<suptemp>&deg;</suptemp></div>";}else if($cumulus[2]<25){echo "<div class=\"warmer\"></div>
<div class=\"temptext\">${cumulus[2]}<suptemp>&deg;</suptemp></div>";}else if($cumulus[2]<27){echo "<div class=\"hot\"></div>
<div class=\"temptext\">${cumulus[2]}<suptemp>&deg;</suptemp></div>";}else if($cumulus[2]<30){echo "<div class=\"hotter\"></div>
<div class=\"temptext\">${cumulus[2]}<suptemp>&deg;</suptemp></div>";}else if($cumulus[2]<35){echo "<div class=\"hotter\"></div>
<div class=\"temptext\">${cumulus[2]}<suptemp>&deg;</suptemp></div>";}else if($cumulus[2]<40){echo "<div class=\"veryhot\"></div>
<div class=\"temptext\">${cumulus[2]}<suptemp>&deg;</suptemp></div>";}else if($cumulus[2]<55){echo "<div class=\"extremehot\"></div>
<div class=\"temptext\">${cumulus[2]}<suptemp>&deg;</suptemp></div>";}?>


</div><!-- end animated temperature-->  
<div class="max"><?php echo "${cumulus[26]}&deg;\n"; ?><span style="color:#ccc;line-height:0.7em;font-size:16px;vertical-align:middle;font-weight:100;"> |</span> <?php
echo "${cumulus[28]}&deg;\n"; ?></div>

<div class="temptrend"><span style="font-size:0px;">
<?php echo "${cumulus[25]} </span>  \n";
if ($cumulus[25]<=0.25) {
    echo "<span style='color:#fff;'>Temp <i class='wi wi-wind towards-225-deg'></i> Falling";
}
elseif ($cumulus[25]<=-0.75) {
   echo "<span style='color:#fff;'>Temp <i class='wi wi-wind towards-225-deg'></i> Falling";
}
elseif ($cumulus[25]<=-1.25) {
    echo "<span style='color:#fff;'>Temp <i class='wi wi-wind towards-225-deg'></i> Falling";
}
elseif ($cumulus[25]>=0.25) {
    echo "<span style='color:#fff;'>Temp <i class='wi wi-wind towards-45-deg'></i> Rising ";
}
elseif ($cumulus[25]>=0.75) {
     echo "<span style='color:#fff;'>Temp <i class='wi wi-wind towards-45-deg'></i> Rising ";
}
elseif ($cumulus[25]>=1.25) {
    echo "<span style='color:#fff;'>Temp <i class='wi wi-wind towards-45-deg'></i> Rising ";
}
else echo "<span style='color:#fff;'>Temp <i class='wi wi-wind towards-90-deg'></i> Steady</span>";?>

</span></div>
</div>  </div>
<div class="heatcircle">
<div class="heatcircle-content"><?php echo "";
if ($cumulus[41] >27) {
    echo "HeatIndex <br><span style='font-weight:700;color:#ee7159;'>${cumulus[41]} \n";
	echo "${templateunit} <i class='fa fa-exclamation-triangle' aria-hidden='true'></i></span>";
}
else if($cumulus[24] <10) {
    echo "Windchill <br><span style='font-weight:700;color:#5395b5;'>${cumulus[24]} \n";
	echo "${templateunit} <i class='fa fa-exclamation-triangle' aria-hidden='true'></i></span>";
}

else {
    echo "Temp Factors <br><span style='font-weight:700;color:#ee7159;'>No Cautions</span> \n";
}?></span>
<div class="heatcircle-content">Humidity <br><span style="font-weight:700;color:#51b1a5;"><?php echo "${cumulus[3]}%\n"; ?></span>
<div class="heatcircle-content">Dewpoint <br><span style="font-weight:700;color:#66a1ba;"><?php echo "${cumulus[4]} \n"; ?><?php echo "${templateunit} \n";?></span>
</div></div></div></div></div>