masthead.cs revision 632070c9400dea40edd4a00eb9db9d89e3852601
1<?cs def:custom_masthead() ?> 2<?cs if:preview ?> 3 <?cs call:preview_masthead() ?> 4<?cs else ?> 5<a name="top"></a> 6<?cs if:!devsite ?><?cs # leave out the global header for devsite; it is in devsite template ?> 7 <!-- Header --> 8 <div id="header-wrapper"> 9 <div id="header"><?cs call:butter_bar() ?> 10 <div class="wrap" id="header-wrap"> 11 <div class="col-3 logo"> 12 <a href="<?cs var:toroot ?>index.html"> 13 <img src="<?cs var:toroot ?>assets/images/dac_logo.png" 14 srcset="<?cs var:toroot ?>assets/images/dac_logo@2x.png 2x" 15 width="123" height="25" alt="Android Developers" /> 16 </a> 17 <div class="btn-quicknav" id="btn-quicknav"> 18 <a href="#" class="arrow-inactive">Quicknav</a> 19 <a href="#" class="arrow-active">Quicknav</a> 20 </div> 21 </div> 22 <ul class="nav-x col-9"> 23 <li class="design"> 24 <a href="<?cs var:toroot ?>design/index.html" 25 zh-tw-lang="設計" 26 zh-cn-lang="设计" 27 ru-lang="Проектирование" 28 ko-lang="디자인" 29 ja-lang="設計" 30 es-lang="Diseñar" 31 >Design</a></li> 32 <li class="develop"><a href="<?cs var:toroot ?>develop/index.html" 33 zh-tw-lang="開發" 34 zh-cn-lang="开发" 35 ru-lang="Разработка" 36 ko-lang="개발" 37 ja-lang="開発" 38 es-lang="Desarrollar" 39 >Develop</a></li> 40 <li class="distribute last"><a href="<?cs var:toroot ?>distribute/<?cs 41 if:android.whichdoc == "offline" ?>googleplay/<?cs /if ?>index.html" 42 zh-tw-lang="發佈" 43 zh-cn-lang="分发" 44 ru-lang="Распространение" 45 ko-lang="배포" 46 ja-lang="配布" 47 es-lang="Distribuir" 48 >Distribute</a></li> 49 </ul> 50 51 52 <?cs # ADD SEARCH AND MENU ?> 53 <?cs call:header_search_widget() ?> 54 55 56 <!-- Expanded quicknav --> 57 <div id="quicknav" class="col-13"> 58 <ul> 59 <li class="about"> 60 <ul> 61 <li><a href="<?cs var:toroot ?>about/index.html">About</a></li> 62 <li><a href="<?cs var:toroot ?>wear/index.html">Wear</a></li> 63 <li><a href="<?cs var:toroot ?>tv/index.html">TV</a></li> 64 <li><a href="<?cs var:toroot ?>auto/index.html">Auto</a></li> 65 </ul> 66 </li> 67 <li class="design"> 68 <ul> 69 <li><a href="<?cs var:toroot ?>design/index.html">Get Started</a></li> 70 <li><a href="<?cs var:toroot ?>design/devices.html">Devices</a></li> 71 <li><a href="<?cs var:toroot ?>design/style/index.html">Style</a></li> 72 <li><a href="<?cs var:toroot ?>design/patterns/index.html">Patterns</a></li> 73 <li><a href="<?cs var:toroot ?>design/building-blocks/index.html">Building Blocks</a></li> 74 <li><a href="<?cs var:toroot ?>design/downloads/index.html">Downloads</a></li> 75 <li><a href="<?cs var:toroot ?>design/videos/index.html">Videos</a></li> 76 </ul> 77 </li> 78 <li class="develop"> 79 <ul> 80 <li><a href="<?cs var:toroot ?>training/index.html" 81 zh-tw-lang="訓練課程" 82 zh-cn-lang="培训" 83 ru-lang="Курсы" 84 ko-lang="교육" 85 ja-lang="トレーニング" 86 es-lang="Capacitación" 87 >Training</a></li> 88 <li><a href="<?cs var:toroot ?>guide/index.html" 89 zh-tw-lang="API 指南" 90 zh-cn-lang="API 指南" 91 ru-lang="Руководства по API" 92 ko-lang="API 가이드" 93 ja-lang="API ガイド" 94 es-lang="Guías de la API" 95 >API Guides</a></li> 96 <li><a href="<?cs var:toroot ?>reference/packages.html" 97 zh-tw-lang="參考資源" 98 zh-cn-lang="参考" 99 ru-lang="Справочник" 100 ko-lang="참조문서" 101 ja-lang="リファレンス" 102 es-lang="Referencia" 103 >Reference</a></li> 104 <li><a href="<?cs var:toroot ?>sdk/index.html" 105 zh-tw-lang="相關工具" 106 zh-cn-lang="工具" 107 ru-lang="Инструменты" 108 ko-lang="도구" 109 ja-lang="ツール" 110 es-lang="Herramientas" 111 >Tools</a> 112 </li> 113 <li><a href="<?cs var:toroot ?>google/index.html">Google Services</a> 114 </li> 115 <?cs if:android.hasSamples ?> 116 <li><a href="<?cs var:toroot ?>samples/index.html">Samples</a> 117 </li> 118 <?cs /if ?> 119 </ul> 120 </li> 121 <li class="distribute last"> 122 <ul> 123 <li><a href="<?cs var:toroot ?>distribute/googleplay/index.html">Google Play</a></li> 124 <li><a href="<?cs var:toroot ?>distribute/essentials/index.html">Essentials</a></li> 125 <li><a href="<?cs var:toroot ?>distribute/users/index.html">Get Users</a></li> 126 <li><a href="<?cs var:toroot ?>distribute/engage/index.html">Engage & Retain</a></li> 127 <li><a href="<?cs var:toroot ?>distribute/monetize/index.html">Monetize</a></li> 128 <li><a href="<?cs var:toroot ?>distribute/tools/index.html">Tools & Reference</a></li> 129 <li><a href="<?cs var:toroot ?>distribute/stories/index.html">Developer Stories</a></li> 130 </ul> 131 </li> 132 </ul> 133 </div><!-- /Expanded quicknav --> 134 </div><!-- end header-wrap.wrap --> 135 </div><!-- end header --> 136 137 <?cs if:about || wear || tv || auto ?> 138 <!-- Secondary x-nav --> 139 <div id="nav-x"> 140 <div class="wrap"> 141 <ul class="nav-x col-9 about" style="width:100%"> 142 <li class="about"><a href="<?cs var:toroot ?>about/index.html" 143 >About</a></li> 144 <li class="wear"><a href="<?cs var:toroot ?>wear/index.html" 145 >Wear</a></li> 146 <li class="tv"><a href="<?cs var:toroot ?>tv/index.html" 147 >TV</a></li> 148 <li class="auto"><a href="<?cs var:toroot ?>auto/index.html" 149 >Auto</a></li> 150 </ul> 151 </div> 152 </div> 153 <!-- /Sendondary x-nav ABOUT --> 154 155 156 157 <?cs elif:training || guide || reference || tools || develop || google || samples ?> 158 <!-- Secondary x-nav --> 159 <div id="nav-x"> 160 <div class="wrap" style="position:relative;z-index:1"> 161 162 <?cs if:reference ?> 163 <?cs # HIDE HELPOUTS RECRUIT BANNER 164 <a id="helpoutsLink" class="resource resource-card resource-card-6x2x3 resource-card-6x2 helpouts-card" 165 href="http://helpouts.google.com/partner/landing/provider/googledevelopers" target="_blank"> 166 <div class="card-bg helpouts-card-bg"></div> 167 <div class="card-info"> 168 <div class="helpouts-description"> 169 <div class="text">Help developers solve problems<br/> 170 <span id="helpoutsLinkText" class="link-color" style="display:block;padding-top:5px;text-align:right">Learn more</span> 171 </div> 172 </div> 173 </div> 174 </a> 175 <script> 176 var textA = "LEARN MORE"; 177 var linkA = "http://helpouts.google.com/partner/landing/provider/googledevelopers?utm_source=android_banner1&utm_medium=banner&utm_campaign=android_provider_banner1"; 178 var textB = "SIGN UP NOW"; 179 var linkB = "http://helpouts.google.com/partner/landing/provider/googledevelopers?utm_source=android_banner2&utm_medium=banner&utm_campaign=android_provider_banner2"; 180 181 if (Math.floor(1/Math.random()) > 1) { 182 $("a#helpoutsLink").attr('href', linkA); 183 $("span#helpoutsLinkText").text(textA); 184 } else { 185 $("a#helpoutsLink").attr('href', linkB); 186 $("span#helpoutsLinkText").text(textB); 187 } 188 </script> 189 END HIDE HELPOUTS ?> 190 <?cs /if ?> 191 192 <ul class="nav-x col-9 develop" style="width:100%"> 193 <li class="training"><a href="<?cs var:toroot ?>training/index.html" 194 zh-tw-lang="訓練課程" 195 zh-cn-lang="培训" 196 ru-lang="Курсы" 197 ko-lang="교육" 198 ja-lang="トレーニング" 199 es-lang="Capacitación" 200 >Training</a></li> 201 <li class="guide"><a href="<?cs var:toroot ?>guide/index.html" 202 zh-tw-lang="API 指南" 203 zh-cn-lang="API 指南" 204 ru-lang="Руководства по API" 205 ko-lang="API 가이드" 206 ja-lang="API ガイド" 207 es-lang="Guías de la API" 208 >API Guides</a></li> 209 <li class="reference"><a href="<?cs var:toroot ?>reference/packages.html" 210 zh-tw-lang="參考資源" 211 zh-cn-lang="参考" 212 ru-lang="Справочник" 213 ko-lang="참조문서" 214 ja-lang="リファレンス" 215 es-lang="Referencia" 216 >Reference</a></li> 217 <li class="tools"><a href="<?cs var:toroot ?>sdk/index.html" 218 zh-tw-lang="相關工具" 219 zh-cn-lang="工具" 220 ru-lang="Инструменты" 221 ko-lang="도구" 222 ja-lang="ツール" 223 es-lang="Herramientas" 224 >Tools</a></li> 225 <li class="google"><a href="<?cs var:toroot ?>google/index.html" 226 >Google Services</a> 227 </li> 228 <?cs if:android.hasSamples ?> 229 <li class="samples"><a href="<?cs var:toroot ?>samples/index.html" 230 >Samples</a> 231 </li> 232 <?cs /if ?> 233 </ul> 234 </div> 235 </div> 236 <!-- /Sendondary x-nav DEVELOP --> 237 238 <?cs elif:distribute || googleplay || essentials || users || engage || monetize || disttools || stories ?> 239 <!-- Secondary distribute x-nav --> 240 <div id="nav-x"> 241 <div class="wrap"> 242 <ul class="nav-x distribute"> 243 <li class="googleplay"><a href="<?cs var:toroot ?>distribute/googleplay/index.html" 244 >Google Play</a></li> 245 <li class="essentials"><a href="<?cs var:toroot ?>distribute/essentials/index.html" 246 >Essentials</a></li> 247 <li class="users"><a href="<?cs var:toroot ?>distribute/users/index.html" 248 >Get Users</a></li> 249 <li class="engage"><a href="<?cs var:toroot ?>distribute/engage/index.html" 250 >Engage & Retain</a></li> 251 <li class="monetize"><a href="<?cs var:toroot ?>distribute/monetize/index.html" 252 >Monetize</a> 253 </li> 254 <li class="disttools"><a href="<?cs var:toroot ?>distribute/tools/index.html" 255 >Tools</a> 256 </li> 257 <li class="stories"><a href="<?cs var:toroot ?>distribute/stories/index.html" 258 >Stories</a> 259 </li> 260 </ul> 261 <a href="https://play.google.com/apps/publish/" class="developer-console-btn">Developer Console</a> 262 </div> <!-- /Secondary distribute x-nav --> 263 </div> 264 <!-- /Sendondary x-nav DISTRIBUTE --> 265 <?cs /if ?> 266 267 <div id="searchResults" class="wrap" style="display:none;"> 268 <h2 id="searchTitle">Results</h2> 269 <div id="leftSearchControl" class="search-control">Loading...</div> 270 </div> 271 </div> <!--end header-wrapper --> 272 273 <div id="sticky-header"> 274 <div> 275 <a class="logo" href="#top"></a> 276 <a class="top" href="#top"></a> 277 <ul class="breadcrumb"> 278 <?cs # More <li> elements added here with javascript ?> 279 <?cs if:!section.landing ?><li class="current"><?cs var:page.title ?></li><?cs 280 /if ?> 281 </ul> 282 </div> 283 </div> 284 285<?cs /if ?><?cs # end if/else !devsite ?> 286<?cs /if ?><?cs # end if/else preview ?><?cs 287/def ?> 288 289<?cs def:preview_masthead() ?> 290<a name="top"></a> 291 292 293<!-- Header --> 294<div id="header-wrapper"> 295 <div id="header"><?cs call:butter_bar() ?> 296 <div class="wrap" id="header-wrap"> 297 <div class="col_3 logo landing-logo" style="width:240px"> 298 <a href="<?cs var:toroot ?>preview/index.html"> 299 <img src="<?cs var:toroot ?>assets/images/android.png" height="25" alt="Android" 300 style="margin:-3px 0 0" /> 301 </a> 302 </div> 303 <div class="col-8" style="margin:0"><h1 style="margin: 4px 0 0 0px;padding:0;line-height:16px; 304color:#666;font-weight:100;font-size:27px;">L Developer Preview</h1></div> 305 306 <?cs # ADD SEARCH AND MENU ?> 307 <?cs call:header_search_widget() ?> 308 309 </div><!-- end header-wrap --> 310 </div><!-- /Header --> 311 312 313 <div id="searchResults" class="wrap" style="display:none;"> 314 <h2 id="searchTitle">Results</h2> 315 <div id="leftSearchControl" class="search-control">Loading...</div> 316 </div> 317</div> <!--end header-wrapper --> 318 319<div id="sticky-header"> 320 <div> 321 <a class="logo" href="#top"></a> 322 <a class="top" href="#top"></a> 323 <ul class="breadcrumb"> 324 <?cs # More <li> elements added here with javascript ?> 325 <?cs if:!section.landing ?><li class="current"><?cs var:page.title ?></li><?cs 326 /if ?> 327 </ul> 328 </div> 329</div> 330 331 <?cs 332/def ?> 333 334 335<?cs # (UN)COMMENT THE INSIDE OF THIS METHOD TO TOGGLE VISIBILITY ?> 336<?cs def:butter_bar() ?> 337 338<?cs # HIDE THE BUTTER BAR 339 340 <div style="height:20px"><!-- spacer to bump header down --></div> 341 <div id="butterbar-wrapper"> 342 <div id="butterbar"> 343 <a href="http://googleblog.blogspot.com/" id="butterbar-message"> 344 The Android 5.0 SDK will be available on October 17th! 345 </a> 346 </div> 347 </div> 348 349?> 350 351<?cs /def ?>
