masthead.cs revision 7c22c9a45ceb44d5c7b4237b89e4227acd839374 
1<?cs def:custom_masthead() ?>
2<?cs if:preview ?>
3  <?cs call:preview_masthead() ?>
4<?cs else ?>
5<a name="top"></a>
6
7<!-- dialog to prompt lang pref change when loaded from hardcoded URL
8<div id="langMessage" style="display:none">
9  <div>
10    <div class="lang en">
11      <p>You requested a page in English, would you like to proceed with this language setting?</p>
12    </div>
13    <div class="lang es">
14      <p>You requested a page in Spanish (Español), would you like to proceed with this language setting?</p>
15    </div>
16    <div class="lang ja">
17      <p>You requested a page in Japanese (日本語), would you like to proceed with this language setting?</p>
18    </div>
19    <div class="lang ko">
20      <p>You requested a page in Korean (한국어), would you like to proceed with this language setting?</p>
21    </div>
22    <div class="lang ru">
23      <p>You requested a page in Russian (Русский), would you like to proceed with this language setting?</p>
24    </div>
25    <div class="lang zh-cn">
26      <p>You requested a page in Simplified Chinese (简体中文), would you like to proceed with this language setting?</p>
27    </div>
28    <div class="lang zh-tw">
29      <p>You requested a page in Traditional Chinese (繁體中文), would you like to proceed with this language setting?</p>
30    </div>
31    <a href="#" class="button yes" onclick="return false;">
32      <span class="lang en">Yes</span>
33      <span class="lang es">Sí</span>
34      <span class="lang ja">Yes</span>
35      <span class="lang ko">Yes</span>
36      <span class="lang ru">Yes</span>
37      <span class="lang zh-cn">是的</span>
38      <span class="lang zh-tw">没有</span>
39    </a>
40    <a href="#" class="button" onclick="$('#langMessage').hide();return false;">
41      <span class="lang en">No</span>
42      <span class="lang es">No</span>
43      <span class="lang ja">No</span>
44      <span class="lang ko">No</span>
45      <span class="lang ru">No</span>
46      <span class="lang zh-cn">没有</span>
47      <span class="lang zh-tw">没有</span>
48    </a>
49  </div>
50</div> -->
51
52<?cs if:!devsite ?><?cs # leave out the global header for devsite; it is in devsite template ?>
53  <!-- Header -->
54  <div id="header-wrapper">
55    <div id="header"><?cs call:butter_bar() ?>
56      <div class="wrap" id="header-wrap">
57        <div class="col-3 logo">
58          <a href="<?cs var:toroot ?>index.html">
59            <img src="<?cs var:toroot ?>assets/images/dac_logo.png"
60                srcset="<?cs var:toroot ?>assets/images/dac_logo@2x.png 2x"
61                width="123" height="25" alt="Android Developers" />
62          </a>
63          <div class="btn-quicknav" id="btn-quicknav">
64            <a href="#" class="arrow-inactive">Quicknav</a>
65            <a href="#" class="arrow-active">Quicknav</a>
66          </div>
67        </div>
68
69        <?cs # design/dev/dist tabs usually here ?>
70
71        <?cs # call:header_search_widget() ?>
72
73      </div><!-- end header-wrap.wrap -->
74    </div><!-- end header -->
75
76
77    <!-- Secondary x-nav -->
78    <div id="nav-x">
79        <div class="wrap" style="position:relative;z-index:1">
80
81            <ul class="nav-x col-9 develop" style="width:100%">
82                <li class="guide"><a href="<?cs var:toroot ?>ndk/guides/index.html">
83                    Guides</a></li>
84                <li class="reference"><a href="<?cs var:toroot ?>ndk/reference/index.html">
85                    Reference</a></li>
86                <li class="samples"><a href="<?cs var:toroot ?>ndk/samples/index.html">
87                    Samples</a></li>
88                <li class="downloads"><a href="<?cs var:toroot ?>ndk/downloads/index.html">
89                    Downloads</a></li>
90                </li>
91            </ul>
92        </div>
93    </div>
94
95
96    <div id="searchResults" class="wrap" style="display:none;">
97      <h2 id="searchTitle">Results</h2>
98      <div id="leftSearchControl" class="search-control">Loading...</div>
99    </div>
100  </div> <!--end header-wrapper -->
101
102  <div id="sticky-header">
103    <div>
104      <a class="logo" href="#top"></a>
105      <a class="top" href="#top"></a>
106      <ul class="breadcrumb">
107        <?cs # More <li> elements added here with javascript ?>
108        <?cs if:!section.landing ?><li class="current"><?cs var:page.title ?></li><?cs
109        /if ?>
110      </ul>
111    </div>
112  </div>
113
114<?cs /if ?><?cs # end if/else !devsite ?>
115<?cs /if ?><?cs # end if/else preview ?><?cs
116/def ?>
117
118<?cs def:preview_masthead() ?>
119<a name="top"></a>
120
121
122<!-- Header -->
123<div id="header-wrapper">
124  <div id="header"><?cs call:butter_bar() ?>
125    <div class="wrap" id="header-wrap">
126      <div class="col_3 logo landing-logo" style="width:240px">
127        <a href="<?cs var:toroot ?>preview/index.html">
128          <img src="<?cs var:toroot ?>assets/images/android.png" height="25" alt="Android"
129            style="margin:-3px 0 0" />
130        </a>
131      </div>
132      <div class="col-8" style="margin:0"><h1 style="margin: 4px 0 0 0px;padding:0;line-height:16px;
133color:#666;font-weight:100;font-size:27px;">L Developer Preview</h1></div>
134
135      <?cs # ADD SEARCH AND MENU ?>
136      <?cs # call:header_search_widget() ?>
137
138    </div><!-- end header-wrap -->
139  </div><!-- /Header -->
140
141
142  <div id="searchResults" class="wrap" style="display:none;">
143          <h2 id="searchTitle">Results</h2>
144          <div id="leftSearchControl" class="search-control">Loading...</div>
145  </div>
146</div> <!--end header-wrapper -->
147
148<div id="sticky-header">
149  <div>
150    <a class="logo" href="#top"></a>
151    <a class="top" href="#top"></a>
152    <ul class="breadcrumb">
153      <?cs # More <li> elements added here with javascript ?>
154      <?cs if:!section.landing ?><li class="current"><?cs var:page.title ?></li><?cs
155      /if ?>
156    </ul>
157  </div>
158</div>
159
160  <?cs
161/def ?>
162
163
164<?cs # (UN)COMMENT THE INSIDE OF THIS METHOD TO TOGGLE VISIBILITY ?>
165<?cs def:butter_bar() ?>
166
167<?cs # HIDE THE BUTTER BAR
168
169    <div style="height:20px"><!-- spacer to bump header down --></div>
170    <div id="butterbar-wrapper">
171      <div id="butterbar">
172        <a href="http://googleblog.blogspot.com/" id="butterbar-message">
173          The Android 5.0 SDK will be available on October 17th!
174        </a>
175      </div>
176    </div>
177
178?>
179
180<?cs /def ?>
181