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