Commit 6e18cca9 authored by Zach Knox's avatar Zach Knox
Browse files

Merge branch 'material'

parents 239cf5b8 2098e04f
{
"directory": ".meteor/local/bower"
}
...@@ -18,3 +18,5 @@ ecmascript # Enable ECMAScript2015+ syntax in app code ...@@ -18,3 +18,5 @@ ecmascript # Enable ECMAScript2015+ syntax in app code
autopublish # Publish all data to the clients (for prototyping) autopublish # Publish all data to the clients (for prototyping)
insecure # Allow all DB writes from clients (for prototyping) insecure # Allow all DB writes from clients (for prototyping)
zodiase:mdl
mquandalle:bower
...@@ -23,6 +23,7 @@ ecmascript-runtime@0.2.6 ...@@ -23,6 +23,7 @@ ecmascript-runtime@0.2.6
ejson@1.0.7 ejson@1.0.7
es5-shim@4.1.14 es5-shim@4.1.14
fastclick@1.0.7 fastclick@1.0.7
fourseven:scss@3.4.1
geojson-utils@1.0.4 geojson-utils@1.0.4
hot-code-push@1.0.0 hot-code-push@1.0.0
html-tools@1.0.5 html-tools@1.0.5
...@@ -42,6 +43,7 @@ mobile-experience@1.0.1 ...@@ -42,6 +43,7 @@ mobile-experience@1.0.1
mobile-status-bar@1.0.6 mobile-status-bar@1.0.6
mongo@1.1.3 mongo@1.1.3
mongo-id@1.0.1 mongo-id@1.0.1
mquandalle:bower@1.5.2_1
npm-mongo@1.4.39_1 npm-mongo@1.4.39_1
observe-sequence@1.0.7 observe-sequence@1.0.7
ordered-dict@1.0.4 ordered-dict@1.0.4
...@@ -64,3 +66,7 @@ underscore@1.0.4 ...@@ -64,3 +66,7 @@ underscore@1.0.4
url@1.0.5 url@1.0.5
webapp@1.2.3 webapp@1.2.3
webapp-hashing@1.0.5 webapp-hashing@1.0.5
zodiase:check@0.0.4
zodiase:material-design-icons-fonts@2.2.1
zodiase:mdl@1.1.2_2
zodiase:mdl-assets@1.1.2_1
{
"name": "weather",
"version": "1.0.0",
"authors": [
"Nicholas Anderson <nanderson@nanderson.me>"
],
"description": "Beautifully display live forcast data for the Mason community",
"keywords": [
"weather",
"gmu",
"SRCT"
],
"license": "Apache2",
"homepage": "https://srct.gmu.edu",
"ignore": [
"**/.*",
"node_modules",
"bower_components",
".meteor/local/bower",
"test",
"tests"
],
"dependencies": {
"weather-icons": "~2.0.10"
}
}
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="description" content="SRCT Weather beautifully displays live weather and forecasts for Mason's campuses."> <meta name="description" content="SRCT Weather beautifully displays live weather and forecasts for Mason's campuses.">
<title>SRCT Weather</title> <title>SRCT Weather - 76&#176; F</title>
<link rel="stylesheet" href="weather.css">
</head> </head>
This diff is collapsed.
/* CSS declarations go here */ /* CSS declarations go here */
.bg {
background-color: #dedede;
}
.header-bg > .mdl-layout__header,
.header-bg > .mdl-layout__header-row,
.header-bg > .mdl-layout__drawer,
.header-bg > .mdl-layout__tab-bar {
background-color: #006633;
}
.temp-size {
font-size: 32pt;
}
.detail-size {
font-size: 16pt;
}
.oof-size {
font-size: 24pt;
}
.weather-card.mdl-card {
margin: auto;
width: auto;
background: #425195;
}
.weather-card > .mdl-card__title,
.weather-card > .mdl-card__supporting-text {
color: #fff;
}
.forecast-grid.mdl-grid {
}
.out-of-focus-card.mdl-card {
margin: auto;
width: auto;
height: 30px;
}
.hourly-table.mdl-data-table {
width: auto;
margin: auto;
}
.table-full-width {
width: 100%;
}
<body> <body>
{{> weather}}
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
<header class="mdl-layout__header">
<div class="mdl-layout__header-row">
<!-- Title -->
<span class="mdl-layout-title">Weather</span>
</div>
<!-- Tabs -->
<div class="mdl-layout__tab-bar mdl-js-ripple-effect">
<a href="#fairfax" class="mdl-layout__tab is-active">Fairfax</a>
<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">Ras-Al-Khaimah</a>
</div>
</header>
<main class="mdl-layout__content">
<div class="bg">
<section class="mdl-layout__tab-panel is-active" id="fairfax">
<div class="page-content">{{> weather}}</div>
</section>
<section class="mdl-layout__tab-panel" id="arlington">
<div class="page-content">{{> weather}}</div>
</section>
<section class="mdl-layout__tab-panel" id="scitech">
<div class="page-content">{{> weather}}</div>
</section>
<section class="mdl-layout__tab-panel" id="korea">
<div class="page-content">{{> weather}}</div>
</section>
<section class="mdl-layout__tab-panel" id="saudi">
<div class="page-content">{{> weather}}</div>
</section>
</div>
{{> footer}}
</main>
</div>
</body> </body>
<template name="weather"> <template name="weather">
<h1><strong>Fairfax Campus</strong></h1> <div class="mdl-grid">
<h1><i class="wi wi-day-cloudy wi-fw"></i> 76<i class="wi wi-fahrenheit"></i></h1> <div class="mdl-cell mdl-cell--6-col">
<h2>Feels like 72<i class="wi wi-fahrenheit"></i></h2> <div class="weather-card mdl-card mdl-shadow--4dp">
<hr> <div class="mdl-card__title">
<h3><strong>Arlington Campus</strong> <i class="wi wi-day-sunny"></i> 82<i class="wi wi-fahrenheit"></i></h3> <h1 class="mdl-card__title-text">Current Conditions<br /></h1>
<hr> </div>
<h3><strong>Science and Technology Campus</strong> <i class="wi wi-day-sunny-overcast"></i> 74<i class="wi wi-fahrenheit"></i></h3> <div class="mdl-card__supporting-text">
<hr> <h4>Partly Cloudy</h4>
<h3><strong>Smithsonian Conservation Biology Institute</strong> <i class="wi wi-day-storm-showers"></i> 68<i class="wi wi-fahrenheit"></i></h3> <div class="temp-size">
<hr> <i class="wi wi-day-cloudy wi-fw"></i> 76<i class="wi wi-fahrenheit"></i>
<h3><strong>Mason Korea</strong> <i class="wi wi-rain-mix"></i> 64<i class="wi wi-fahrenheit"></i></h3> </div>
<hr> <div class="detail-size">
<h3><strong>Mason Ras-Al-Khaimah</strong> <i class="wi wi-hot"></i> 102<i class="wi wi-fahrenheit"></i></h3> Feels like 72<i class="wi wi-fahrenheit"></i>
<hr> <br /><br /><i class="wi wi-cloud"></i> No Rain today. <i class="wi wi-wind wi-towards-nne"></i> 5mph NNE
<br /><br /><i class="wi wi-sunset"></i> 7:22 PM EDT
</div>
</div>
</div>
</div>
<div class="hourly-table mdl-cell mdl-cell--6-col mdl-shadow--4dp table-full-width">
<table class="mdl-data-table mdl-js-data-table">
<thead>
<tr>
<th class="mdl-data-table__cell--non-numeric table-full-width">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>
</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>
<td>0%</td>
<td>3mph</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>
<td>0%</td>
<td>4mph</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>
<td>0%</td>
<td>6mph</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>
<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>
<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">Tomorrow<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> 81<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">Saturday<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> 83<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">Sunday<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> 78<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">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> 75<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> 72<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> 67<i class="wi wi-fahrenheit"></i> / 48<i class="wi wi-fahrenheit"></i>
</div>
</div>
</div>
</div>
</div>
</template>
<template name="footer">
<footer class="mdl-mini-footer">
<div class="mdl-mini-footer__left-section">
<div class="mdl-logo">SRCT Weather</div>
</div>
<div class="mdl-mini-footer__right-section" style="align: right">
A project of Mason <a href="http://srct.gmu.edu/"><strong>SRCT</strong></a>, a registered student org.
<br />Read and <a href="https://git.gmu.edu//srct/weather/milestones/">contribute</a>
to our <a href="https://www.gnu.org/licenses/quick-guide-gplv3.html">freely-licensed</a>
<a href="http://git.gmu.edu/srct/weather/" target="_blank">source code</a>.
</div>
</footer>
</template> </template>
This diff is collapsed.
{
"theme": {
"primary": "deep_orange",
"accent": "blue"
}
}
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