Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Jay J Kim
weather
Commits
ecbb30ed
Commit
ecbb30ed
authored
Mar 18, 2016
by
Zach
Committed by
Zach Knox
Apr 30, 2016
Browse files
tab bar
parent
1ba1b17d
Changes
2
Hide whitespace changes
Inline
Side-by-side
weather/client/weather.css
View file @
ecbb30ed
...
...
@@ -2,7 +2,10 @@
.bg
{
background-color
:
#dedede
;
}
.header-bg
{
.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
;
}
...
...
weather/client/weather.html
View file @
ecbb30ed
<body>
<div
class=
"mdl-layout mdl-js-layout"
>
<header
class=
"mdl-layout__header"
>
<div
class=
"header-bg"
>
<div
class=
"mdl-layout__header-row"
>
<span
class=
"mdl-layout__title"
>
Weather
</span>
</div>
<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>
</header>
<main
class=
"mdl-layout__content"
>
<div>
<div
class=
"bg"
>
{{> weather}} {{> footer}}
</div>
</div>
</main>
<!-- 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"
>
Saudi Arabia
</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>
...
...
@@ -23,7 +43,7 @@
<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 Campu
s
<br
/></h1>
<h1
class=
"mdl-card__title-text"
>
Current Condition
s
<br
/></h1>
</div>
<div
class=
"mdl-card__supporting-text"
>
<h4>
Partly Cloudy
</h4>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment