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