masthead.cs revision 5f6019ab6cdcb3000eaf4b695424361a5038ade9
1<?cs def:custom_masthead() ?> 2<?cs if:wear ?> 3 <?cs call:wear_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"> 10 <div id="butterbar-wrapper"> 11 <div id="butterbar"> 12 <a href="<?cs var:toroot ?>preview/index.html" id="butterbar-message"> 13 The SDKs announced at Google IO will be available on June 26th! 14 </a> 15 </div> 16 </div> 17 <div class="wrap" id="header-wrap"> 18 <div class="col-3 logo"> 19 <a href="<?cs var:toroot ?>index.html"> 20 <img src="<?cs var:toroot ?>assets/images/dac_logo.png" 21 srcset="<?cs var:toroot ?>assets/images/dac_logo@2x.png 2x" 22 width="123" height="25" alt="Android Developers" /> 23 </a> 24 <div class="btn-quicknav" id="btn-quicknav"> 25 <a href="#" class="arrow-inactive">Quicknav</a> 26 <a href="#" class="arrow-active">Quicknav</a> 27 </div> 28 </div> 29 <ul class="nav-x col-9"> 30 <li class="design"> 31 <a href="<?cs var:toroot ?>design/index.html" 32 zh-tw-lang="設計" 33 zh-cn-lang="设计" 34 ru-lang="Проектирование" 35 ko-lang="디자인" 36 ja-lang="設計" 37 es-lang="Diseñar" 38 >Design</a></li> 39 <li class="develop"><a href="<?cs var:toroot ?>develop/index.html" 40 zh-tw-lang="開發" 41 zh-cn-lang="开发" 42 ru-lang="Разработка" 43 ko-lang="개발" 44 ja-lang="開発" 45 es-lang="Desarrollar" 46 >Develop</a></li> 47 <li class="distribute last"><a href="<?cs var:toroot ?>distribute/<?cs 48 if:android.whichdoc == "offline" ?>googleplay/<?cs /if ?>index.html" 49 zh-tw-lang="發佈" 50 zh-cn-lang="分发" 51 ru-lang="Распространение" 52 ko-lang="배포" 53 ja-lang="配布" 54 es-lang="Distribuir" 55 >Distribute</a></li> 56 </ul> 57 58 59 <?cs # ADD SEARCH AND MENU ?> 60 <?cs call:header_search_widget() ?> 61 62 63 <!-- Expanded quicknav --> 64 <div id="quicknav" class="col-9"> 65 <ul> 66 <li class="design"> 67 <ul> 68 <li><a href="<?cs var:toroot ?>design/index.html">Get Started</a></li> 69 <li><a href="<?cs var:toroot ?>design/style/index.html">Style</a></li> 70 <li><a href="<?cs var:toroot ?>design/patterns/index.html">Patterns</a></li> 71 <li><a href="<?cs var:toroot ?>design/building-blocks/index.html">Building Blocks</a></li> 72 <li><a href="<?cs var:toroot ?>design/downloads/index.html">Downloads</a></li> 73 <li><a href="<?cs var:toroot ?>design/videos/index.html">Videos</a></li> 74 </ul> 75 </li> 76 <li class="develop"> 77 <ul> 78 <li><a href="<?cs var:toroot ?>training/index.html" 79 zh-tw-lang="訓練課程" 80 zh-cn-lang="培训" 81 ru-lang="Курсы" 82 ko-lang="교육" 83 ja-lang="トレーニング" 84 es-lang="Capacitación" 85 >Training</a></li> 86 <li><a href="<?cs var:toroot ?>guide/index.html" 87 zh-tw-lang="API 指南" 88 zh-cn-lang="API 指南" 89 ru-lang="Руководства по API" 90 ko-lang="API 가이드" 91 ja-lang="API ガイド" 92 es-lang="Guías de la API" 93 >API Guides</a></li> 94 <li><a href="<?cs var:toroot ?>reference/packages.html" 95 zh-tw-lang="參考資源" 96 zh-cn-lang="参考" 97 ru-lang="Справочник" 98 ko-lang="참조문서" 99 ja-lang="リファレンス" 100 es-lang="Referencia" 101 >Reference</a></li> 102 <li><a href="<?cs var:toroot ?>tools/index.html" 103 zh-tw-lang="相關工具" 104 zh-cn-lang="工具" 105 ru-lang="Инструменты" 106 ko-lang="도구" 107 ja-lang="ツール" 108 es-lang="Herramientas" 109 >Tools</a> 110 <ul><li><a href="<?cs var:toroot ?>sdk/index.html">Get the SDK</a></li></ul> 111 </li> 112 <li><a href="<?cs var:toroot ?>google/index.html">Google Services</a> 113 </li> 114 <?cs if:android.hasSamples ?> 115 <li><a href="<?cs var:toroot ?>samples/index.html">Samples</a> 116 </li> 117 <?cs /if ?> 118 </ul> 119 </li> 120 <li class="distribute last"> 121 <ul> 122 <li><a href="<?cs var:toroot ?>distribute/googleplay/index.html">Google Play</a></li> 123 <li><a href="<?cs var:toroot ?>distribute/essentials/index.html">Essentials</a></li> 124 <li><a href="<?cs var:toroot ?>distribute/users/index.html">Get Users</a></li> 125 <li><a href="<?cs var:toroot ?>distribute/engage/index.html">Engage & Retain</a></li> 126 <li><a href="<?cs var:toroot ?>distribute/monetize/index.html">Monetize</a></li> 127 <li><a href="<?cs var:toroot ?>distribute/tools/index.html">Tools & Reference</a></li> 128 <li><a href="<?cs var:toroot ?>distribute/stories/index.html">Developer Stories</a></li> 129 </ul> 130 </li> 131 </ul> 132 </div><!-- /Expanded quicknav --> 133 </div><!-- end header-wrap.wrap --> 134 </div><!-- end header --> 135 136 <?cs if:training || guide || reference || tools || develop || google || samples ?> 137 <!-- Secondary x-nav --> 138 <div id="nav-x"> 139 <div class="wrap"> 140 <ul class="nav-x col-9 develop" style="width:100%"> 141 <li class="training"><a href="<?cs var:toroot ?>training/index.html" 142 zh-tw-lang="訓練課程" 143 zh-cn-lang="培训" 144 ru-lang="Курсы" 145 ko-lang="교육" 146 ja-lang="トレーニング" 147 es-lang="Capacitación" 148 >Training</a></li> 149 <li class="guide"><a href="<?cs var:toroot ?>guide/index.html" 150 zh-tw-lang="API 指南" 151 zh-cn-lang="API 指南" 152 ru-lang="Руководства по API" 153 ko-lang="API 가이드" 154 ja-lang="API ガイド" 155 es-lang="Guías de la API" 156 >API Guides</a></li> 157 <li class="reference"><a href="<?cs var:toroot ?>reference/packages.html" 158 zh-tw-lang="參考資源" 159 zh-cn-lang="参考" 160 ru-lang="Справочник" 161 ko-lang="참조문서" 162 ja-lang="リファレンス" 163 es-lang="Referencia" 164 >Reference</a></li> 165 <li class="tools"><a href="<?cs var:toroot ?>tools/index.html" 166 zh-tw-lang="相關工具" 167 zh-cn-lang="工具" 168 ru-lang="Инструменты" 169 ko-lang="도구" 170 ja-lang="ツール" 171 es-lang="Herramientas" 172 >Tools</a></li> 173 <li class="google"><a href="<?cs var:toroot ?>google/index.html" 174 >Google Services</a> 175 </li> 176 <?cs if:android.hasSamples ?> 177 <li class="samples"><a href="<?cs var:toroot ?>samples/index.html" 178 >Samples</a> 179 </li> 180 <?cs /if ?> 181 </ul> 182 </div> 183 </div> 184 <!-- /Sendondary x-nav --> 185 186 <?cs elif:distribute || googleplay || essentials || users || engage || monetize || disttools || stories ?> 187 <!-- Secondary distribute x-nav --> 188 <div id="nav-x"> 189 <div class="wrap"> 190 <ul class="nav-x distribute"> 191 <li class="googleplay"><a href="<?cs var:toroot ?>distribute/googleplay/index.html" 192 >Google Play</a></li> 193 <li class="essentials"><a href="<?cs var:toroot ?>distribute/essentials/index.html" 194 >Essentials</a></li> 195 <li class="users"><a href="<?cs var:toroot ?>distribute/users/index.html" 196 >Get Users</a></li> 197 <li class="engage"><a href="<?cs var:toroot ?>distribute/engage/index.html" 198 >Engage & Retain</a></li> 199 <li class="monetize"><a href="<?cs var:toroot ?>distribute/monetize/index.html" 200 >Monetize</a> 201 </li> 202 <li class="disttools"><a href="<?cs var:toroot ?>distribute/tools/index.html" 203 >Tools</a> 204 </li> 205 <li class="stories"><a href="<?cs var:toroot ?>distribute/stories/index.html" 206 >Stories</a> 207 </li> 208 </ul> 209 <a href="https://play.google.com/apps/publish/" class="developer-console-btn">Developer Console</a> 210 </div> <!-- /Secondary distribute x-nav --> 211 </div> 212 <?cs /if ?> 213 214 <div id="searchResults" class="wrap" style="display:none;"> 215 <h2 id="searchTitle">Results</h2> 216 <div id="leftSearchControl" class="search-control">Loading...</div> 217 </div> 218 </div> <!--end header-wrapper --> 219 220 <div id="sticky-header"> 221 <div> 222 <a class="logo" href="#top"></a> 223 <a class="top" href="#top"></a> 224 <ul class="breadcrumb"> 225 <?cs # More <li> elements added here with javascript ?> 226 <?cs if:!section.landing ?><li class="current"><?cs var:page.title ?></li><?cs 227 /if ?> 228 </ul> 229 </div> 230 </div> 231 232<?cs /if ?><?cs # end if/else !devsite ?> 233<?cs /if ?><?cs # end if/else wear ?><?cs 234/def ?> 235 236<?cs def:wear_masthead() ?> 237<a name="top"></a> 238 239<!-- Header --> 240<div id="header-wrapper"> 241 <div id="header"> 242 <div class="wrap" id="header-wrap"> 243 <div class="col_3 logo wear-logo"> 244 <a href="<?cs var:toroot ?>wear/index.html"> 245 <img src="<?cs var:toroot ?>wear/images/android-wear.png" height="16" alt="Android Wear" /> 246 </a> 247 </div> 248 <div class="col-8" style="margin:0"><h1 style="margin:1px 0 0 20px;padding:0;line-height:16px; 249color:#666;font-weight:100;font-size:24px;">Developer Preview</h1></div> 250 251 <?cs # ADD SEARCH AND MENU ?> 252 <?cs call:header_search_widget() ?> 253 254 </div><!-- end header-wrap --> 255 </div><!-- /Header --> 256 257 258 <div id="searchResults" class="wrap" style="display:none;"> 259 <h2 id="searchTitle">Results</h2> 260 <div id="leftSearchControl" class="search-control">Loading...</div> 261 </div> 262</div> <!--end header-wrapper --> 263 264<div id="sticky-header"> 265 <div> 266 <a class="logo" href="#top"></a> 267 <a class="top" href="#top"></a> 268 <ul class="breadcrumb"> 269 <?cs # More <li> elements added here with javascript ?> 270 <?cs if:!section.landing ?><li class="current"><?cs var:page.title ?></li><?cs 271 /if ?> 272 </ul> 273 </div> 274</div> 275 276 <?cs 277/def ?> 278