index.jd revision ba27fe163f2c1e4a4b74d0f29418d0351469114b
1home=true
2@jd:body
3
4
5<div id="mainBodyFixed">
6              <div id="mainBodyLeft">			
7                    <div id="homeMiddle">
8                        <div id="topAnnouncement">
9                            <div id="homeTitle">
10                                <h2>Developer Announcements</h2>
11                            </div><!-- end homeTitle -->
12                            <div id="announcement-block">
13                            <!-- total max width is 520px -->
14                                  <img src="{@docRoot}assets/images/home/GDC2011.png" alt="Android at GDC 2011" width="203px" style="padding-left:22px;padding-bottom:28px;padding-top:22px;"/>
15                                  <div id="announcement" style="width:275px">
16    <p>Android will be at the <a href="http://www.gdconf.com/">2011 Game Developers Conference</a> in San Francisco, from March 1st to 4th. We're looking forward to seeing you there!</p>
17    <p><a href="http://android-developers.blogspot.com/2011/02/heading-for-gdc.html">Learn more &raquo;</a></p>
18                                </div> <!-- end annoucement -->
19                            </div> <!-- end annoucement-block -->
20                        </div><!-- end topAnnouncement -->
21                        <div id="carouselMain" style="height:205px"> <!-- this height can be
22                                                            adjusted based on the content height -->
23                        </div>
24                            <div class="clearer"></div>
25                        <div id="carouselWheel">
26                            <div class="app-list-container" align="center"> 
27                                <a href="javascript:{}" id="arrow-left" onclick="" class="arrow-left-off"></a>
28                                <div id="list-clip">
29                                    <div style="left: 0px;" id="app-list">
30                                      <!-- populated by buildCarousel() -->
31                                    </div>
32                                </div><!-- end list-clip -->
33                                <a href="javascript:{ page_right(); }" id="arrow-right" onclick="" class="arrow-right-on"></a>
34                                <div class="clearer"></div>
35                            </div><!-- end app-list container -->
36                        </div><!-- end carouselWheel -->
37                    </div><!-- end homeMiddle -->
38
39                    <div style="clear:both">&nbsp;</div>
40              </div><!-- end mainBodyLeft -->
41
42              <div id="mainBodyRight">
43                      <table id="rightColumn">
44                              <tr>
45                                      <td class="imageCell"><a href="{@docRoot}sdk/index.html"><img src="{@docRoot}assets/images/icon_download.jpg" style="padding:0" /></a></td>
46                                      <td>
47                                              <h2 class="green">Download</h2>
48                                              <p>The Android SDK has the tools, sample code, and docs you need to create great apps.</p>
49                                              <p><a href="{@docRoot}sdk/index.html">Learn more &raquo;</a></p>
50                                      </td>
51                              </tr>
52                              <tr>
53                                      <td colspan="2"><div class="seperator">&nbsp;</div></td>
54                              </tr>
55                              <tr>
56                                      <td class="imageCell"><a href="http://www.android.com/market.html"><img src="{@docRoot}assets/images/icon_market.jpg" style="padding:0" /></a></td>
57                                      <td>
58                                              <h2 class="green">Publish</h2>
59                                              <p>Android Market is an open service that lets you distribute your apps to handsets.</p>
60                                              <p><a href="http://market.android.com/publish">Learn more &raquo;</a></p>
61                                      </td>
62                              </tr>
63                              <tr>
64                                      <td colspan="2"><div class="seperator">&nbsp;</div></td>
65                              </tr>
66                              <tr>
67                                      <td class="imageCell"><a href="http://source.android.com"><img src="{@docRoot}assets/images/icon_contribute.jpg" style="padding:0" /></a></td>
68                                      <td>
69                                              <h2 class="green">Contribute</h2>
70                                              <p>Android Open Source Project gives you access to the entire platform source.</p>
71                                              <p><a href="http://source.android.com">Learn more &raquo;</a></p>
72                                      </td>
73                              </tr>
74                              <tr>
75                                      <td colspan="2"><div class="seperator">&nbsp;</div></td>
76                              </tr>
77                              <tr>
78                                      <td class="imageCell"><a
79href="{@docRoot}resources/dashboard/platform-versions.html"><img
80src="{@docRoot}images/icon_dashboard.png" style="padding:0" /></a></td>
81                                      <td>
82                                              <h2 class="green">Target Devices</h2>
83                                              <p>The Device Dashboard
84provides information about deployed Android devices to
85help you target suitable device configurations as you build and update your
86apps.</p>
87                                              <p><a
88href="{@docRoot}resources/dashboard/platform-versions.html">Learn more &raquo;</a></p>
89                                      </td>
90                              </tr>
91
92                      </table>
93              </div>
94	</div>
95
96<!--[if lte IE 6]>
97  <style>
98    #arrow-left {
99      margin:0 0 0 5px;
100    }
101    #arrow-right {
102      margin-left:0;
103    }
104    .app-list-container {
105      margin: 37px 0 0 23px;
106    }
107    div#list-clip { 
108      width:468px;
109    }
110  </style>
111<![endif]-->
112
113<script type="text/javascript">
114
115// * -- carousel dictionary -- * //
116  /* layout:  imgLeft, imgRight, imgTop
117     icon:    image for carousel entry. cropped (height:70px, width:90px)
118     name:    string for carousel entry
119     img:     image for bulletin post. cropped (height: 170, width:230px)
120     title:   header for bulletin (optional, insert "" value to skip
121     desc:    the bulletin post. must include html tags. 
122  */
123
124  var droidList = {
125    'sdk': {
126      'layout':"imgLeft",
127      'icon':"sdk-small.png",
128      'name':"Android 3.0",
129      'img':"honeycomb-android.png",
130      'title':"Android 3.0 is here!",
131      'desc': "<p>Android 3.0 is now available for the Android SDK. It offers a redesigned UI and "
132+ "all new developer APIs for an optimized experience on tablets and similar devices. "
133+ "For more information about what's in Android 3.0, read the "
134+ "<a href='{@docRoot}sdk/android-3.0.html'>version notes</a>.</p>"
135+ "<p>If you have an existing SDK, add Android 3.0 as an "
136+ "<a href='{@docRoot}sdk/adding-components.html'>SDK "
137+ "component</a>. If you're new to Android, install the "
138+ "<a href='{@docRoot}sdk/index.html'>SDK starter package</a>."
139    },
140
141    'tv': {
142      'layout':"imgLeft",
143      'icon':"tv_s.png",
144      'name':"Google TV",
145      'img':"tv_l.png",
146      'title':"Announcing Google TV!",
147      'desc': "<p><a href='http://www.google.com/tv/'>Google TV</a> is a new platform "
148               + "for television built on Android. Google "
149               + "has partnered with Sony and Logitech to integrate "
150               + "this platform into TVs, blu-ray players, and companion "
151               + "boxes. An add-on for the Android SDK will be "
152               + "available early next year. </p>"
153               + "<p><a href='http://www.google.com/tv/'>Learn more about "
154               + "Google TV &raquo;</a></p>"
155    },
156
157    'devphone': {
158      'layout':"imgLeft",
159      'icon':"devphone-small.png",
160      'name':"Dev Phones",
161      'img':"devphone-large.png",
162      'title':"Android Dev Phones",
163      'desc': "<p>Run and debug your Android applications directly on one of these "
164 + "devices. Modify and rebuild the Android operating system, and flash it onto "
165 + "the phone. The Android Dev Phones are carrier-independent, and available for "
166 + "purchase by developers through their Android Market publisher accounts.</p><p> "
167 + "<a href='http://market.android.com/publish'>Visit Android Market "
168 + "to learn more &raquo;</a></p>"
169    },
170
171    'mapskey': {
172      'layout':"imgLeft",
173      'icon':"maps-small.png",
174      'name':"Maps API Key",
175      'img':"maps-large.png",
176      'title':"Maps API Key",
177      'desc':"<p>If you're writing an Android application that uses Google Maps (with MapView), you must register your application to obtain a Maps API Key. Without the key, your maps application will not work on Android devices. Obtaining a key requires just a couple of steps.</p><p><a href='http://code.google.com/android/add-ons/google-apis/maps-overview.html'>Learn more &raquo;</a></p>"
178    }
179
180  }
181</script>
182<script type="text/javascript" src="{@docRoot}assets/carousel.js"></script>
183<script type="text/javascript">
184  initCarousel("sdk");
185</script>
186