more html

This commit is contained in:
Matt Walsh
2022-07-29 16:12:42 -05:00
parent 8ffb0e744e
commit f26fce1e58
22 changed files with 1305 additions and 372 deletions

View 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') %>

View File

@@ -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>

View File

@@ -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') %>