masthead.cs revision 29e934367b927fb13417bee77008600ad5a39dcc
1<?cs def:custom_masthead() ?>
2<?cs if:preview ?>
3  <?cs call:preview_masthead() ?>
4<?cs else ?>
5<a name="top"></a>
6
7<!-- dialog to prompt lang pref change when loaded from hardcoded URL
8<div id="langMessage" style="display:none">
9  <div>
10    <div class="lang en">
11      <p>You requested a page in English, would you like to proceed with this language setting?</p>
12    </div>
13    <div class="lang es">
14      <p>You requested a page in Spanish (Español), would you like to proceed with this language setting?</p>
15    </div>
16    <div class="lang ja">
17      <p>You requested a page in Japanese (日本語), would you like to proceed with this language setting?</p>
18    </div>
19    <div class="lang ko">
20      <p>You requested a page in Korean (한국어), would you like to proceed with this language setting?</p>
21    </div>
22    <div class="lang ru">
23      <p>You requested a page in Russian (Русский), would you like to proceed with this language setting?</p>
24    </div>
25    <div class="lang zh-cn">
26      <p>You requested a page in Simplified Chinese (简体中文), would you like to proceed with this language setting?</p>
27    </div>
28    <div class="lang zh-tw">
29      <p>You requested a page in Traditional Chinese (繁體中文), would you like to proceed with this language setting?</p>
30    </div>
31    <a href="#" class="button yes" onclick="return false;">
32      <span class="lang en">Yes</span>
33      <span class="lang es">Sí</span>
34      <span class="lang ja">Yes</span>
35      <span class="lang ko">Yes</span>
36      <span class="lang ru">Yes</span>
37      <span class="lang zh-cn">是的</span>
38      <span class="lang zh-tw">没有</span>
39    </a>
40    <a href="#" class="button" onclick="$('#langMessage').hide();return false;">
41      <span class="lang en">No</span>
42      <span class="lang es">No</span>
43      <span class="lang ja">No</span>
44      <span class="lang ko">No</span>
45      <span class="lang ru">No</span>
46      <span class="lang zh-cn">没有</span>
47      <span class="lang zh-tw">没有</span>
48    </a>
49  </div>
50</div> -->
51
52<?cs if:!devsite ?><?cs # leave out the global header for devsite; it is in devsite template ?>
53  <!-- Header -->
54  <div id="header-wrapper">
55    <div class="dac-header" id="header"><?cs call:butter_bar() ?>
56      <div class="dac-header-inner">
57        <a class="dac-nav-toggle" data-dac-toggle-nav href="javascript:;" title="Open navigation">
58          <span class="dac-nav-hamburger">
59            <span class="dac-nav-hamburger-top"></span>
60            <span class="dac-nav-hamburger-mid"></span>
61            <span class="dac-nav-hamburger-bot"></span>
62          </span>
63        </a>
64        <a class="dac-header-logo" href="<?cs var:toroot ?>index.html">
65          <img class="dac-header-logo-image" src="<?cs var:toroot ?>assets/images/android_logo.png"
66              srcset="<?cs var:toroot ?>assets/images/android_logo@2x.png 2x"
67              width="32" height="36" alt="Android" /> Developers
68        </a>
69
70        <ul class="dac-header-crumbs">
71          <?cs # More <li> elements added here with javascript ?>
72          <?cs if:!section.landing ?><li class="dac-header-crumbs-item"><span class="dac-header-crumbs-link current"><?cs var:page.title ?></a></li><?cs
73          /if ?>
74        </ul>
75
76        <?cs # ADD SEARCH AND MENU ?>
77        <?cs call:header_search_widget() ?>
78
79        <a class="dac-header-consoleBtn" href="https://play.google.com/apps/publish/">
80          <span class="dac-sprite dac-google-play"></span>
81          <span class="dac-visible-desktop-inline">Developer</span>
82          Console
83        </a>
84      </div><!-- end header-wrap.wrap -->
85    </div><!-- end header -->
86
87    <div id="searchResults" class="wrap" style="display:none;">
88      <h2 id="searchTitle">Results</h2>
89      <div id="leftSearchControl" class="search-control">Loading...</div>
90    </div>
91  </div> <!--end header-wrapper -->
92
93  <!-- Navigation-->
94  <nav class="dac-nav">
95    <div class="dac-nav-dimmer" data-dac-toggle-nav></div>
96
97    <ul class="dac-nav-list" data-dac-nav>
98      <li class="dac-nav-item dac-nav-head">
99        <a class="dac-nav-link dac-nav-logo" data-dac-toggle-nav href="javascript:;" title="Close navigation">
100          <img class="dac-logo-image" src="<?cs var:toroot ?>assets/images/android_logo.png"
101               srcset="<?cs var:toroot ?>assets/images/android_logo@2x.png 2x"
102               width="32" height="36" alt="Android" /> Developers
103        </a>
104      </li>
105      <li class="dac-nav-item home">
106        <a class="dac-nav-link dac-visible-mobile-block" href="<?cs var:toroot ?>index.html">Home</a>
107        <ul class="dac-nav-secondary about">
108          <li class="dac-nav-item about">
109            <a class="dac-nav-link" href="<?cs var:toroot ?>about/index.html">About</a>
110          </li>
111          <li class="dac-nav-item wear">
112            <a class="dac-nav-link" href="<?cs var:toroot ?>wear/index.html">Wear</a>
113          </li>
114          <li class="dac-nav-item tv">
115            <a class="dac-nav-link" href="<?cs var:toroot ?>tv/index.html">TV</a>
116          </li>
117          <li class="dac-nav-item auto">
118            <a class="dac-nav-link" href="<?cs var:toroot ?>auto/index.html">Auto</a>
119          </li>
120        </ul>
121      </li>
122      <li class="dac-nav-item design">
123        <a class="dac-nav-link" href="<?cs var:toroot ?>design/index.html"
124           zh-tw-lang="設計"
125           zh-cn-lang="设计"
126           ru-lang="Проектирование"
127           ko-lang="디자인"
128           ja-lang="設計"
129           es-lang="Diseñar">Design</a>
130      </li>
131      <li class="dac-nav-item develop">
132        <a class="dac-nav-link" href="<?cs var:toroot ?>develop/index.html"
133           zh-tw-lang="開發"
134           zh-cn-lang="开发"
135           ru-lang="Разработка"
136           ko-lang="개발"
137           ja-lang="開発"
138           es-lang="Desarrollar">Develop</a>
139        <ul class="dac-nav-secondary develop">
140          <li class="dac-nav-item training">
141            <a class="dac-nav-link" 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">Training</a>
148          </li>
149          <li class="dac-nav-item guide">
150            <a class="dac-nav-link" href="<?cs var:toroot ?>guide/index.html"
151               zh-tw-lang="API 指南"
152               zh-cn-lang="API 指南"
153               ru-lang="Руководства по API"
154               ko-lang="API 가이드"
155               ja-lang="API ガイド"
156               es-lang="Guías de la API">API Guides</a>
157          </li>
158          <li class="dac-nav-item reference">
159            <a class="dac-nav-link" href="<?cs var:toroot ?>reference/packages.html"
160               zh-tw-lang="參考資源"
161               zh-cn-lang="参考"
162               ru-lang="Справочник"
163               ko-lang="참조문서"
164               ja-lang="リファレンス"
165               es-lang="Referencia">Reference</a>
166          </li>
167          <li class="dac-nav-item tools">
168            <a class="dac-nav-link" href="<?cs var:toroot ?>sdk/index.html"
169               zh-tw-lang="相關工具"
170               zh-cn-lang="工具"
171               ru-lang="Инструменты"
172               ko-lang="도구"
173               ja-lang="ツール"
174               es-lang="Herramientas">Tools</a></li>
175          <li class="dac-nav-item google">
176            <a class="dac-nav-link" href="<?cs var:toroot ?>google/index.html">Google Services</a>
177          </li>
178          <?cs if:android.hasSamples ?>
179          <li class="dac-nav-item samples">
180            <a class="dac-nav-link" href="<?cs var:toroot ?>samples/index.html">Samples</a>
181          </li>
182          <?cs /if ?>
183        </ul>
184      </li>
185      <li class="dac-nav-item distribute">
186        <a class="dac-nav-link" href="<?cs var:toroot ?>distribute/<?cs if:android.whichdoc == 'offline' ?>googleplay/<?cs /if ?>index.html"
187           zh-tw-lang="發佈"
188           zh-cn-lang="分发"
189           ru-lang="Распространение"
190           ko-lang="배포"
191           ja-lang="配布"
192           es-lang="Distribuir">Distribute</a>
193        <ul class="dac-nav-secondary distribute">
194          <li class="dac-nav-item googleplay">
195            <a class="dac-nav-link" href="<?cs var:toroot ?>distribute/googleplay/index.html">Google Play</a></li>
196          <li class="dac-nav-item essentials">
197            <a class="dac-nav-link" href="<?cs var:toroot ?>distribute/essentials/index.html">Essentials</a></li>
198          <li class="dac-nav-item users">
199            <a class="dac-nav-link" href="<?cs var:toroot ?>distribute/users/index.html">Get Users</a></li>
200          <li class="dac-nav-item engage">
201            <a class="dac-nav-link" href="<?cs var:toroot ?>distribute/engage/index.html">Engage &amp; Retain</a></li>
202          <li class="dac-nav-item monetize">
203            <a class="dac-nav-link" href="<?cs var:toroot ?>distribute/monetize/index.html">Monetize</a>
204          </li>
205          <li class="dac-nav-item analyze">
206            <a class="dac-nav-link" href="<?cs var:toroot ?>distribute/analyze/index.html">Analyze</a>
207          </li>
208          <li class="dac-nav-item disttools">
209            <a class="dac-nav-link" href="<?cs var:toroot ?>distribute/tools/index.html">Tools</a>
210          </li>
211          <li class="dac-nav-item stories">
212            <a class="dac-nav-link" href="<?cs var:toroot ?>distribute/stories/index.html">Stories</a>
213          </li>
214        </ul>
215      </li>
216    </ul>
217  </nav>
218  <!-- end navigation-->
219<?cs /if ?><?cs # end if/else !devsite ?>
220<?cs /if ?><?cs # end if/else preview ?><?cs
221/def ?>
222
223<?cs def:preview_masthead() ?>
224<a name="top"></a>
225
226
227<!-- Header -->
228<div id="header-wrapper">
229  <div id="header"><?cs call:butter_bar() ?>
230    <div class="wrap" id="header-wrap">
231      <div class="col_3 logo landing-logo" style="width:240px">
232        <a href="<?cs var:toroot ?>preview/index.html">
233          <img src="<?cs var:toroot ?>assets/images/android.png" height="25" alt="Android"
234            style="margin:-3px 0 0" />
235        </a>
236      </div>
237      <div class="col-8" style="margin:0"><h1 style="margin: 4px 0 0 0px;padding:0;line-height:16px;
238color:#666;font-weight:100;font-size:27px;">L Developer Preview</h1></div>
239
240      <?cs # ADD SEARCH AND MENU ?>
241      <?cs call:header_search_widget() ?>
242
243    </div><!-- end header-wrap -->
244  </div><!-- /Header -->
245
246
247  <div id="searchResults" class="wrap" style="display:none;">
248          <h2 id="searchTitle">Results</h2>
249          <div id="leftSearchControl" class="search-control">Loading...</div>
250  </div>
251</div> <!--end header-wrapper -->
252
253  <?cs
254/def ?>
255
256
257<?cs # (UN)COMMENT THE INSIDE OF THIS METHOD TO TOGGLE VISIBILITY ?>
258<?cs def:butter_bar() ?>
259
260<?cs # HIDE THE BUTTER BAR
261
262    <div style="height:20px"><!-- spacer to bump header down --></div>
263    <div id="butterbar-wrapper">
264      <div id="butterbar">
265        <a href="http://googleblog.blogspot.com/" id="butterbar-message">
266          The Android 5.0 SDK will be available on October 17th!
267        </a>
268      </div>
269    </div>
270
271?>
272
273<?cs /def ?>
274