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