diff options
Diffstat (limited to 'docs/html/auto/index.jd')
| -rw-r--r-- | docs/html/auto/index.jd | 103 |
1 files changed, 66 insertions, 37 deletions
diff --git a/docs/html/auto/index.jd b/docs/html/auto/index.jd index 2a527b3..c7a3a4e 100644 --- a/docs/html/auto/index.jd +++ b/docs/html/auto/index.jd @@ -2,6 +2,7 @@ page.title=Android Auto page.viewport_width=970 fullpage=true no_footer_links=true +page.type=about @jd:body @@ -12,29 +13,23 @@ no_footer_links=true } </style> - - - -<div id="video-container"> - <div id="video-frame"> - <div class="video-close"> - <span id="icon-video-close"> </span> - </div> - <script src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> - <div id="ytapiplayer"> - <a href="http://www.youtube.com/watch?v=0xQ3y902DEQ"><img width=940 - src="https://i1.ytimg.com/vi/0xQ3y902DEQ/maxresdefault.jpg"></a><!--You need Flash player 8+ and JavaScript enabled to view this video. --> - </div> - </div> -</div> - +<style> +#footer { + display: none; +} +.content-footer { + display: none; +} +#hero-height { + height:calc(100% - 100px); +} +</style> <div class="landing-body-content"> <div class="landing-hero-container"> - <div class="landing-section auto-hero"> - + <div id="hero-height" class="landing-section auto-hero"> <div class="landing-hero-scrim"></div> <div class="landing-hero-wrap"> <div class="vertical-center-outer"> @@ -44,12 +39,11 @@ no_footer_links=true <div class="landing-section-header"> <div class="landing-h1 hero">Android Auto</div> <div class="landing-subhead hero">Entertainment and services on your dashboard</div> - </div> - <div class="landing-hero-description"> - <p>Maps, music, search and more in your vehicle, powered by your Android phone. - Voice actions and feedback. Useful local information. Clean user interfaces to - keep your eyes on the road.</p> - </div> + <div class="landing-hero-description"> + <p>Display and control your handheld app in vehicles. + Build apps with easy-to-use UI templates that + let users keep their eyes on the road.</p> + </div> <div class="landing-body"> <a href="{@docRoot}auto/overview.html" class="landing-button landing-primary" style="margin-top: 40px;"> @@ -91,7 +85,26 @@ no_footer_links=true </div> <!-- end .wrap --> </div> <!-- end .landing-section --> - <div class="landing-section" > + + <div class="landing-section"> + <div class="wrap"> + <div class="landing-section-header"> + <div class="landing-h1">One Platform</div> + </div> + + <div class="landing-body"> + <p>Android Auto is an extension of the Android platform. You can easily adapt + existing apps for Android Auto and reuse many of the Android APIs and services you + are already familiar with.</p> + <p>The Android Auto platform and SDK let you write your apps only once, without having + to worry about vehicle-specific hardware differences like screen resolution, software + interfaces, knobs and touch controls. Your app runs the same on any compatible + vehicle.</p> + </div> + </div> <!-- end .wrap --> + </div> <!-- end .landing-section --> + + <div class="landing-section landing-gray-background" > <div class="wrap"> <div class="landing-section-header"> <div class="landing-h1">Minimizing Distraction</div> @@ -107,21 +120,18 @@ no_footer_links=true <p>Android Auto locks any device that users connect to a compatible vehicle, so drivers interact with the device using voice actions and the vehicle’s input controls.</p> </div> - </div> <!-- end .wrap --> </div> <!-- end .landing-section --> <div class="landing-section landing-white-background"> <div class="wrap"> <div class="landing-section-header"> - <div class="landing-h2">Building an Ecosystem</div> - <div class="landing-body landing-align-center"> - <p class="landing-small"> + <div class="landing-h1">Building an Ecosystem</div> + </div> + <div class="landing-body landing-align-center"> + <p style="margin-bottom:20px"> Android Auto is coming soon to new cars from these manufacturers: </p> - </div> - </div> - </div> <div style="width:800px;margin:0 auto"> <img src="{@docRoot}auto/images/carlogos.png" alt="Partners" /> @@ -129,6 +139,24 @@ no_footer_links=true </div> <!-- end .wrap --> </div> <!-- end .landing-section --> + + <div class="landing-section" > + <div class="wrap"> + <div class="landing-section-header"> + <div class="landing-h1">Developer Stories</div> + </div> + + <div class="landing-body"> + <p>We're working with developers to bring many popular apps to Android Auto:</p> + <p> + + </p> + </div> + + </div> <!-- end .wrap --> + </div> <!-- end .landing-section --> + + <div class="landing-section" style="background-color:#f5f5f5"> <div class="wrap"> <div class="landing-section-header"> @@ -144,18 +172,19 @@ no_footer_links=true and tools to make your existing apps compatible with Android Auto. The first version of the SDK will provide templates and APIs for music, podcast, live radio, and audio news apps, as well as limited voice actions.</p> - <p>Future versions of the Android Auto SDK will include support for a selection of + <p style="margin-bottom:40px"> + Future versions of the Android Auto SDK will include support for a selection of Android notifications, additional voice actions, and templates and APIs for messaging, communication, local search, and more.</p> - <a target="_blank" href="http://g.co/androidweardev"> + <a target="_blank" href="http://g.co/androidautodev"> <img class="landing-social-image" src="//www.google.com/images/icons/product/gplus-128.png" alt="+Android Auto Developers"> </a> - <p>G+ Community</p> + <p style="margin-bottom:5px">G+ Community</p> <p class="landing-small"> Join the Android Auto developer community on Google+ to stay involved, get the latest updates, and exchange experiences with other developers. - <a target="_blank" href="http://g.co/androidweardev">+Android Auto Developers</a> + <a target="_blank" href="http://g.co/androidautodev">+Android Auto Developers</a> </p> </div> @@ -187,7 +216,7 @@ no_footer_links=true <script> $("a.landing-down-arrow").on("click", function(e) { $("body").animate({ - scrollTop: $(".wear-hero").height() + 76 + scrollTop: $(".auto-hero").height() + 120 }, 1000, "easeOutQuint"); e.preventDefault(); }); |