home.html 1.86 KB
Newer Older
Manuel Gauto's avatar
Manuel Gauto committed
1
<template name="home">
2
3
4
5
6
7
      <!-- 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 -->
Zach Knox's avatar
Zach Knox committed
8
          <span class="mdl-layout-title">Weather<span class="development-tag">ALPHA</span></span>
9
10
11
12
        </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>
Zach Knox's avatar
Zach Knox committed
13
            <!--a href="#arlington" class="mdl-layout__tab">Arlington</a>
14
            <a href="#scitech" class="mdl-layout__tab">SciTech</a>
Zach Knox's avatar
Zach Knox committed
15
            <a href="#korea" class="mdl-layout__tab">Mason Korea</a -->
16
17
18
19
20
21
22
23
24
25
        </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>
Zach Knox's avatar
Zach Knox committed
26
<!--
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
        <section class="mdl-layout__tab-panel" id="arlington">
          <div class="page-content">
            <div class="page-content">{{> weather}}</div>
          </div>
        </section>

        <section class="mdl-layout__tab-panel" id="scitech">
          <div class="page-content">
           <div class="page-content">{{> weather}}</div>
          </div>
        </section>

        <section class="mdl-layout__tab-panel" id="korea">
          <div class="page-content">
            <div class="page-content">{{> weather}}</div>
          </div>
        </section>
Zach Knox's avatar
Zach Knox committed
44
    -->
45
46
        {{> footer}}
      </main>
Manuel Gauto's avatar
Manuel Gauto committed
47
48
    </div>
</template>