masthead.cs revision 529a107f9de5051b734fad4cecf1f971998aeade
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/analyze/index.html">Analyze</a></li> 175 <li><a href="<?cs var:toroot ?>distribute/tools/index.html">Tools & Reference</a></li> 176 <li><a href="<?cs var:toroot ?>distribute/stories/index.html">Developer Stories</a></li> 177 </ul> 178 </li> 179 </ul> 180 </div><!-- /Expanded quicknav --> 181 </div><!-- end header-wrap.wrap --> 182 </div><!-- end header --> 183 184 <?cs if:about || wear || tv || auto ?> 185 <!-- Secondary x-nav --> 186 <div id="nav-x"> 187 <div class="wrap"> 188 <ul class="nav-x col-9 about" style="width:100%"> 189 <li class="about"><a href="<?cs var:toroot ?>about/index.html" 190 >About</a></li> 191 <li class="wear"><a href="<?cs var:toroot ?>wear/index.html" 192 >Wear</a></li> 193 <li class="tv"><a href="<?cs var:toroot ?>tv/index.html" 194 >TV</a></li> 195 <li class="auto"><a href="<?cs var:toroot ?>auto/index.html" 196 >Auto</a></li> 197 </ul> 198 </div> 199 </div> 200 <!-- /Sendondary x-nav ABOUT --> 201 202 203 204 <?cs elif:training || guide || reference || tools || develop || google || samples ?> 205 <!-- Secondary x-nav --> 206 <div id="nav-x"> 207 <div class="wrap" style="position:relative;z-index:1"> 208 209 <?cs if:reference ?> 210 <?cs # HIDE HELPOUTS RECRUIT BANNER 211 <a id="helpoutsLink" class="resource resource-card resource-card-6x2x3 resource-card-6x2 helpouts-card" 212 href="http://helpouts.google.com/partner/landing/provider/googledevelopers?utm_source=dac&utm_medium=banner&utm_campaign=android_provider_banner3" target="_blank"> 213 <div class="card-bg helpouts-card-bg"></div> 214 <div class="card-info"> 215 <div class="helpouts-description"> 216 <div class="text">Help Android Wear and TV developers<br/> 217 <span id="helpoutsLinkText" class="link-color" 218 style="display:block;padding-top:5px;text-align:right">Learn more</span> 219 </div> 220 </div> 221 </div> 222 </a> 223 # END HIDE HELPOUTS ?> 224 <?cs /if ?> 225 226 <ul class="nav-x col-9 develop" style="width:100%"> 227 <li class="training"><a href="<?cs var:toroot ?>training/index.html" 228 zh-tw-lang="訓練課程" 229 zh-cn-lang="培训" 230 ru-lang="Курсы" 231 ko-lang="교육" 232 ja-lang="トレーニング" 233 es-lang="Capacitación" 234 >Training</a></li> 235 <li class="guide"><a href="<?cs var:toroot ?>guide/index.html" 236 zh-tw-lang="API 指南" 237 zh-cn-lang="API 指南" 238 ru-lang="Руководства по API" 239 ko-lang="API 가이드" 240 ja-lang="API ガイド" 241 es-lang="Guías de la API" 242 >API Guides</a></li> 243 <li class="reference"><a href="<?cs var:toroot ?>reference/packages.html" 244 zh-tw-lang="參考資源" 245 zh-cn-lang="参考" 246 ru-lang="Справочник" 247 ko-lang="참조문서" 248 ja-lang="リファレンス" 249 es-lang="Referencia" 250 >Reference</a></li> 251 <li class="tools"><a href="<?cs var:toroot ?>sdk/index.html" 252 zh-tw-lang="相關工具" 253 zh-cn-lang="工具" 254 ru-lang="Инструменты" 255 ko-lang="도구" 256 ja-lang="ツール" 257 es-lang="Herramientas" 258 >Tools</a></li> 259 <li class="google"><a href="<?cs var:toroot ?>google/index.html" 260 >Google Services</a> 261 </li> 262 <?cs if:android.hasSamples ?> 263 <li class="samples"><a href="<?cs var:toroot ?>samples/index.html" 264 >Samples</a> 265 </li> 266 <?cs /if ?> 267 </ul> 268 </div> 269 </div> 270 <!-- /Sendondary x-nav DEVELOP --> 271 272 <?cs elif:distribute || googleplay || essentials || users || engage || monetize || analyze || disttools || stories ?> 273 <!-- Secondary distribute x-nav --> 274 <div id="nav-x"> 275 <div class="wrap"> 276 <ul class="nav-x distribute"> 277 <li class="googleplay"><a href="<?cs var:toroot ?>distribute/googleplay/index.html" 278 >Google Play</a></li> 279 <li class="essentials"><a href="<?cs var:toroot ?>distribute/essentials/index.html" 280 >Essentials</a></li> 281 <li class="users"><a href="<?cs var:toroot ?>distribute/users/index.html" 282 >Get Users</a></li> 283 <li class="engage"><a href="<?cs var:toroot ?>distribute/engage/index.html" 284 >Engage & Retain</a></li> 285 <li class="monetize"><a href="<?cs var:toroot ?>distribute/monetize/index.html" 286 >Monetize</a> 287 </li> 288 <li class="analyze"><a href="<?cs var:toroot ?>distribute/analyze/index.html" 289 >Analyze</a> 290 </li> 291 <li class="disttools"><a href="<?cs var:toroot ?>distribute/tools/index.html" 292 >Tools</a> 293 </li> 294 <li class="stories"><a href="<?cs var:toroot ?>distribute/stories/index.html" 295 >Stories</a> 296 </li> 297 </ul> 298 <a href="https://play.google.com/apps/publish/" class="developer-console-btn">Developer Console</a> 299 </div> <!-- /Secondary distribute x-nav --> 300 </div> 301 <!-- /Sendondary x-nav DISTRIBUTE --> 302 <?cs /if ?> 303 304 <div id="searchResults" class="wrap" style="display:none;"> 305 <h2 id="searchTitle">Results</h2> 306 <div id="leftSearchControl" class="search-control">Loading...</div> 307 </div> 308 </div> <!--end header-wrapper --> 309 310 <div id="sticky-header"> 311 <div> 312 <a class="logo" href="#top"></a> 313 <a class="top" href="#top"></a> 314 <ul class="breadcrumb"> 315 <?cs # More <li> elements added here with javascript ?> 316 <?cs if:!section.landing ?><li class="current"><?cs var:page.title ?></li><?cs 317 /if ?> 318 </ul> 319 </div> 320 </div> 321 322<?cs /if ?><?cs # end if/else !devsite ?> 323<?cs /if ?><?cs # end if/else preview ?><?cs 324/def ?> 325 326<?cs def:preview_masthead() ?> 327<a name="top"></a> 328 329 330<!-- Header --> 331<div id="header-wrapper"> 332 <div id="header"><?cs call:butter_bar() ?> 333 <div class="wrap" id="header-wrap"> 334 <div class="col_3 logo landing-logo" style="width:240px"> 335 <a href="<?cs var:toroot ?>preview/index.html"> 336 <img src="<?cs var:toroot ?>assets/images/android.png" height="25" alt="Android" 337 style="margin:-3px 0 0" /> 338 </a> 339 </div> 340 <div class="col-8" style="margin:0"><h1 style="margin: 4px 0 0 0px;padding:0;line-height:16px; 341color:#666;font-weight:100;font-size:27px;">L Developer Preview</h1></div> 342 343 <?cs # ADD SEARCH AND MENU ?> 344 <?cs call:header_search_widget() ?> 345 346 </div><!-- end header-wrap --> 347 </div><!-- /Header --> 348 349 350 <div id="searchResults" class="wrap" style="display:none;"> 351 <h2 id="searchTitle">Results</h2> 352 <div id="leftSearchControl" class="search-control">Loading...</div> 353 </div> 354</div> <!--end header-wrapper --> 355 356<div id="sticky-header"> 357 <div> 358 <a class="logo" href="#top"></a> 359 <a class="top" href="#top"></a> 360 <ul class="breadcrumb"> 361 <?cs # More <li> elements added here with javascript ?> 362 <?cs if:!section.landing ?><li class="current"><?cs var:page.title ?></li><?cs 363 /if ?> 364 </ul> 365 </div> 366</div> 367 368 <?cs 369/def ?> 370 371 372<?cs # (UN)COMMENT THE INSIDE OF THIS METHOD TO TOGGLE VISIBILITY ?> 373<?cs def:butter_bar() ?> 374 375<?cs # HIDE THE BUTTER BAR 376 377 <div style="height:20px"><!-- spacer to bump header down --></div> 378 <div id="butterbar-wrapper"> 379 <div id="butterbar"> 380 <a href="http://googleblog.blogspot.com/" id="butterbar-message"> 381 The Android 5.0 SDK will be available on October 17th! 382 </a> 383 </div> 384 </div> 385 386?> 387 388<?cs /def ?> 389