markmental/ws4kp-linhanced
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

current conditions in HTML

Browse source
This commit is contained in:
Matt Walsh 2022-08-02 21:39:27 -05:00
commit ff98d970ef
11 changed files with 499 additions and 660 deletions
Download patch file Download diff file Expand all files Collapse all files

66
views/partials/current-weather.ejs
View file

@ -1,36 +1,42 @@
<%- include('header.ejs', {titleDual:{ top: 'Current' , bottom: 'Conditions' }, noaaLogo: true}) %>
<div class="main has-scroll current-weather">
<div class="left col template">
<div class="temp center">79</div>
<div class="condition center">Mostly Cloudy</div>
<div class="icon center"><img src="images/CC_PartlyCloudy1.gif" /></div>
<div class="wind-container">
<div class="wind-label">Wind:</div>
<div class="wind">WNW 11</div>
<div class="weather template">
<div class="left col">
<div class="temp center"></div>
<div class="condition center"></div>
<div class="icon center"><img src="" /></div>
<div class="wind-container">
<div class="wind-label">Wind:</div>
<div class="wind"></div>
</div>
<div class="wind-gusts"></div>
</div>
<div class="wind-gusts">Gusts to 22</div>
</div>
<div class="right col template">
<div class="location">Chicago / West Chica</div>
<div class="row">
<div class="label">Humidity:</div>
<div class="humidity value">47%</div>
</div>
<div class="row">
<div class="label">Dewpoint:</div>
<div class="dewpoint value">57%</div>
</div>
<div class="row">
<div class="label">Ceiling:</div>
<div class="ceiling value">5000ft.</div>
</div>
<div class="row">
<div class="label">Visibility:</div>
<div class="visibility value">10 mi.</div>
</div>
<div class="row">
<div class="label">Pressure:</div>
<div class="pressure value">30.05</div>
<div class="right col">
<div class="location"></div>
<div class="row">
<div class="label">Humidity:</div>
<div class="humidity value"></div>
</div>
<div class="row">
<div class="label">Dewpoint:</div>
<div class="dewpoint value"></div>
</div>
<div class="row">
<div class="label">Ceiling:</div>
<div class="ceiling value"></div>
</div>
<div class="row">
<div class="label">Visibility:</div>
<div class="visibility value"></div>
</div>
<div class="row">
<div class="label">Pressure:</div>
<div class="pressure value"></div>
</div>
<div class="row">
<div class="heat-index-label label"></div>
<div class="heat-index value"></div>
</div>
</div>
</div>
</div>