Home | History | Annotate | Download | only in components
      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 (Espaol), 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 id="header"><?cs call:butter_bar() ?>
     56       <div class="wrap" id="header-wrap">
     57         <div class="col-3 logo">
     58           <a href="<?cs var:toroot ?>index.html">
     59             <img src="<?cs var:toroot ?>assets/images/dac_logo.png"
     60                 srcset="<?cs var:toroot ?>assets/images/dac_logo@2x.png 2x"
     61                 width="123" height="25" alt="Android Developers" />
     62           </a>
     63           <div class="btn-quicknav" id="btn-quicknav">
     64             <a href="#" class="arrow-inactive">Quicknav</a>
     65             <a href="#" class="arrow-active">Quicknav</a>
     66           </div>
     67         </div>
     68 
     69         <?cs # design/dev/dist tabs usually here ?>
     70 
     71         <?cs # call:header_search_widget() ?>
     72 
     73       </div><!-- end header-wrap.wrap -->
     74     </div><!-- end header -->
     75 
     76 
     77     <!-- Secondary x-nav -->
     78     <div id="nav-x">
     79         <div class="wrap" style="position:relative;z-index:1">
     80 
     81             <ul class="nav-x col-9 develop" style="width:100%">
     82                 <li class="guide"><a href="<?cs var:toroot ?>ndk/guides/index.html">
     83                     Guides</a></li>
     84                 <li class="reference"><a href="<?cs var:toroot ?>ndk/reference/index.html">
     85                     Reference</a></li>
     86                 <li class="samples"><a href="<?cs var:toroot ?>ndk/samples/index.html">
     87                     Samples</a></li>
     88                 <li class="downloads"><a href="<?cs var:toroot ?>ndk/downloads/index.html">
     89                     Downloads</a></li>
     90                 </li>
     91             </ul>
     92         </div>
     93     </div>
     94 
     95 
     96     <div id="searchResults" class="wrap" style="display:none;">
     97       <h2 id="searchTitle">Results</h2>
     98       <div id="leftSearchControl" class="search-control">Loading...</div>
     99     </div>
    100   </div> <!--end header-wrapper -->
    101 
    102   <div id="sticky-header">
    103     <div>
    104       <a class="logo" href="#top"></a>
    105       <a class="top" href="#top"></a>
    106       <ul class="breadcrumb">
    107         <?cs # More <li> elements added here with javascript ?>
    108         <?cs if:!section.landing ?><li class="current"><?cs var:page.title ?></li><?cs
    109         /if ?>
    110       </ul>
    111     </div>
    112   </div>
    113 
    114 <?cs /if ?><?cs # end if/else !devsite ?>
    115 <?cs /if ?><?cs # end if/else preview ?><?cs
    116 /def ?>
    117 
    118 <?cs def:preview_masthead() ?>
    119 <a name="top"></a>
    120 
    121 
    122 <!-- Header -->
    123 <div id="header-wrapper">
    124   <div id="header"><?cs call:butter_bar() ?>
    125     <div class="wrap" id="header-wrap">
    126       <div class="col_3 logo landing-logo" style="width:240px">
    127         <a href="<?cs var:toroot ?>preview/index.html">
    128           <img src="<?cs var:toroot ?>assets/images/android.png" height="25" alt="Android"
    129             style="margin:-3px 0 0" />
    130         </a>
    131       </div>
    132       <div class="col-8" style="margin:0"><h1 style="margin: 4px 0 0 0px;padding:0;line-height:16px;
    133 color:#666;font-weight:100;font-size:27px;">L Developer Preview</h1></div>
    134 
    135       <?cs # ADD SEARCH AND MENU ?>
    136       <?cs # call:header_search_widget() ?>
    137 
    138     </div><!-- end header-wrap -->
    139   </div><!-- /Header -->
    140 
    141 
    142   <div id="searchResults" class="wrap" style="display:none;">
    143           <h2 id="searchTitle">Results</h2>
    144           <div id="leftSearchControl" class="search-control">Loading...</div>
    145   </div>
    146 </div> <!--end header-wrapper -->
    147 
    148 <div id="sticky-header">
    149   <div>
    150     <a class="logo" href="#top"></a>
    151     <a class="top" href="#top"></a>
    152     <ul class="breadcrumb">
    153       <?cs # More <li> elements added here with javascript ?>
    154       <?cs if:!section.landing ?><li class="current"><?cs var:page.title ?></li><?cs
    155       /if ?>
    156     </ul>
    157   </div>
    158 </div>
    159 
    160   <?cs
    161 /def ?>
    162 
    163 
    164 <?cs # (UN)COMMENT THE INSIDE OF THIS METHOD TO TOGGLE VISIBILITY ?>
    165 <?cs def:butter_bar() ?>
    166 
    167 <?cs # HIDE THE BUTTER BAR
    168 
    169     <div style="height:20px"><!-- spacer to bump header down --></div>
    170     <div id="butterbar-wrapper">
    171       <div id="butterbar">
    172         <a href="http://googleblog.blogspot.com/" id="butterbar-message">
    173           The Android 5.0 SDK will be available on October 17th!
    174         </a>
    175       </div>
    176     </div>
    177 
    178 ?>
    179 
    180 <?cs /def ?>
    181