Fix the navbar colors + API Key issues

- navbar is now green
parent 4db4ac55
......@@ -87,3 +87,9 @@
.degree100.mdl-card {
background-color: #ffffff;
}
.mdl-layout__tab-bar-right-button {
background-color: #006633;
}
.mdl-layout__tab-bar-left-button {
background-color: #006633;
}
<template name="home">
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header header-bg">
<header class="mdl-layout__header header-bg">
<div class="mdl-layout__header-row header-bg">
<!-- Title -->
<span class="mdl-layout-title">Weather</span>
</div>
<!-- Tabs -->
<div class="mdl-layout__tab-bar mdl-js-ripple-effect header-bg">
<a id="fairfax-tab-button" 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>
</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>
</div>
{{> footer}}
</main>
<!-- MDL Fixed Layout Container -->
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header header-bg">
<!-- Header Container -->
<header class="mdl-layout__header">
<div class="mdl-layout__header-row">
<!-- Title of Header -->
<span class="mdl-layout-title">Weather</span>
</div>
<!-- Tab Bar Container , and Tab links -->
<div class="mdl-layout__tab-bar mdl-js-ripple-effect header-bg" style="background: #006633;">
<a id="fairfax-tab-button" 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>
</div>
</header>
<!-- MDL Layout Header -->
<main class="mdl-layout__content">
<!-- "is-active" class to set the default active tab -->
<section class="mdl-layout__tab-panel is-active" id="fairfax">
<div class="page-content">
<div class="page-content">{{> weather}}</div>
</div>
</section>
<!-- Tab No 2-->
<section class="mdl-layout__tab-panel" id="arlington">
<div class="page-content">
<div class="page-content">{{> weather}}</div>
</div>
</section>
<!-- Tab No 3-->
<section class="mdl-layout__tab-panel" id="scitech">
<div class="page-content">
<div class="page-content">{{> weather}}</div>
</div>
</section>
<!-- Tab No 4-->
<section class="mdl-layout__tab-panel" id="korea">
<div class="page-content">
<div class="page-content">{{> weather}}</div>
</div>
</section>
{{> footer}}
</main>
</div>
</template>
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