masthead.cs revision 412a13217b1c8d83435dc435713e6c2dae7ba351
1<?cs def:custom_masthead() ?> 2 <!-- Header --> 3 <div id="header"> 4 <div class="wrap" id="header-wrap"> 5 <div class="col-3 logo"> 6 <a href="<?cs var:toroot ?>index.html"> 7 <img src="<?cs var:toroot ?>assets/images/dac_logo.png" width="123" height="25" alt="Android Developers" /> 8 </a> 9 <div class="btn-quicknav" id="btn-quicknav"> 10 <a href="#" class="arrow-inactive">Quicknav</a> 11 <a href="#" class="arrow-active">Quicknav</a> 12 </div> 13 </div> 14 <ul class="nav-x col-9"> 15 <li class="design"> 16 <a href="<?cs var:toroot ?>design/index.html" 17 zh-TW-lang="設計" 18 zh-CN-lang="设计" 19 ru-lang="Проектирование" 20 ko-lang="디자인" 21 ja-lang="設計" 22 es-lang="Diseñar" 23 >Design</a></li> 24 <li class="develop"><a href="<?cs var:toroot ?>develop/index.html" 25 zh-TW-lang="開發" 26 zh-CN-lang="开发" 27 ru-lang="Разработка" 28 ko-lang="개발" 29 ja-lang="開発" 30 es-lang="Desarrollar" 31 >Develop</a></li> 32 <li class="distribute last"><a href="<?cs var:toroot ?>distribute/index.html" 33 zh-TW-lang="發佈" 34 zh-CN-lang="分发" 35 ru-lang="Распространение" 36 ko-lang="배포" 37 ja-lang="配布" 38 es-lang="Distribuir" 39 >Distribute</a></li> 40 </ul> 41 42 <!-- New Search --> 43 <div class="menu-container"> 44 <div class="moremenu"> 45 <div id="more-btn"></div> 46 </div> 47 <div class="morehover" id="moremenu"> 48 <div class="top"></div> 49 <div class="mid"> 50 <div class="header">Links</div> 51 <ul> 52 <li><a href="https://play.google.com/apps/publish/">Google Play Developer Console</a></li> 53 <li><a href="http://android-developers.blogspot.com/">Android Developers Blog</a></li> 54 <li><a href="<?cs var:toroot ?>about/index.html">About Android</a></li> 55 </ul> 56 <div class="header">Android Sites</div> 57 <ul> 58 <li><a href="http://www.android.com">Android.com</a></li> 59 <li class="active"><a>Android Developers</a></li> 60 <li><a href="http://source.android.com">Android Open Source Project</a></li> 61 </ul> 62 63<?cs ############ TODO: Remove when we're happy with Devsite ############# ?> 64 <?cs # Use differenc lang switcher for devsite and gae server ?> 65 <?cs if:devsite ?> 66 <div class="header">Language</div> 67 <?cs elif:android.whichdoc == "online" ?> 68 <div class="header">Language</div> 69 <div id="language" class="locales"> 70 <select name="language" onChange="changeLangPref(this.value, true)"> 71 <option value="en">English</option> 72 <option value="es">Español</option> 73 <option value="ja">日本語</option> 74 <option value="ko">한국어</option> 75 <option value="ru">Русский</option> 76 <option value="zh-CN">中文 (中国)</option> 77 <option value="zh-TW">中文 (台灣)</option> 78 </select> 79 </div> 80 <script type="text/javascript"> 81 <!-- 82 loadLangPref(); 83 //--> 84 </script> 85 <?cs /if ?> 86 <?cs # End of devsite vs. gae version of lang switcher ?> 87 88 89 <br class="clearfix" /> 90 </div> 91 <div class="bottom"></div> 92 </div> 93 <div class="search" id="search-container"> 94 <div class="search-inner"> 95 <div id="search-btn"></div> 96 <div class="left"></div> 97 <form onsubmit="return submit_search()"> 98 <input id="search_autocomplete" type="text" value="" autocomplete="off" name="q" 99onfocus="search_focus_changed(this, true)" onblur="search_focus_changed(this, false)" 100onkeydown="return search_changed(event, true, '<?cs var:toroot ?>')" 101onkeyup="return search_changed(event, false, '<?cs var:toroot ?>')" /> 102 </form> 103 <div class="right"></div> 104 <a class="close hide">close</a> 105 <div class="left"></div> 106 <div class="right"></div> 107 </div> 108 </div> 109 <div id="search_filtered_wrapper"> 110 <div id="search_filtered_div" class="no-display"> 111 <ul id="search_filtered"> 112 </ul> 113 </div> 114 </div> 115 116 </div> 117 <!-- /New Search> 118 119 120 <!-- Expanded quicknav --> 121 <div id="quicknav" class="col-9"> 122 <ul> 123 <li class="design"> 124 <ul> 125 <li><a href="<?cs var:toroot ?>design/index.html">Get Started</a></li> 126 <li><a href="<?cs var:toroot ?>design/style/index.html">Style</a></li> 127 <li><a href="<?cs var:toroot ?>design/patterns/index.html">Patterns</a></li> 128 <li><a href="<?cs var:toroot ?>design/building-blocks/index.html">Building Blocks</a></li> 129 <li><a href="<?cs var:toroot ?>design/downloads/index.html">Downloads</a></li> 130 <li><a href="<?cs var:toroot ?>design/videos/index.html">Videos</a></li> 131 </ul> 132 </li> 133 <li class="develop"> 134 <ul> 135 <li><a href="<?cs var:toroot ?>training/index.html" 136 zh-TW-lang="訓練課程" 137 zh-CN-lang="培训" 138 ru-lang="Курсы" 139 ko-lang="교육" 140 ja-lang="トレーニング" 141 es-lang="Capacitación" 142 >Training</a></li> 143 <li><a href="<?cs var:toroot ?>guide/components/index.html" 144 zh-TW-lang="API 指南" 145 zh-CN-lang="API 指南" 146 ru-lang="Руководства по API" 147 ko-lang="API 가이드" 148 ja-lang="API ガイド" 149 es-lang="Guías de la API" 150 >API Guides</a></li> 151 <li><a href="<?cs var:toroot ?>reference/packages.html" 152 zh-TW-lang="參考資源" 153 zh-CN-lang="参考" 154 ru-lang="Справочник" 155 ko-lang="참조문서" 156 ja-lang="リファレンス" 157 es-lang="Referencia" 158 >Reference</a></li> 159 <li><a href="<?cs var:toroot ?>tools/index.html" 160 zh-TW-lang="相關工具" 161 zh-CN-lang="工具" 162 ru-lang="Инструменты" 163 ko-lang="도구" 164 ja-lang="ツール" 165 es-lang="Herramientas" 166 >Tools</a> 167 <ul><li><a href="<?cs var:toroot ?>sdk/index.html">Get the SDK</a></li></ul> 168 </li> 169 <li><a href="<?cs var:toroot ?>google/index.html">Google Services</a> 170 </li> 171 </ul> 172 </li> 173 <li class="distribute last"> 174 <ul> 175 <li><a href="<?cs var:toroot ?>distribute/index.html">Google Play</a></li> 176 <li><a href="<?cs var:toroot ?>distribute/googleplay/publish/index.html">Publishing</a></li> 177 <li><a href="<?cs var:toroot ?>distribute/googleplay/promote/index.html">Promoting</a></li> 178 <li><a href="<?cs var:toroot ?>distribute/googleplay/quality/index.html">App Quality</a></li> 179 <li><a href="<?cs var:toroot ?>distribute/googleplay/spotlight/index.html">Spotlight</a></li> 180 <li><a href="<?cs var:toroot ?>distribute/open.html">Open Distribution</a></li> 181 </ul> 182 </li> 183 </ul> 184 </div> 185 <!-- /Expanded quicknav --> 186 </div> 187 </div> 188 <!-- /Header --> 189 190 191 <div id="searchResults" class="wrap" style="display:none;"> 192 <h2 id="searchTitle">Results</h2> 193 <div id="leftSearchControl" class="search-control">Loading...</div> 194 </div> 195 196 197 198<?cs if:training || guide || reference || tools || develop || google ?> 199 <!-- Secondary x-nav --> 200 <div id="nav-x"> 201 <div class="wrap"> 202 <ul class="nav-x col-9 develop" style="width:100%"> 203 <li class="training"><a href="<?cs var:toroot ?>training/index.html" 204 zh-TW-lang="訓練課程" 205 zh-CN-lang="培训" 206 ru-lang="Курсы" 207 ko-lang="교육" 208 ja-lang="トレーニング" 209 es-lang="Capacitación" 210 >Training</a></li> 211 <li class="guide"><a href="<?cs var:toroot ?>guide/components/index.html" 212 zh-TW-lang="API 指南" 213 zh-CN-lang="API 指南" 214 ru-lang="Руководства по API" 215 ko-lang="API 가이드" 216 ja-lang="API ガイド" 217 es-lang="Guías de la API" 218 >API Guides</a></li> 219 <li class="reference"><a href="<?cs var:toroot ?>reference/packages.html" 220 zh-TW-lang="參考資源" 221 zh-CN-lang="参考" 222 ru-lang="Справочник" 223 ko-lang="참조문서" 224 ja-lang="リファレンス" 225 es-lang="Referencia" 226 >Reference</a></li> 227 <li class="tools"><a href="<?cs var:toroot ?>tools/index.html" 228 zh-TW-lang="相關工具" 229 zh-CN-lang="工具" 230 ru-lang="Инструменты" 231 ko-lang="도구" 232 ja-lang="ツール" 233 es-lang="Herramientas" 234 >Tools</a></li> 235 <li class="google"><a href="<?cs var:toroot ?>google/index.html" 236 >Google Services</a> 237 </li> 238 </ul> 239 </div> 240 241 </div> 242 <!-- /Sendondary x-nav --> 243<?cs /if ?> 244 <?cs 245/def ?> 246 247 248 249 250<?cs def:sac_masthead() ?> 251 <!-- Header --> 252 <div id="header"> 253 <div class="wrap" id="header-wrap"> 254 <div class="col-3 saclogo"> 255 <a href="<?cs var:toroot ?>index.html"> 256 <img src="<?cs var:toroot ?>assets/images/sac_logo.png" 257 srcset="<?cs var:toroot ?>assets/images/sac_logo@2x.png 2x" 258 width="123" height="25" alt="Android Developers" /> 259 </a> 260 </div> 261 <ul class="nav-x col-9"> 262 <li class="source"> 263 <a href="<?cs var:toroot ?>source/index.html" <?cs 264 if:source ?>class="selected"<?cs /if ?> 265 >Source</a></li> 266 <li class="devices"><a href="<?cs var:toroot ?>devices/index.html" <?cs 267 if:devices ?>class="selected"<?cs /if ?> 268 >Devices</a></li> 269 <li class="accessories"><a href="<?cs var:toroot ?>accessories/index.html" <?cs 270 if:accessories ?>class="selected"<?cs /if ?> 271 >Accessories</a></li> 272 <li class="compatibility last"><a href="<?cs var:toroot ?>compatibility/index.html" <?cs 273 if:compatibility ?>class="selected"<?cs /if ?> 274 >Compatibility</a></li> 275 </ul> 276 <!-- New Search --> 277 <div class="menu-container"> 278 <div class="moremenu"> 279 <div id="more-btn"></div> 280 </div> 281 <div class="morehover" id="moremenu"> 282 <div class="top"></div> 283 <div class="mid"> 284 <div class="header">Android Sites</div> 285 <ul> 286 <li class="active"><a>Android Open Source Project</a></li> 287 <li><a href="http://www.android.com">Android.com</a></li> 288 <li><a href="http://developer.android.com">Android Developers</a></li> 289 </ul> 290 <!-- <div class="header">Support</div> 291 <ul> 292 <li><a href="<?cs var:toroot ?>support.html">Developer Support</a></li> 293 </ul> --> 294 <br class="clearfix" /> 295 </div> 296 <div class="bottom"></div> 297 </div> 298 299 <div class="search" id="search-container"> 300 <div class="search-inner"> 301 <div id="search-btn"></div> 302 <div class="left"></div> 303 <form onsubmit="return submit_search()"> 304 <input id="search_autocomplete" type="text" value="" autocomplete="off" name="q" 305onfocus="search_focus_changed(this, true)" onblur="search_focus_changed(this, false)" 306onkeydown="return search_changed(event, true, '<?cs var:toroot ?>')" 307onkeyup="return search_changed(event, false, '<?cs var:toroot ?>')" /> 308 </form> 309 <div class="right"></div> 310 <a class="close hide">close</a> 311 <div class="left"></div> 312 <div class="right"></div> 313 </div> 314 </div> 315 <div id="search_filtered_wrapper"> 316 <div id="search_filtered_div" class="no-display"> 317 <ul id="search_filtered"> 318 </ul> 319 </div> 320 </div> 321 322 </div> 323 <!-- /New Search> --> 324 </div> 325 </div> 326 <!-- /Header --> 327 328 <div id="searchResults" class="wrap" style="display:none;"> 329 <h2 id="searchTitle">Results</h2> 330 <div id="leftSearchControl" class="search-control">Loading...</div> 331 </div> 332 333 <?cs 334/def ?> 335
