docs/html/index.jd

   1 fullpage=true
   2 no_footer_links=true
   3 carousel=true
   4 page.metaDescription=The official site for Android developers. Provides the Android SDK and documentation for app developers and designers.
   5 @jd:body
   6
   7
   8 <div class="wrap">
   9     <!-- Slideshow -->
  10     <div class="slideshow-container slideshow-home col-16">
  11         <a href="" class="slideshow-prev">Prev</a>
  12         <a href="" class="slideshow-next">Next</a>
  13         <div class="frame">
  14             <ul>
  15                 <li class="item carousel-home">
  16                     <div class="content-left col-10">
  17                     <img src="{@docRoot}images/home/io-logo-2013.png" style="margin:40px 0 0">
  18                     </div>
  19                     <div class="content-right col-5">
  20                     <h1>Google I/O 2013</h1>
  21                     <p>Android will be at Google I/O on May 15-17, 2013, with sessions covering a variety of topics
  22                     such as design, performance, and how to extend your app with the latest Android features.
  23                     Registration opens on March 13, 2013 at 7:00 AM PDT (GMT-7).</p>
  24                     <p>For more information about event details and planned sessions,
  25                     stay tuned to <a
  26                     href="http://google.com/+GoogleDevelopers">+Google Developers</a>.</p>
  27                     <p><a href="https://developers.google.com/events/io/" class="button">Register here</a></p>
  28                     </div>
  29                 </li>
  30                 <li class="item carousel-home">
  31                     <div class="content-left col-11" style="padding-top:65px;">
  32                       <script src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
  33                       <div style="box-shadow: 3px 10px 18px 1px #999;width:600px;height:338px">
  34                         <div id="ytapiplayer">
  35                           You need Flash player 8+ and JavaScript enabled to view this video.
  36                         </div>
  37                         <script type="text/javascript">
  38                             var params = { allowScriptAccess: "always" };
  39                             var atts = { id: "ytapiplayer" };
  40                             swfobject.embedSWF("//www.youtube.com/v/RRelFvc6Czo?enablejsapi=1&playerapiid=ytplayer&version=3&HD=1;rel=0;showinfo=0;modestbranding;origin=developer.android.com;autohide=1",
  41                               "ytapiplayer", "600", "338", "8", null, null, params, atts);
  42
  43                             // Callback used to pause/resume carousel based on video state
  44                             function onytplayerStateChange(newState) {
  45                                var isPaused = $("#pauseButton").hasClass("paused");
  46                                if ((newState == 1) || (newState == 3)) {
  47                                // if playing or buffering, pause the carousel
  48                                  if (!isPaused) {
  49                                     $("#pauseButton").click();
  50                                  }
  51                                } else {
  52                                // otherwise, make sure carousel is running
  53                                  if (isPaused) {
  54                                     $("#pauseButton").click();
  55                                  }
  56                                }
  57                             }
  58
  59                             // Callback received when YouTube player loads to setup callback (above)
  60                             function onYouTubePlayerReady(playerId) {
  61                               var ytplayer = document.getElementById("ytapiplayer");
  62                               ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
  63                             }
  64
  65                         </script>
  66                       </div>
  67                     </div>
  68                     <div class="content-right col-4">
  69                     <h1 style="white-space:nowrap;line-height:1em;">Developer Story: Smule</h1>
  70                     <p>The creators of AutoRap, Magic Piano, and Songify talk about launching on
  71                        Android and the explosive global growth they’ve seen on Google Play.</p>
  72                     </div>
  73                 </li>
  74                 <li class="item carousel-home">
  75                     <div class="content-left col-9">
  76                         <a href="{@docRoot}about/versions/jelly-bean.html"><img src="{@docRoot}images/home/android-jellybean.png" ></a>
  77                     </div>
  78                     <div class="content-right col-6">
  79                     <h1>Android 4.2 Jelly Bean!</h1>
  80                     <p>The latest version of Jelly Bean is here, with performance optimizations, a refreshed UI, and great new features for developers. </p>
  81                     <p>Android 4.2 includes APIs for developing lock sceen widgets and Daydream screensavers, using external displays, creating RTL layouts, building flexible UI with nested Fragments, and much more.</p>
  82                     <p><a href="{@docRoot}about/versions/jelly-bean.html" class="button">Learn More</a></p>
  83                     </div>
  84                 </li>
  85                 <li class="item carousel-home">
  86                     <div class="content-left col-10">
  87                         <img src="{@docRoot}images/home/design.png" style="margin-top:30px">
  88                     </div>
  89                     <div class="content-right col-5">
  90                     <h1>Make your Android apps<br>look great</h1>
  91                     <p>New templates in the design guide make it easier than ever to design apps
  92 that are beautiful and easy to use.</p>
  93                     <p><a href="{@docRoot}design/index.html" class="button">Learn More</a></p>
  94                     </div>
  95                 </li>
  96                 <li class="item carousel-home">
  97                         <div class="content-left col-10">
  98                             <img src="{@docRoot}images/home/google-play.png"
  99                                   style="margin-top:50px">
 100                         </div>
 101                         <div class="content-right col-5">
 102                         <h1>Publish your apps<br>in Google Play</h1>
 103                         <p>The most visited store in the world for Android apps. Cloud-connected and always synced, it's never been easier for users to find and download your apps.</p>
 104
 105                         <p><a href="{@docRoot}distribute/index.html" class="button">Learn More</a></p>
 106                         </div>
 107                 </li>
 108             </ul>
 109         </div>
 110     </div>
 111     <!-- /End slideshow -->
 112
 113     <a href="" id="pauseButton" style="display:none">pause</a>
 114
 115
 116 </div>
 117 <div class="wrap" style="padding-bottom:20px">
 118     <!-- Section links -->
 119     <div class="home-sections">
 120         <ul>
 121             <li><a href="{@docRoot}about/index.html">About Android</a></li>
 122             <li><a href="{@docRoot}sdk/index.html">Get the SDK</a></li>
 123             <li><a href="http://source.android.com">Open Source</a></li>
 124             <li><a href="{@docRoot}support.html">Support</a></li>
 125             <li class="last"><a href="{@docRoot}legal.html">Legal</a></li>
 126         </ul>
 127     </div>
 128     <!-- /Section links -->
 129 </div>