1 home=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}images/home/market_icon.png" 15 alt="Android Market" width="120px" style="padding:10px 53px 5px"/> 16 <div id="announcement" style="width:275px"> 17 <p>We've completely redesigned Android Market for phones to make it easier to 18 explore Android apps, games, and other content. Look for the new version coming to your 19 Android phone!</p> <p><a 20 href="http://android-developers.blogspot.com/2011/07/new-android-market-for-phones.html">Learn more 21 »</a></p> 22 </div> <!-- end annoucement --> 23 </div> <!-- end annoucement-block --> 24 </div><!-- end topAnnouncement --> 25 <div id="carouselMain" style="height:205px"> <!-- this height can be 26 adjusted based on the content height --> 27 </div> 28 <div class="clearer"></div> 29 <div id="carouselWheel"> 30 <div class="app-list-container" align="center"> 31 <a href="javascript:{}" id="arrow-left" onclick="" class="arrow-left-off"></a> 32 <div id="list-clip"> 33 <div style="left: 0px;" id="app-list"> 34 <!-- populated by buildCarousel() --> 35 </div> 36 </div><!-- end list-clip --> 37 <a href="javascript:{ page_right(); }" id="arrow-right" onclick="" class="arrow-right-on"></a> 38 <div class="clearer"></div> 39 </div><!-- end app-list container --> 40 </div><!-- end carouselWheel --> 41 </div><!-- end homeMiddle --> 42 43 <div style="clear:both"> </div> 44 </div><!-- end mainBodyLeft --> 45 46 <div id="mainBodyRight"> 47 <table id="rightColumn"> 48 <tr> 49 <td class="imageCell"><a href="{@docRoot}sdk/index.html"><img src="{@docRoot}assets/images/icon_download.jpg" style="padding:0" /></a></td> 50 <td> 51 <h2 class="green">Download</h2> 52 <p>The Android SDK has the tools, sample code, and docs you need to create great apps.</p> 53 <p><a href="{@docRoot}sdk/index.html">Learn more »</a></p> 54 </td> 55 </tr> 56 <tr> 57 <td colspan="2"><div class="seperator"> </div></td> 58 </tr> 59 <tr> 60 <td class="imageCell"><a href="http://www.android.com/market.html"><img src="{@docRoot}assets/images/icon_market.jpg" style="padding:0" /></a></td> 61 <td> 62 <h2 class="green">Publish</h2> 63 <p>Android Market is an open service that lets you distribute your apps to handsets.</p> 64 <p><a href="http://market.android.com/publish">Learn more »</a></p> 65 </td> 66 </tr> 67 <tr> 68 <td colspan="2"><div class="seperator"> </div></td> 69 </tr> 70 <tr> 71 <td class="imageCell"><a href="http://source.android.com"><img src="{@docRoot}assets/images/icon_contribute.jpg" style="padding:0" /></a></td> 72 <td> 73 <h2 class="green">Contribute</h2> 74 <p>Android Open Source Project gives you access to the entire platform source.</p> 75 <p><a href="http://source.android.com">Learn more »</a></p> 76 </td> 77 </tr> 78 <tr> 79 <td colspan="2"><div class="seperator"> </div></td> 80 </tr> 81 <tr> 82 <td class="imageCell"><a 83 href="{@docRoot}resources/dashboard/platform-versions.html"><img 84 src="{@docRoot}images/icon_dashboard.png" style="padding:0" /></a></td> 85 <td> 86 <h2 class="green">Target Devices</h2> 87 <p>The Device Dashboard 88 provides information about deployed Android devices to 89 help you target suitable device configurations as you build and update your 90 apps.</p> 91 <p><a 92 href="{@docRoot}resources/dashboard/platform-versions.html">Learn more »</a></p> 93 </td> 94 </tr> 95 96 </table> 97 </div> 98 </div> 99 100 <!--[if lte IE 6]> 101 <style> 102 #arrow-left { 103 margin:0 0 0 5px; 104 } 105 #arrow-right { 106 margin-left:0; 107 } 108 .app-list-container { 109 margin: 37px 0 0 23px; 110 } 111 div#list-clip { 112 width:468px; 113 } 114 </style> 115 <![endif]--> 116 117 <script type="text/javascript"> 118 119 // * -- carousel dictionary -- * // 120 /* layout: imgLeft, imgRight, imgTop 121 icon: image for carousel entry. cropped (height:70px, width:90px) 122 name: string for carousel entry 123 img: image for bulletin post. cropped (height: 170, width:230px) 124 title: header for bulletin (optional, insert "" value to skip 125 desc: the bulletin post. must include html tags. 126 */ 127 128 var droidList = { 129 'sdk': { 130 'layout':"imgLeft", 131 'icon':"sdk-small.png", 132 'name':"Android 4.0", 133 'img':"ics-android.png", 134 'title':"Ice Cream Sandwich!", 135 'desc': "<p>Android 4.0 is here, delivering a unified UI for phones and tablets and " 136 + "innovative features for users and developers. Check out the <a " 137 + "href='http://developer.android.com/sdk/android-4.0-highlights.html'>Platform Highlights</a> " 138 + "for an overview of the new features in Android 4.0.</p>" 139 + "<p>For more information about API changes, read the " 140 + "<a href='{@docRoot}sdk/android-4.0.html'>platform notes</a> and <a " 141 + "href='{@docRoot}sdk/api_diff/14/changes.html'>diff report</a>. If you're new to Android, " 142 + "get started with the <a href='/sdk/index.html'>SDK starter package</a>.</p>" 143 }, 144 145 'tv': { 146 'layout':"imgLeft", 147 'icon':"GTV_icon_small.png", 148 'name':"Google TV", 149 'img':"GTV_icon_large.png", 150 'title':"Google TV!", 151 'desc': "<p>Build something big. By big, we mean <em>worthy-of-the-living-room</em> big.</p>" 152 + " <p>Google TV brings the power of Android" 153 + " and Google Chrome to television." 154 + " The average American watches five hours of TV per day. Give them the apps" 155 + " to update their status, listen to music, watch web videos, and more.</p>" 156 + "<p><a href='http://code.google.com/tv'>Develop for Google TV »</a></p>" 157 }, 158 159 /* 160 'devphone': { 161 'layout':"imgLeft", 162 'icon':"devphone-small.png", 163 'name':"Dev Phones", 164 'img':"devphone-large.png", 165 'title':"Android Dev Phones", 166 'desc': "<p>Run and debug your Android applications directly on one of these " 167 + "devices. Modify and rebuild the Android operating system, and flash it onto " 168 + "the phone. The Android Dev Phones are carrier-independent, and available for " 169 + "purchase by developers through their Android Market publisher accounts.</p><p> " 170 + "<a href='http://market.android.com/publish'>Visit Android Market " 171 + "to learn more »</a></p>" 172 }, 173 */ 174 175 'mapskey': { 176 'layout':"imgLeft", 177 'icon':"maps-small.png", 178 'name':"Maps API Key", 179 'img':"maps-large.png", 180 'title':"Maps API Key", 181 '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 »</a></p>" 182 } 183 184 } 185 </script> 186 <script type="text/javascript" src="{@docRoot}assets/carousel.js"></script> 187 <script type="text/javascript"> 188 initCarousel("sdk"); 189 </script> 190
