masthead.cs revision bb9ecf420f136681a3bd4d5503207733b4dc283b
1<?cs def:custom_masthead() ?>
2<?cs if:preview ?>
3  <?cs call:preview_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-13">
58          <ul>
59            <li class="about">
60              <ul>
61                <li><a href="<?cs var:toroot ?>about/index.html">About</a></li>
62                <li><a href="<?cs var:toroot ?>wear/index.html">Wear</a></li>
63                <li><a href="<?cs var:toroot ?>tv/index.html">TV</a></li>
64                <li><a href="<?cs var:toroot ?>auto/index.html">Auto</a></li>
65              </ul>
66            </li>
67            <li class="design">
68              <ul>
69                <li><a href="<?cs var:toroot ?>design/index.html">Get Started</a></li>
70                <li><a href="<?cs var:toroot ?>design/devices.html">Devices</a></li>
71                <li><a href="<?cs var:toroot ?>design/style/index.html">Style</a></li>
72                <li><a href="<?cs var:toroot ?>design/patterns/index.html">Patterns</a></li>
73                <li><a href="<?cs var:toroot ?>design/building-blocks/index.html">Building Blocks</a></li>
74                <li><a href="<?cs var:toroot ?>design/downloads/index.html">Downloads</a></li>
75                <li><a href="<?cs var:toroot ?>design/videos/index.html">Videos</a></li>
76              </ul>
77            </li>
78            <li class="develop">
79              <ul>
80                <li><a href="<?cs var:toroot ?>training/index.html"
81                  zh-tw-lang="訓練課程"
82                  zh-cn-lang="培训"
83                  ru-lang="Курсы"
84                  ko-lang="교육"
85                  ja-lang="トレーニング"
86                  es-lang="Capacitación"
87                  >Training</a></li>
88                <li><a href="<?cs var:toroot ?>guide/index.html"
89                  zh-tw-lang="API 指南"
90                  zh-cn-lang="API 指南"
91                  ru-lang="Руководства по API"
92                  ko-lang="API 가이드"
93                  ja-lang="API ガイド"
94                  es-lang="Guías de la API"
95                  >API Guides</a></li>
96                <li><a href="<?cs var:toroot ?>reference/packages.html"
97                  zh-tw-lang="參考資源"
98                  zh-cn-lang="参考"
99                  ru-lang="Справочник"
100                  ko-lang="참조문서"
101                  ja-lang="リファレンス"
102                  es-lang="Referencia"
103                  >Reference</a></li>
104                <li><a href="<?cs var:toroot ?>sdk/index.html"
105                  zh-tw-lang="相關工具"
106                  zh-cn-lang="工具"
107                  ru-lang="Инструменты"
108                  ko-lang="도구"
109                  ja-lang="ツール"
110                  es-lang="Herramientas"
111                  >Tools</a>
112                </li>
113                <li><a href="<?cs var:toroot ?>google/index.html">Google Services</a>
114                </li>
115                <?cs if:android.hasSamples ?>
116                  <li><a href="<?cs var:toroot ?>samples/index.html">Samples</a>
117                  </li>
118                <?cs /if ?>
119              </ul>
120            </li>
121            <li class="distribute last">
122              <ul>
123                <li><a href="<?cs var:toroot ?>distribute/googleplay/index.html">Google Play</a></li>
124                <li><a href="<?cs var:toroot ?>distribute/essentials/index.html">Essentials</a></li>
125                <li><a href="<?cs var:toroot ?>distribute/users/index.html">Get Users</a></li>
126                <li><a href="<?cs var:toroot ?>distribute/engage/index.html">Engage &amp; Retain</a></li>
127                <li><a href="<?cs var:toroot ?>distribute/monetize/index.html">Monetize</a></li>
128                <li><a href="<?cs var:toroot ?>distribute/tools/index.html">Tools &amp; Reference</a></li>
129                <li><a href="<?cs var:toroot ?>distribute/stories/index.html">Developer Stories</a></li>
130              </ul>
131            </li>
132          </ul>
133        </div><!-- /Expanded quicknav -->
134      </div><!-- end header-wrap.wrap -->
135    </div><!-- end header -->
136
137  <?cs if:about || wear || tv || auto ?>
138    <!-- Secondary x-nav -->
139    <div id="nav-x">
140        <div class="wrap">
141            <ul class="nav-x col-9 about" style="width:100%">
142                <li class="about"><a href="<?cs var:toroot ?>about/index.html"
143                  >About</a></li>
144                <li class="wear"><a href="<?cs var:toroot ?>wear/index.html"
145                  >Wear</a></li>
146                <li class="tv"><a href="<?cs var:toroot ?>tv/index.html"
147                  >TV</a></li>
148                <li class="auto"><a href="<?cs var:toroot ?>auto/index.html"
149                  >Auto</a></li>
150            </ul>
151        </div>
152    </div>
153    <!-- /Sendondary x-nav ABOUT -->
154
155
156
157  <?cs elif:training || guide || reference || tools || develop || google || samples ?>
158    <!-- Secondary x-nav -->
159    <div id="nav-x">
160        <div class="wrap">
161            <ul class="nav-x col-9 develop" style="width:100%">
162                <li class="training"><a href="<?cs var:toroot ?>training/index.html"
163                  zh-tw-lang="訓練課程"
164                  zh-cn-lang="培训"
165                  ru-lang="Курсы"
166                  ko-lang="교육"
167                  ja-lang="トレーニング"
168                  es-lang="Capacitación"
169                  >Training</a></li>
170                <li class="guide"><a href="<?cs var:toroot ?>guide/index.html"
171                  zh-tw-lang="API 指南"
172                  zh-cn-lang="API 指南"
173                  ru-lang="Руководства по API"
174                  ko-lang="API 가이드"
175                  ja-lang="API ガイド"
176                  es-lang="Guías de la API"
177                  >API Guides</a></li>
178                <li class="reference"><a href="<?cs var:toroot ?>reference/packages.html"
179                  zh-tw-lang="參考資源"
180                  zh-cn-lang="参考"
181                  ru-lang="Справочник"
182                  ko-lang="참조문서"
183                  ja-lang="リファレンス"
184                  es-lang="Referencia"
185                  >Reference</a></li>
186                <li class="tools"><a href="<?cs var:toroot ?>sdk/index.html"
187                  zh-tw-lang="相關工具"
188                  zh-cn-lang="工具"
189                  ru-lang="Инструменты"
190                  ko-lang="도구"
191                  ja-lang="ツール"
192                  es-lang="Herramientas"
193                  >Tools</a></li>
194                <li class="google"><a href="<?cs var:toroot ?>google/index.html"
195                  >Google Services</a>
196                </li>
197                <?cs if:android.hasSamples ?>
198                  <li class="samples"><a href="<?cs var:toroot ?>samples/index.html"
199                    >Samples</a>
200                  </li>
201                <?cs /if ?>
202            </ul>
203        </div>
204    </div>
205    <!-- /Sendondary x-nav DEVELOP -->
206
207  <?cs elif:distribute || googleplay || essentials || users || engage || monetize || disttools || stories ?>
208    <!-- Secondary distribute x-nav -->
209    <div id="nav-x">
210        <div class="wrap">
211            <ul class="nav-x distribute">
212                <li class="googleplay"><a href="<?cs var:toroot ?>distribute/googleplay/index.html"
213                  >Google Play</a></li>
214                <li class="essentials"><a href="<?cs var:toroot ?>distribute/essentials/index.html"
215                  >Essentials</a></li>
216                <li class="users"><a href="<?cs var:toroot ?>distribute/users/index.html"
217                  >Get Users</a></li>
218                <li class="engage"><a href="<?cs var:toroot ?>distribute/engage/index.html"
219                  >Engage &amp; Retain</a></li>
220                <li class="monetize"><a href="<?cs var:toroot ?>distribute/monetize/index.html"
221                  >Monetize</a>
222                </li>
223                <li class="disttools"><a href="<?cs var:toroot ?>distribute/tools/index.html"
224                  >Tools</a>
225                </li>
226                <li class="stories"><a href="<?cs var:toroot ?>distribute/stories/index.html"
227                  >Stories</a>
228                </li>
229            </ul>
230            <a href="https://play.google.com/apps/publish/" class="developer-console-btn">Developer Console</a>
231        </div> <!-- /Secondary distribute x-nav -->
232    </div>
233    <!-- /Sendondary x-nav DISTRIBUTE -->
234  <?cs /if ?>
235
236    <div id="searchResults" class="wrap" style="display:none;">
237      <h2 id="searchTitle">Results</h2>
238      <div id="leftSearchControl" class="search-control">Loading...</div>
239    </div>
240  </div> <!--end header-wrapper -->
241
242  <div id="sticky-header">
243    <div>
244      <a class="logo" href="#top"></a>
245      <a class="top" href="#top"></a>
246      <ul class="breadcrumb">
247        <?cs # More <li> elements added here with javascript ?>
248        <?cs if:!section.landing ?><li class="current"><?cs var:page.title ?></li><?cs
249        /if ?>
250      </ul>
251    </div>
252  </div>
253
254<?cs /if ?><?cs # end if/else !devsite ?>
255<?cs /if ?><?cs # end if/else preview ?><?cs
256/def ?>
257
258<?cs def:preview_masthead() ?>
259<a name="top"></a>
260
261
262<!-- Header -->
263<div id="header-wrapper">
264  <div id="header">
265    <div class="wrap" id="header-wrap">
266      <div class="col_3 logo landing-logo" style="width:240px">
267        <a href="<?cs var:toroot ?>preview/index.html">
268          <img src="<?cs var:toroot ?>assets/images/android.png" height="25" alt="Android"
269            style="margin:-3px 0 0" />
270        </a>
271      </div>
272      <div class="col-8" style="margin:0"><h1 style="margin: 4px 0 0 0px;padding:0;line-height:16px;
273color:#666;font-weight:100;font-size:27px;">L Developer Preview</h1></div>
274
275      <?cs # ADD SEARCH AND MENU ?>
276      <?cs call:header_search_widget() ?>
277
278    </div><!-- end header-wrap -->
279  </div><!-- /Header -->
280
281
282  <div id="searchResults" class="wrap" style="display:none;">
283          <h2 id="searchTitle">Results</h2>
284          <div id="leftSearchControl" class="search-control">Loading...</div>
285  </div>
286</div> <!--end header-wrapper -->
287
288<div id="sticky-header">
289  <div>
290    <a class="logo" href="#top"></a>
291    <a class="top" href="#top"></a>
292    <ul class="breadcrumb">
293      <?cs # More <li> elements added here with javascript ?>
294      <?cs if:!section.landing ?><li class="current"><?cs var:page.title ?></li><?cs
295      /if ?>
296    </ul>
297  </div>
298</div>
299
300  <?cs
301/def ?>
302