masthead.cs revision 97539b1c8e70e772b256f574fb95481df901851e
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            Android Wear, TV, and L Developer Preview SDKs are coming 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 &amp; 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 &amp; 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 &amp; 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