masthead.cs revision bf644aa564263120fdc61a2578aa2466fbc1d55a
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 ?>design/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 >Design</a></li> 78 <li class="develop"><a href="<?cs var:toroot ?>develop/index.html" 79 zh-tw-lang="開發" 80 zh-cn-lang="开发" 81 ru-lang="Разработка" 82 ko-lang="개발" 83 ja-lang="開発" 84 es-lang="Desarrollar" 85 >Develop</a></li> 86 <li class="distribute last"><a href="<?cs var:toroot ?>distribute/<?cs 87 if:android.whichdoc == "offline" ?>googleplay/<?cs /if ?>index.html" 88 zh-tw-lang="發佈" 89 zh-cn-lang="分发" 90 ru-lang="Распространение" 91 ko-lang="배포" 92 ja-lang="配布" 93 es-lang="Distribuir" 94 >Distribute</a></li> 95 </ul> 96 97 98 <?cs # ADD SEARCH AND MENU ?> 99 <?cs call:header_search_widget() ?> 100 101 102 <!-- Expanded quicknav --> 103 <div id="quicknav" class="col-13"> 104 <ul> 105 <li class="about"> 106 <ul> 107 <li><a href="<?cs var:toroot ?>about/index.html">About</a></li> 108 <li><a href="<?cs var:toroot ?>wear/index.html">Wear</a></li> 109 <li><a href="<?cs var:toroot ?>tv/index.html">TV</a></li> 110 <li><a href="<?cs var:toroot ?>auto/index.html">Auto</a></li> 111 </ul> 112 </li> 113 <li class="design"> 114 <ul> 115 <li><a href="<?cs var:toroot ?>design/index.html">Get Started</a></li> 116 <li><a href="<?cs var:toroot ?>design/devices.html">Devices</a></li> 117 <li><a href="<?cs var:toroot ?>design/style/index.html">Style</a></li> 118 <li><a href="<?cs var:toroot ?>design/patterns/index.html">Patterns</a></li> 119 <li><a href="<?cs var:toroot ?>design/building-blocks/index.html">Building Blocks</a></li> 120 <li><a href="<?cs var:toroot ?>design/downloads/index.html">Downloads</a></li> 121 <li><a href="<?cs var:toroot ?>design/videos/index.html">Videos</a></li> 122 </ul> 123 </li> 124 <li class="develop"> 125 <ul> 126 <li><a href="<?cs var:toroot ?>training/index.html" 127 zh-tw-lang="訓練課程" 128 zh-cn-lang="培训" 129 ru-lang="Курсы" 130 ko-lang="교육" 131 ja-lang="トレーニング" 132 es-lang="Capacitación" 133 >Training</a></li> 134 <li><a href="<?cs var:toroot ?>guide/index.html" 135 zh-tw-lang="API 指南" 136 zh-cn-lang="API 指南" 137 ru-lang="Руководства по API" 138 ko-lang="API 가이드" 139 ja-lang="API ガイド" 140 es-lang="Guías de la API" 141 >API Guides</a></li> 142 <li><a href="<?cs var:toroot ?>reference/packages.html" 143 zh-tw-lang="參考資源" 144 zh-cn-lang="参考" 145 ru-lang="Справочник" 146 ko-lang="참조문서" 147 ja-lang="リファレンス" 148 es-lang="Referencia" 149 >Reference</a></li> 150 <li><a href="<?cs var:toroot ?>sdk/index.html" 151 zh-tw-lang="相關工具" 152 zh-cn-lang="工具" 153 ru-lang="Инструменты" 154 ko-lang="도구" 155 ja-lang="ツール" 156 es-lang="Herramientas" 157 >Tools</a> 158 </li> 159 <li><a href="<?cs var:toroot ?>google/index.html">Google Services</a> 160 </li> 161 <?cs if:android.hasSamples ?> 162 <li><a href="<?cs var:toroot ?>samples/index.html">Samples</a> 163 </li> 164 <?cs /if ?> 165 </ul> 166 </li> 167 <li class="distribute last"> 168 <ul> 169 <li><a href="<?cs var:toroot ?>distribute/googleplay/index.html">Google Play</a></li> 170 <li><a href="<?cs var:toroot ?>distribute/essentials/index.html">Essentials</a></li> 171 <li><a href="<?cs var:toroot ?>distribute/users/index.html">Get Users</a></li> 172 <li><a href="<?cs var:toroot ?>distribute/engage/index.html">Engage & Retain</a></li> 173 <li><a href="<?cs var:toroot ?>distribute/monetize/index.html">Monetize</a></li> 174 <li><a href="<?cs var:toroot ?>distribute/tools/index.html">Tools & Reference</a></li> 175 <li><a href="<?cs var:toroot ?>distribute/stories/index.html">Developer Stories</a></li> 176 </ul> 177 </li> 178 </ul> 179 </div><!-- /Expanded quicknav --> 180 </div><!-- end header-wrap.wrap --> 181 </div><!-- end header --> 182 183 <?cs if:about || wear || tv || auto ?> 184 <!-- Secondary x-nav --> 185 <div id="nav-x"> 186 <div class="wrap"> 187 <ul class="nav-x col-9 about" style="width:100%"> 188 <li class="about"><a href="<?cs var:toroot ?>about/index.html" 189 >About</a></li> 190 <li class="wear"><a href="<?cs var:toroot ?>wear/index.html" 191 >Wear</a></li> 192 <li class="tv"><a href="<?cs var:toroot ?>tv/index.html" 193 >TV</a></li> 194 <li class="auto"><a href="<?cs var:toroot ?>auto/index.html" 195 >Auto</a></li> 196 </ul> 197 </div> 198 </div> 199 <!-- /Sendondary x-nav ABOUT --> 200 201 202 203 <?cs elif:training || guide || reference || tools || develop || google || samples ?> 204 <!-- Secondary x-nav --> 205 <div id="nav-x"> 206 <div class="wrap" style="position:relative;z-index:1"> 207 208 <?cs if:reference ?> 209 <?cs # HIDE HELPOUTS RECRUIT BANNER 210 <a id="helpoutsLink" class="resource resource-card resource-card-6x2x3 resource-card-6x2 helpouts-card" 211 href="http://helpouts.google.com/partner/landing/provider/googledevelopers?utm_source=dac&utm_medium=banner&utm_campaign=android_provider_banner3" target="_blank"> 212 <div class="card-bg helpouts-card-bg"></div> 213 <div class="card-info"> 214 <div class="helpouts-description"> 215 <div class="text">Help Android Wear and TV developers<br/> 216 <span id="helpoutsLinkText" class="link-color" 217 style="display:block;padding-top:5px;text-align:right">Learn more</span> 218 </div> 219 </div> 220 </div> 221 </a> 222 # END HIDE HELPOUTS ?> 223 <?cs /if ?> 224 225 <ul class="nav-x col-9 develop" style="width:100%"> 226 <li class="training"><a href="<?cs var:toroot ?>training/index.html" 227 zh-tw-lang="訓練課程" 228 zh-cn-lang="培训" 229 ru-lang="Курсы" 230 ko-lang="교육" 231 ja-lang="トレーニング" 232 es-lang="Capacitación" 233 >Training</a></li> 234 <li class="guide"><a href="<?cs var:toroot ?>guide/index.html" 235 zh-tw-lang="API 指南" 236 zh-cn-lang="API 指南" 237 ru-lang="Руководства по API" 238 ko-lang="API 가이드" 239 ja-lang="API ガイド" 240 es-lang="Guías de la API" 241 >API Guides</a></li> 242 <li class="reference"><a href="<?cs var:toroot ?>reference/packages.html" 243 zh-tw-lang="參考資源" 244 zh-cn-lang="参考" 245 ru-lang="Справочник" 246 ko-lang="참조문서" 247 ja-lang="リファレンス" 248 es-lang="Referencia" 249 >Reference</a></li> 250 <li class="tools"><a href="<?cs var:toroot ?>sdk/index.html" 251 zh-tw-lang="相關工具" 252 zh-cn-lang="工具" 253 ru-lang="Инструменты" 254 ko-lang="도구" 255 ja-lang="ツール" 256 es-lang="Herramientas" 257 >Tools</a></li> 258 <li class="google"><a href="<?cs var:toroot ?>google/index.html" 259 >Google Services</a> 260 </li> 261 <?cs if:android.hasSamples ?> 262 <li class="samples"><a href="<?cs var:toroot ?>samples/index.html" 263 >Samples</a> 264 </li> 265 <?cs /if ?> 266 </ul> 267 </div> 268 </div> 269 <!-- /Sendondary x-nav DEVELOP --> 270 271 <?cs elif:distribute || googleplay || essentials || users || engage || monetize || disttools || stories ?> 272 <!-- Secondary distribute x-nav --> 273 <div id="nav-x"> 274 <div class="wrap"> 275 <ul class="nav-x distribute"> 276 <li class="googleplay"><a href="<?cs var:toroot ?>distribute/googleplay/index.html" 277 >Google Play</a></li> 278 <li class="essentials"><a href="<?cs var:toroot ?>distribute/essentials/index.html" 279 >Essentials</a></li> 280 <li class="users"><a href="<?cs var:toroot ?>distribute/users/index.html" 281 >Get Users</a></li> 282 <li class="engage"><a href="<?cs var:toroot ?>distribute/engage/index.html" 283 >Engage & Retain</a></li> 284 <li class="monetize"><a href="<?cs var:toroot ?>distribute/monetize/index.html" 285 >Monetize</a> 286 </li> 287 <li class="disttools"><a href="<?cs var:toroot ?>distribute/tools/index.html" 288 >Tools</a> 289 </li> 290 <li class="stories"><a href="<?cs var:toroot ?>distribute/stories/index.html" 291 >Stories</a> 292 </li> 293 </ul> 294 <a href="https://play.google.com/apps/publish/" class="developer-console-btn">Developer Console</a> 295 </div> <!-- /Secondary distribute x-nav --> 296 </div> 297 <!-- /Sendondary x-nav DISTRIBUTE --> 298 <?cs /if ?> 299 300 <div id="searchResults" class="wrap" style="display:none;"> 301 <h2 id="searchTitle">Results</h2> 302 <div id="leftSearchControl" class="search-control">Loading...</div> 303 </div> 304 </div> <!--end header-wrapper --> 305 306 <div id="sticky-header"> 307 <div> 308 <a class="logo" href="#top"></a> 309 <a class="top" href="#top"></a> 310 <ul class="breadcrumb"> 311 <?cs # More <li> elements added here with javascript ?> 312 <?cs if:!section.landing ?><li class="current"><?cs var:page.title ?></li><?cs 313 /if ?> 314 </ul> 315 </div> 316 </div> 317 318<?cs /if ?><?cs # end if/else !devsite ?> 319<?cs /if ?><?cs # end if/else preview ?><?cs 320/def ?> 321 322<?cs def:preview_masthead() ?> 323<a name="top"></a> 324 325 326<!-- Header --> 327<div id="header-wrapper"> 328 <div id="header"><?cs call:butter_bar() ?> 329 <div class="wrap" id="header-wrap"> 330 <div class="col_3 logo landing-logo" style="width:240px"> 331 <a href="<?cs var:toroot ?>preview/index.html"> 332 <img src="<?cs var:toroot ?>assets/images/android.png" height="25" alt="Android" 333 style="margin:-3px 0 0" /> 334 </a> 335 </div> 336 <div class="col-8" style="margin:0"><h1 style="margin: 4px 0 0 0px;padding:0;line-height:16px; 337color:#666;font-weight:100;font-size:27px;">L Developer Preview</h1></div> 338 339 <?cs # ADD SEARCH AND MENU ?> 340 <?cs call:header_search_widget() ?> 341 342 </div><!-- end header-wrap --> 343 </div><!-- /Header --> 344 345 346 <div id="searchResults" class="wrap" style="display:none;"> 347 <h2 id="searchTitle">Results</h2> 348 <div id="leftSearchControl" class="search-control">Loading...</div> 349 </div> 350</div> <!--end header-wrapper --> 351 352<div id="sticky-header"> 353 <div> 354 <a class="logo" href="#top"></a> 355 <a class="top" href="#top"></a> 356 <ul class="breadcrumb"> 357 <?cs # More <li> elements added here with javascript ?> 358 <?cs if:!section.landing ?><li class="current"><?cs var:page.title ?></li><?cs 359 /if ?> 360 </ul> 361 </div> 362</div> 363 364 <?cs 365/def ?> 366 367 368<?cs # (UN)COMMENT THE INSIDE OF THIS METHOD TO TOGGLE VISIBILITY ?> 369<?cs def:butter_bar() ?> 370 371<?cs # HIDE THE BUTTER BAR 372 373 <div style="height:20px"><!-- spacer to bump header down --></div> 374 <div id="butterbar-wrapper"> 375 <div id="butterbar"> 376 <a href="http://googleblog.blogspot.com/" id="butterbar-message"> 377 The Android 5.0 SDK will be available on October 17th! 378 </a> 379 </div> 380 </div> 381 382?> 383 384<?cs /def ?> 385