Skip to content

GitLab

Commit c56a6160 authored by Zach's avatar Zach Committed by Zach Knox
Browse files

adding areas to place more data, not super pretty yet though

parent 7c472ac8
Hide whitespace changes
Inline Side-by-side
weather/client/weather.html
View file @ c56a6160
......@@ -12,7 +12,7 @@
<a href="#arlington" class="mdl-layout__tab">Arlington</a>
<a href="#scitech" class="mdl-layout__tab">SciTech</a>
<a href="#korea" class="mdl-layout__tab">Mason Korea</a>
<a href="#saudi" class="mdl-layout__tab">Saudi Arabia</a>
<a href="#saudi" class="mdl-layout__tab">Ras-Al-Khaimah</a>
</div>
</header>
<main class="mdl-layout__content">
......@@ -95,6 +95,20 @@
<td>0%</td>
<td>11mph</td>
</tr>
<tr>
<td class="mdl-data-table__cell--non-numeric">8 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>
<td>0%</td>
<td>10mph</td>
</tr>
<tr>
<td class="mdl-data-table__cell--non-numeric">9 PM</td>
<td class="mdl-data-table__cell--non-numeric"><i class="wi wi-night-cloudy wi-fw"></i>Partly Cloudy</td>
<td>68<i class="wi wi-fahrenheit"></i></td>
<td>0%</td>
<td>7mph</td>
</tr>
</tbody>
</table>
</div>
......@@ -137,17 +151,46 @@
</div>
</div>
</div>
<div class="mdl-cell mdl-cell--4-col">
<div class="out-of-focus-card mdl-card mdl-shadow--4dp">
<div class="mdl-card__title">
<h1 class="mdl-card__title-text">Monday<br /></h1>
</div>
<div class="mdl-card__supporting-text">
<h5>Partly Cloudy</h5>
<div class="oof-size">
<i class="wi wi-day-cloudy wi-fw"></i> 76<i class="wi wi-fahrenheit"></i> / 48<i class="wi wi-fahrenheit"></i>
</div>
</div>
</div>
</div>
<div class="mdl-cell mdl-cell--4-col">
<div class="out-of-focus-card mdl-card mdl-shadow--4dp">
<div class="mdl-card__title">
<h1 class="mdl-card__title-text">Tuesday<br /></h1>
</div>
<div class="mdl-card__supporting-text">
<h5>Partly Cloudy</h5>
<div class="oof-size">
<i class="wi wi-day-cloudy wi-fw"></i> 76<i class="wi wi-fahrenheit"></i> / 48<i class="wi wi-fahrenheit"></i>
</div>
</div>
</div>
</div>
<div class="mdl-cell mdl-cell--4-col">
<div class="out-of-focus-card mdl-card mdl-shadow--4dp">
<div class="mdl-card__title">
<h1 class="mdl-card__title-text">Wednesday<br /></h1>
</div>
<div class="mdl-card__supporting-text">
<h5>Partly Cloudy</h5>
<div class="oof-size">
<i class="wi wi-day-cloudy wi-fw"></i> 76<i class="wi wi-fahrenheit"></i> / 48<i class="wi wi-fahrenheit"></i>
</div>
</div>
</div>
</div>
</div>
<h3><strong>Arlington Campus</strong> <i class="wi wi-day-sunny"></i> 82<i class="wi wi-fahrenheit"></i></h3>
<hr>
<h3><strong>Science and Technology Campus</strong> <i class="wi wi-day-sunny-overcast"></i> 74<i class="wi wi-fahrenheit"></i></h3>
<hr>
<h3><strong>Smithsonian Conservation Biology Institute</strong> <i class="wi wi-day-storm-showers"></i> 68<i class="wi wi-fahrenheit"></i></h3>
<hr>
<h3><strong>Mason Korea</strong> <i class="wi wi-rain-mix"></i> 64<i class="wi wi-fahrenheit"></i></h3>
<hr>
<h3><strong>Mason Ras-Al-Khaimah</strong> <i class="wi wi-hot"></i> 102<i class="wi wi-fahrenheit"></i></h3>
<hr>
</template>
<template name="footer">
......
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