cefi-portal/index_black.html at main · KevinCounts/cefi-portal · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!--#set var="last2edit" value="chsu"-->
<!--#set var="PI" value="Web and Data Group"-->
<!--#set var="self" value="cefi-portal" -->
<!--#set var="title" value="Climate Ecosystems and Fisheries Portal" -->
<!--#include virtual="/nav/header.html"-->


<link rel="stylesheet" href="cefi.css">

<h1 class="headingCenter"><strong>Climate Ecosystems and Fisheries Initiative Portal</strong></h1>

<div id="tabs" class="tab" role="tabpanel"></div>
     <nav id="cefinavbar" class="navbar navbar-inverse">
          <div class="container-fluid">
          <!-- Brand and toggle get grouped for better mobile display -->
               <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-cefi" aria-expanded="false">
                         <!-- <span class="sr-only">Toggle navigation</span> -->
                         <span class="icon-bar"></span>
                         <span class="icon-bar"></span>
                         <span class="icon-bar"></span>
                    </button>
                    <!-- <a class="navbar-brand" href="#overview">CEFI</a> -->
               </div>

               <!-- Collect the nav links, forms, and other content for toggling -->
               <div class="collapse navbar-collapse" id="navbar-collapse-cefi">
                    <ul class="nav navbar-nav" id="cefiPortalTabs">
                         <li id='overviewTab' class="active"><a href="#overview" data-toggle="tab">Overview<span class="sr-only">(current)</span></a></li>

                         <li class="dropdown">
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Model<span class="caret"></span></a>
                              <ul class="dropdown-menu">
                                   <li id='hindcastTab'><a href="#historical" data-toggle="tab">Hindcast</a></li>
                                   <li id='forecastTab'><a href="#forecast" data-toggle="tab">Forecast</a></li>
                                   <li id='projectionTab'><a href="#projection" data-toggle="tab">Projection</a></li>
                              </ul>
                         </li>

                         <li class="dropdown">
                         <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Observations<span class="caret"></span></a>
                              <ul class="dropdown-menu">
                                   <li id='currentTab'><a href="#current" data-toggle="tab">Global Historical Condition</a></li>
                                   <li id='lmesTab'><a href="#lmes" data-toggle="tab">Large Marine Ecosystems Condition</a></li>
                                   <li id='reanalysesTab'><a href="#reanalyses" data-toggle="tab">Reanalyses (Model+Observation)</a></li>
                              </ul>
                         </li>

                         <li id='cefi_list_searchTab'><a href="#cefi_list_search" data-toggle="tab" data-target="#cefi_list_search">Information Hub</a></li>
                         <li id='cookbooksTab'><a href="#cookbooks" data-toggle="tab">Cookbooks</a></li>
                    </ul>
               </div><!-- /.navbar-collapse -->
          </div><!-- /.container-fluid -->
     </nav>

     <div class="tab-content">
          <div id="overview" class="tab-pane fade in active">
               <!--#include virtual="overview.html"-->
          </div>

          <div id="historical" class="tab-pane fade in">
               <!--#include virtual="historical.html"-->
          </div>

          <div id="forecast" class="tab-pane fade in">
               <!--#include virtual="forecast.html"-->
          </div>

          <div id="projection" class="tab-pane fade in">
               <!--#include virtual="projection.html"-->
          </div>

          <div id="current" class="tab-pane fade in">
               <!--#include virtual="current.html"-->
          </div>

          <div id="lmes" class="tab-pane fade in">
               <!--#include virtual="lme.html"-->
          </div>

          <div id="reanalyses" class="tab-pane fade in">
               <!--#include virtual="reanalyses.html"-->
          </div>

          <div id="cefi_list_search" class="tab-pane fade in">
               <!--#include virtual="cefi_list_search.html"-->
          </div>

          <div id="cookbooks" class="tab-pane fade in">
               <!--#include virtual="cookbooks.html"-->
          </div>

          </div>
     </div>
</div>

<!--#include virtual="/includes/randd.html"-->
<!--#include virtual="/nav/footer.html"-->

<!-- link Javascript  -->
<script type="text/javascript" src="tabHashUrl.js"></script>