masthead.cs revision 03b107c8563c5edf5fe25435e609329d1fc7a62f
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 211 <?cs /if ?> 212 213 <ul class="nav-x col-9 develop" style="width:100%"> 214 <li class="training"><a href="<?cs var:toroot ?>training/index.html" 215 zh-tw-lang="訓練課程" 216 zh-cn-lang="培训" 217 ru-lang="Курсы" 218 ko-lang="교육" 219 ja-lang="トレーニング" 220 es-lang="Capacitación" 221 >Training</a></li> 222 <li class="guide"><a href="<?cs var:toroot ?>guide/index.html" 223 zh-tw-lang="API 指南" 224 zh-cn-lang="API 指南" 225 ru-lang="Руководства по API" 226 ko-lang="API 가이드" 227 ja-lang="API ガイド" 228 es-lang="Guías de la API" 229 >API Guides</a></li> 230 <li class="reference"><a href="<?cs var:toroot ?>reference/packages.html" 231 zh-tw-lang="參考資源" 232 zh-cn-lang="参考" 233 ru-lang="Справочник" 234 ko-lang="참조문서" 235 ja-lang="リファレンス" 236 es-lang="Referencia" 237 >Reference</a></li> 238 <li class="tools"><a href="<?cs var:toroot ?>sdk/index.html" 239 zh-tw-lang="相關工具" 240 zh-cn-lang="工具" 241 ru-lang="Инструменты" 242 ko-lang="도구" 243 ja-lang="ツール" 244 es-lang="Herramientas" 245 >Tools</a></li> 246 <li class="google"><a href="<?cs var:toroot ?>google/index.html" 247 >Google Services</a> 248 </li> 249 <?cs if:android.hasSamples ?> 250 <li class="samples"><a href="<?cs var:toroot ?>samples/index.html" 251 >Samples</a> 252 </li> 253 <?cs /if ?> 254 </ul> 255 </div> 256 </div> 257 <!-- /Sendondary x-nav DEVELOP --> 258 259 <?cs elif:distribute || googleplay || essentials || users || engage || monetize || analyze || disttools || stories ?> 260 <!-- Secondary distribute x-nav --> 261 <div id="nav-x"> 262 <div class="wrap"> 263 <ul class="nav-x distribute"> 264 <li class="googleplay"><a href="<?cs var:toroot ?>distribute/googleplay/index.html" 265 >Google Play</a></li> 266 <li class="essentials"><a href="<?cs var:toroot ?>distribute/essentials/index.html" 267 >Essentials</a></li> 268 <li class="users"><a href="<?cs var:toroot ?>distribute/users/index.html" 269 >Get Users</a></li> 270 <li class="engage"><a href="<?cs var:toroot ?>distribute/engage/index.html" 271 >Engage & Retain</a></li> 272 <li class="monetize"><a href="<?cs var:toroot ?>distribute/monetize/index.html" 273 >Monetize</a> 274 </li> 275 <li class="analyze"><a href="<?cs var:toroot ?>distribute/analyze/index.html" 276 >Analyze</a> 277 </li> 278 <li class="disttools"><a href="<?cs var:toroot ?>distribute/tools/index.html" 279 >Tools</a> 280 </li> 281 <li class="stories"><a href="<?cs var:toroot ?>distribute/stories/index.html" 282 >Stories</a> 283 </li> 284 </ul> 285 <a href="https://play.google.com/apps/publish/" class="developer-console-btn">Developer Console</a> 286 </div> <!-- /Secondary distribute x-nav --> 287 </div> 288 <!-- /Sendondary x-nav DISTRIBUTE --> 289 <?cs /if ?> 290 291 <div id="searchResults" class="wrap" style="display:none;"> 292 <h2 id="searchTitle">Results</h2> 293 <div id="leftSearchControl" class="search-control">Loading...</div> 294 </div> 295 </div> <!--end header-wrapper --> 296 297 <div id="sticky-header"> 298 <div> 299 <a class="logo" href="#top"></a> 300 <a class="top" href="#top"></a> 301 <ul class="breadcrumb"> 302 <?cs # More <li> elements added here with javascript ?> 303 <?cs if:!section.landing ?><li class="current"><?cs var:page.title ?></li><?cs 304 /if ?> 305 </ul> 306 </div> 307 </div> 308 309<?cs /if ?><?cs # end if/else !devsite ?> 310<?cs /if ?><?cs # end if/else preview ?><?cs 311/def ?> 312 313<?cs def:preview_masthead() ?> 314<a name="top"></a> 315 316 317<!-- Header --> 318<div id="header-wrapper"> 319 <div id="header"><?cs call:butter_bar() ?> 320 <div class="wrap" id="header-wrap"> 321 <div class="col_3 logo landing-logo" style="width:240px"> 322 <a href="<?cs var:toroot ?>preview/index.html"> 323 <img src="<?cs var:toroot ?>assets/images/android.png" height="25" alt="Android" 324 style="margin:-3px 0 0" /> 325 </a> 326 </div> 327 <div class="col-8" style="margin:0"><h1 style="margin: 4px 0 0 0px;padding:0;line-height:16px; 328color:#666;font-weight:100;font-size:27px;">M Developer Preview</h1></div> 329 330 <?cs # ADD SEARCH AND MENU ?> 331 <?cs call:header_search_widget() ?> 332 333 </div><!-- end header-wrap --> 334 </div><!-- /Header --> 335 336 337 <div id="searchResults" class="wrap" style="display:none;"> 338 <h2 id="searchTitle">Results</h2> 339 <div id="leftSearchControl" class="search-control">Loading...</div> 340 </div> 341</div> <!--end header-wrapper --> 342 343<div id="sticky-header"> 344 <div> 345 <a class="logo" href="#top"></a> 346 <a class="top" href="#top"></a> 347 <ul class="breadcrumb"> 348 <?cs # More <li> elements added here with javascript ?> 349 <?cs if:!section.landing ?><li class="current"><?cs var:page.title ?></li><?cs 350 /if ?> 351 </ul> 352 </div> 353</div> 354 355 <?cs 356/def ?> 357 358 359<?cs # (UN)COMMENT THE INSIDE OF THIS METHOD TO TOGGLE VISIBILITY ?> 360<?cs def:butter_bar() ?> 361 362<?cs # HIDE THE BUTTER BAR 363 364 <div style="height:20px"><!-- spacer to bump header down --></div> 365 <div id="butterbar-wrapper"> 366 <div id="butterbar"> 367 <a href="http://googleblog.blogspot.com/" id="butterbar-message"> 368 The Android {version_number} SDK will be available on {Month} {Day}! 369 </a> 370 </div> 371 </div> 372 373?> 374 375<?cs /def ?> 376
