mirror of
https://github.com/netbymatt/ws4kp.git
synced 2026-04-14 07:39:29 -07:00
more html
This commit is contained in:
37
views/partials/current-weather.ejs
Normal file
37
views/partials/current-weather.ejs
Normal file
@@ -0,0 +1,37 @@
|
||||
<%- 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>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
<%- include('scroll.ejs') %>
|
||||
@@ -1,6 +1,26 @@
|
||||
<div class="header">
|
||||
<div class="logo"><img src="images/Logo3.png"/></div>
|
||||
<div class="title single"><%-title %></div>
|
||||
<div class="date-time" id="time">12:00:00PM</div>
|
||||
<div class="date-time" id="date">MON JAN 1</div>
|
||||
<div class="logo"><img src="images/Logo3.png" /></div>
|
||||
<% if (locals?.titleDual) { %>
|
||||
<div class="title dual">
|
||||
<div class="top">
|
||||
<%-titleDual.top %>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<%-titleDual.bottom %>
|
||||
</div>
|
||||
</div>
|
||||
<% } else { %>
|
||||
<div class="title single">
|
||||
<%-title %>
|
||||
</div>
|
||||
<% } %>
|
||||
<% if (locals?.hasTime) { %>
|
||||
<div class="date-time date"></div>
|
||||
<div class="date-time time"></div>
|
||||
<% } %>
|
||||
<% if (locals?.noaaLogo) { %>
|
||||
<div class="noaa-logo">
|
||||
<img src="images/noaa5.gif" />
|
||||
</div>
|
||||
<%}%>
|
||||
</div>
|
||||
@@ -1,5 +1,18 @@
|
||||
<%- include('header.ejs', {title: 'Hourly Forecast'}) %>
|
||||
<div class="main-has-scroll">
|
||||
Main
|
||||
</div>
|
||||
<%- include('scroll.ejs') %>
|
||||
<%- include('header.ejs', {title: 'Hourly Forecast' , hasTime: true }) %>
|
||||
<div class="main has-scroll hourly">
|
||||
<div class="column-headers">
|
||||
<div class="temp">TEMP</div>
|
||||
<div class="like">LIKE</div>
|
||||
<div class="wind">WIND</div>
|
||||
</div>
|
||||
<div class="hourly-lines">
|
||||
<div class="hourly-row template">
|
||||
<div class="hour"></div>
|
||||
<div class="icon"><img /></div>
|
||||
<div class="temp"></div>
|
||||
<div class="like"></div>
|
||||
<div class="wind"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<%- include('scroll.ejs') %>
|
||||
Reference in New Issue
Block a user