Commit fe671237 authored by Zach's avatar Zach
Browse files

hourly forecast table

parent 977fffb8
......@@ -29,3 +29,8 @@
width: auto;
height: 30px;
}
.hourly-table.mdl-data-table {
width: auto;
margin: auto;
}
<body>
<div class="mdl-layout mdl-js-layout">
<div class="mdl-layout mdl-js-layout">
<header class="mdl-layout__header">
<div class="mdl-layout__header-row">
<span class="mdl-layout__title">Weather</span>
......@@ -9,19 +9,16 @@
<main class="mdl-layout__content">
<div>
<div class="bg">
{{> weather}}
{{> footer}}
{{> weather}} {{> footer}}
</div>
</div>
</main>
</div>
</div>
</body>
<template name="weather">
<div class="mdl-grid">
<div class="mdl-call mdl-cell--12-col">
<div class="mdl-cell mdl-cell--6-col">
<div class="weather-card mdl-card mdl-shadow--4dp">
<div class="mdl-card__title">
<h1 class="mdl-card__title-text">Fairfax Campus<br /></h1>
......@@ -30,10 +27,42 @@
<h4>Partly Cloudy</h4>
<div class="temp-size">
<i class="wi wi-day-cloudy wi-fw"></i> 76<i class="wi wi-fahrenheit"></i>
</div><br />
Feels like 72<i class="wi wi-fahrenheit"></i><br />
</div>
</div>
<br /> Feels like 72<i class="wi wi-fahrenheit"></i>
<br />
</div>
</div>
</div>
<div class="hourly-table mdl-cell mdl-cell--6-col mdl-shadow--4dp">
<table class="mdl-data-table mdl-js-data-table">
<thead>
<tr>
<th class="mdl-data-table__cell--non-numeric">Hourly Forcast</th>
</tr>
</thead>
<tbody>
<tr>
<td class="mdl-data-table__cell--non-numeric">4 PM</td>
<td class="mdl-data-table__cell--non-numeric"><i class="wi wi-day-cloudy wi-fw"></i> Partly Cloudy</td>
<td>74<i class="wi wi-fahrenheit"></i></td>
</tr>
<tr>
<td class="mdl-data-table__cell--non-numeric">5 PM</td>
<td class="mdl-data-table__cell--non-numeric"><i class="wi wi-day-sunny wi-fw"></i>Sunny</td>
<td>72<i class="wi wi-fahrenheit"></i></td>
</tr>
<tr>
<td class="mdl-data-table__cell--non-numeric">6 PM</td>
<td class="mdl-data-table__cell--non-numeric"><i class="wi wi-night-clear wi-fw"></i>Clear</td>
<td>70<i class="wi wi-fahrenheit"></i></td>
</tr>
<tr>
<td class="mdl-data-table__cell--non-numeric">7 PM</td>
<td class="mdl-data-table__cell--non-numeric"><i class="wi wi-night-cloudy wi-fw"></i>Partly Cloudy</td>
<td>69<i class="wi wi-fahrenheit"></i></td>
</tr>
</tbody>
</table>
</div>
<div class="mdl-cell mdl-cell--4-col">
<div class="out-of-focus-card mdl-card mdl-shadow--4dp">
......@@ -87,15 +116,6 @@
<hr>
</template>
<template name="header">
<header class="mdl-layout__header mdl-layout__header--scroll">
<div class="mdl-layout__header-row">
<span class="mdl-layout__title">Weather</span>
<div class="mdl-layout-spacer"></div>
</div>
</header>
</template>
<template name="footer">
<footer class="mdl-mini-footer">
<div class="mdl-mini-footer__left-section">
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment