masthead.cs revision cccdfc8a21134de2137e0f3cdc49bfc65601c944
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 <ul class="nav-x col-9"> 69 <li class="design"> 70 <a href="<?cs var:toroot ?>ndk2/index.html" 71 zh-tw-lang="設計" 72 zh-cn-lang="设计" 73 ru-lang="Проектирование" 74 ko-lang="디자인" 75 ja-lang="設計" 76 es-lang="Diseñar" 77 >NDK</a></li> 78 <li class="develop"><a href="<?cs var:toroot ?>ndk2/radiance/index.html" 79 zh-tw-lang="開發" 80 zh-cn-lang="开发" 81 ru-lang="Разработка" 82 ko-lang="개발" 83 ja-lang="開発" 84 es-lang="Desarrollar" 85 >Radiance</a></li> 86 </ul> 87 88 89 <?cs # ADD SEARCH AND MENU ?> 90 <?cs call:header_search_widget() ?> 91 92 93 <!-- Expanded quicknav --> 94 <div id="quicknav" class="col-13"> 95 <ul> 96 <li class="about"> 97 <ul> 98 <li><a href="<?cs var:toroot ?>about/index.html">About</a></li> 99 <li><a href="<?cs var:toroot ?>wear/index.html">Wear</a></li> 100 <li><a href="<?cs var:toroot ?>tv/index.html">TV</a></li> 101 <li><a href="<?cs var:toroot ?>auto/index.html">Auto</a></li> 102 </ul> 103 </li> 104 <li class="design"> 105 <ul> 106 <li><a href="<?cs var:toroot ?>design/index.html">Get Started</a></li> 107 <li><a href="<?cs var:toroot ?>design/devices.html">Devices</a></li> 108 <li><a href="<?cs var:toroot ?>design/style/index.html">Style</a></li> 109 <li><a href="<?cs var:toroot ?>design/patterns/index.html">Patterns</a></li> 110 <li><a href="<?cs var:toroot ?>design/building-blocks/index.html">Building Blocks</a></li> 111 <li><a href="<?cs var:toroot ?>design/downloads/index.html">Downloads</a></li> 112 <li><a href="<?cs var:toroot ?>design/videos/index.html">Videos</a></li> 113 </ul> 114 </li> 115 <li class="develop"> 116 <ul> 117 <li><a href="<?cs var:toroot ?>ndk2/refer/index.html"> 118 Guides</a></li> 119 <li><a href="<?cs var:toroot ?>ndk2/reference/index.html"> 120 API Reference</a></li> 121 <li><a href="<?cs var:toroot ?>ndk2/samples/index.html"> 122 Samples</a></li> 123 <li><a href="<?cs var:toroot ?>ndk2/articles/index.html"> 124 Articles</a> 125 </li> 126 </ul> 127 </li> 128 <li class="distribute last"> 129 <ul> 130 <li><a href="<?cs var:toroot ?>distribute/googleplay/index.html">Google Play</a></li> 131 <li><a href="<?cs var:toroot ?>distribute/essentials/index.html">Essentials</a></li> 132 <li><a href="<?cs var:toroot ?>distribute/users/index.html">Get Users</a></li> 133 <li><a href="<?cs var:toroot ?>distribute/engage/index.html">Engage & Retain</a></li> 134 <li><a href="<?cs var:toroot ?>distribute/monetize/index.html">Monetize</a></li> 135 <li><a href="<?cs var:toroot ?>distribute/analyze/index.html">Analyze</a></li> 136 <li><a href="<?cs var:toroot ?>distribute/tools/index.html">Tools & Reference</a></li> 137 <li><a href="<?cs var:toroot ?>distribute/stories/index.html">Developer Stories</a></li> 138 </ul> 139 </li> 140 </ul> 141 </div><!-- /Expanded quicknav --> 142 </div><!-- end header-wrap.wrap --> 143 </div><!-- end header --> 144 145 <?cs if:about || wear || tv || auto ?> 146 <!-- Secondary x-nav --> 147 <div id="nav-x"> 148 <div class="wrap"> 149 <ul class="nav-x col-9 about" style="width:100%"> 150 <li class="about"><a href="<?cs var:toroot ?>about/index.html" 151 >About</a></li> 152 <li class="wear"><a href="<?cs var:toroot ?>wear/index.html" 153 >Wear</a></li> 154 <li class="tv"><a href="<?cs var:toroot ?>tv/index.html" 155 >TV</a></li> 156 <li class="auto"><a href="<?cs var:toroot ?>auto/index.html" 157 >Auto</a></li> 158 </ul> 159 </div> 160 </div> 161 <!-- /Sendondary x-nav ABOUT --> 162 163 164 165 <?cs elif:refer || guides || ndk2 ?> 166 <!-- Secondary x-nav --> 167 <div id="nav-x"> 168 <div class="wrap" style="position:relative;z-index:1"> 169 170 <?cs if:reference ?> 171 <?cs # HIDE HELPOUTS RECRUIT BANNER 172 <a id="helpoutsLink" class="resource resource-card resource-card-6x2x3 resource-card-6x2 helpouts-card" 173 href="http://helpouts.google.com/partner/landing/provider/googledevelopers?utm_source=dac&utm_medium=banner&utm_campaign=android_provider_banner3" target="_blank"> 174 <div class="card-bg helpouts-card-bg"></div> 175 <div class="card-info"> 176 <div class="helpouts-description"> 177 <div class="text">Help Android Wear and TV developers<br/> 178 <span id="helpoutsLinkText" class="link-color" 179 style="display:block;padding-top:5px;text-align:right">Learn more</span> 180 </div> 181 </div> 182 </div> 183 </a> 184 # END HIDE HELPOUTS ?> 185 <?cs /if ?> 186 187 <ul class="nav-x col-9 develop" style="width:100%"> 188 <li class="guides"><a href="<?cs var:toroot ?>ndk2/guides/index.html"> 189 Guides</a></li> 190 <li class="refer"><a href="<?cs var:toroot ?>ndk2/refer/index.html"> 191 API Reference</a></li> 192 <li><a href="<?cs var:toroot ?>ndk2/samples/index.html"> 193 Samples</a></li> 194 <li><a href="<?cs var:toroot ?>ndk2/articles/index.html"> 195 Articles</a> 196 </li> 197 </ul> 198 </div> 199 </div> 200 <!-- /Sendondary x-nav DEVELOP --> 201 202 <?cs elif:distribute || googleplay || essentials || users || engage || monetize || analyze || disttools || stories ?> 203 <!-- Secondary distribute x-nav --> 204 <div id="nav-x"> 205 <div class="wrap"> 206 <ul class="nav-x distribute"> 207 <li class="googleplay"><a href="<?cs var:toroot ?>distribute/googleplay/index.html" 208 >Google Play</a></li> 209 <li class="essentials"><a href="<?cs var:toroot ?>distribute/essentials/index.html" 210 >Essentials</a></li> 211 <li class="users"><a href="<?cs var:toroot ?>distribute/users/index.html" 212 >Get Users</a></li> 213 <li class="engage"><a href="<?cs var:toroot ?>distribute/engage/index.html" 214 >Engage & Retain</a></li> 215 <li class="monetize"><a href="<?cs var:toroot ?>distribute/monetize/index.html" 216 >Monetize</a> 217 </li> 218 <li class="analyze"><a href="<?cs var:toroot ?>distribute/analyze/index.html" 219 >Analyze</a> 220 </li> 221 <li class="disttools"><a href="<?cs var:toroot ?>distribute/tools/index.html" 222 >Tools</a> 223 </li> 224 <li class="stories"><a href="<?cs var:toroot ?>distribute/stories/index.html" 225 >Stories</a> 226 </li> 227 </ul> 228 <a href="https://play.google.com/apps/publish/" class="developer-console-btn">Developer Console</a> 229 </div> <!-- /Secondary distribute x-nav --> 230 </div> 231 <!-- /Sendondary x-nav DISTRIBUTE --> 232 <?cs /if ?> 233 234 <div id="searchResults" class="wrap" style="display:none;"> 235 <h2 id="searchTitle">Results</h2> 236 <div id="leftSearchControl" class="search-control">Loading...</div> 237 </div> 238 </div> <!--end header-wrapper --> 239 240 <div id="sticky-header"> 241 <div> 242 <a class="logo" href="#top"></a> 243 <a class="top" href="#top"></a> 244 <ul class="breadcrumb"> 245 <?cs # More <li> elements added here with javascript ?> 246 <?cs if:!section.landing ?><li class="current"><?cs var:page.title ?></li><?cs 247 /if ?> 248 </ul> 249 </div> 250 </div> 251 252<?cs /if ?><?cs # end if/else !devsite ?> 253<?cs /if ?><?cs # end if/else preview ?><?cs 254/def ?> 255 256<?cs def:preview_masthead() ?> 257<a name="top"></a> 258 259 260<!-- Header --> 261<div id="header-wrapper"> 262 <div id="header"><?cs call:butter_bar() ?> 263 <div class="wrap" id="header-wrap"> 264 <div class="col_3 logo landing-logo" style="width:240px"> 265 <a href="<?cs var:toroot ?>preview/index.html"> 266 <img src="<?cs var:toroot ?>assets/images/android.png" height="25" alt="Android" 267 style="margin:-3px 0 0" /> 268 </a> 269 </div> 270 <div class="col-8" style="margin:0"><h1 style="margin: 4px 0 0 0px;padding:0;line-height:16px; 271color:#666;font-weight:100;font-size:27px;">L Developer Preview</h1></div> 272 273 <?cs # ADD SEARCH AND MENU ?> 274 <?cs call:header_search_widget() ?> 275 276 </div><!-- end header-wrap --> 277 </div><!-- /Header --> 278 279 280 <div id="searchResults" class="wrap" style="display:none;"> 281 <h2 id="searchTitle">Results</h2> 282 <div id="leftSearchControl" class="search-control">Loading...</div> 283 </div> 284</div> <!--end header-wrapper --> 285 286<div id="sticky-header"> 287 <div> 288 <a class="logo" href="#top"></a> 289 <a class="top" href="#top"></a> 290 <ul class="breadcrumb"> 291 <?cs # More <li> elements added here with javascript ?> 292 <?cs if:!section.landing ?><li class="current"><?cs var:page.title ?></li><?cs 293 /if ?> 294 </ul> 295 </div> 296</div> 297 298 <?cs 299/def ?> 300 301 302<?cs # (UN)COMMENT THE INSIDE OF THIS METHOD TO TOGGLE VISIBILITY ?> 303<?cs def:butter_bar() ?> 304 305<?cs # HIDE THE BUTTER BAR 306 307 <div style="height:20px"><!-- spacer to bump header down --></div> 308 <div id="butterbar-wrapper"> 309 <div id="butterbar"> 310 <a href="http://googleblog.blogspot.com/" id="butterbar-message"> 311 The Android 5.0 SDK will be available on October 17th! 312 </a> 313 </div> 314 </div> 315 316?> 317 318<?cs /def ?> 319