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;
133 color:#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