Commit 1ba1b17d authored by Zach's avatar Zach Committed by Zach Knox
Browse files

more in table and new header color

parent 380968b1
...@@ -2,6 +2,9 @@ ...@@ -2,6 +2,9 @@
.bg { .bg {
background-color: #dedede; background-color: #dedede;
} }
.header-bg {
background-color: #006633;
}
.temp-size { .temp-size {
font-size: 32pt; font-size: 32pt;
......
...@@ -2,9 +2,11 @@ ...@@ -2,9 +2,11 @@
<div class="mdl-layout mdl-js-layout"> <div class="mdl-layout mdl-js-layout">
<header class="mdl-layout__header"> <header class="mdl-layout__header">
<div class="header-bg">
<div class="mdl-layout__header-row"> <div class="mdl-layout__header-row">
<span class="mdl-layout__title">Weather</span> <span class="mdl-layout__title">Weather</span>
</div> </div>
</div>
</header> </header>
<main class="mdl-layout__content"> <main class="mdl-layout__content">
<div> <div>
...@@ -38,6 +40,10 @@ ...@@ -38,6 +40,10 @@
<thead> <thead>
<tr> <tr>
<th class="mdl-data-table__cell--non-numeric">Hourly Forcast</th> <th class="mdl-data-table__cell--non-numeric">Hourly Forcast</th>
<th class="mdl-data-table__cell--non-numeric">Condition</th>
<th class="mdl-data-table__cell--non-numeric"><i class="wi wi-fahrenheit"></i></th>
<th class="mdl-data-table__cell--non-numeric">Precipitation</th>
<th class="mdl-data-table__cell--non-numeric">Wind</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
...@@ -45,21 +51,29 @@ ...@@ -45,21 +51,29 @@
<td class="mdl-data-table__cell--non-numeric">4 PM</td> <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 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> <td>74<i class="wi wi-fahrenheit"></i></td>
<td>0%</td>
<td>3mph</td>
</tr> </tr>
<tr> <tr>
<td class="mdl-data-table__cell--non-numeric">5 PM</td> <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 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> <td>72<i class="wi wi-fahrenheit"></i></td>
<td>0%</td>
<td>4mph</td>
</tr> </tr>
<tr> <tr>
<td class="mdl-data-table__cell--non-numeric">6 PM</td> <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 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> <td>70<i class="wi wi-fahrenheit"></i></td>
<td>0%</td>
<td>6mph</td>
</tr> </tr>
<tr> <tr>
<td class="mdl-data-table__cell--non-numeric">7 PM</td> <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 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> <td>69<i class="wi wi-fahrenheit"></i></td>
<td>0%</td>
<td>11mph</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
......
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