docs: more auto updates
Change-Id: I50b936217ba5933cbc01d81f1bd1d4b78df4239f
diff --git a/docs/html/auto/index.jd b/docs/html/auto/index.jd
index 35789c3..09374ad 100644
--- a/docs/html/auto/index.jd
+++ b/docs/html/auto/index.jd
@@ -122,7 +122,7 @@
</div>
<div class="landing-body">
- <a href="/auto/overview.html" class="landing-button landing-primary"
+ <a href="{@docRoot}auto/overview.html" class="landing-button landing-primary"
style="margin-top:40px;">
Developer Overview
</a>
@@ -134,7 +134,7 @@
<div class="landing-scroll-down-affordance">
<a class="landing-down-arrow" href="#android-in-car">
- <img src="/wear/images/carrot.png" alt="Scroll down to read more">
+ <img src="{@docRoot}wear/images/carrot.png" alt="Scroll down to read more">
</a>
</div>
</div> <!-- end .landing-section .landing-hero -->
@@ -145,35 +145,71 @@
<div class="landing-section landing-gray-background" id="android-in-car">
<div class="wrap">
<div class="landing-section-h1">
- <div class="landing-h1">Build Experiences for the Road</div>
+ <div class="landing-h1">Extending Android to Cars</div>
</div>
<div class="landing-body">
- <div class="landing-subhead">Android Auto brings apps to the car, integrating with
- the vehicle's input controls and display.</div>
+ <div class="landing-subhead">Android Auto brings the Android experience to
+ cars with apps like Google Now and Maps.</div>
<div class="cols">
<div class="col-8">
<div class="auto-img-container-cols">
- <img class="auto-img-frame-cols" src="/auto/images/assets/00_frame.png" />
- <img class="auto-img-shot-cols" src="/auto/images/assets/01_a_maps.png" />
+ <img class="auto-img-frame-cols" src="{@docRoot}auto/images/assets/00_frame.png" />
+ <img class="auto-img-shot-cols" src="{@docRoot}auto/images/assets/01_b_now.png" />
</div>
</div>
<div class="col-8">
<div class="auto-img-container-cols">
- <img class="auto-img-frame-cols" src="/auto/images/assets/00_frame.png" />
- <img class="auto-img-shot-cols" src="/auto/images/assets/01_b_now.png" />
+ <img class="auto-img-frame-cols" src="{@docRoot}auto/images/assets/00_frame.png" />
+ <img class="auto-img-shot-cols" src="{@docRoot}auto/images/assets/01_a_maps.png" />
</div>
</div>
</div>
+
<p>When users connect their Android phones to compatible vehicles, Android Auto
shows a standard interface that lets them start enabled apps and services.
Android Auto locks the handheld device when connected, so drivers
- interact with your app using the vehicle's input controls and touch display.</p>
+ interact with Auto by using the vehicle's input controls, touch display, and voice.</p>
</p>
</div>
</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">Build for One Platform</div>
+ <div class="landing-subhead">Create apps with the Android APIs you're familiar with
+ and extend them to cars with the Auto SDK.
+ </div>
+ </div>
+
+ <div class="landing-body">
+
+ <div class="cols">
+ <div class="col-8">
+ <div class="auto-img-container-cols">
+ <img class="auto-img-frame-cols" src="{@docRoot}auto/images/assets/00_frame.png" />
+ <img class="auto-img-shot-cols" src="{@docRoot}auto/images/assets/02_b_switcher.gif" />
+ </div>
+ </div>
+ <div class="col-8">
+ <div class="auto-img-container-cols">
+ <img class="auto-img-frame-cols" src="{@docRoot}auto/images/assets/00_frame.png" />
+ <img class="auto-img-shot-cols" src="{@docRoot}auto/images/assets/02_a_notif.gif" />
+ </div>
+ </div>
+ </div>
+ <p>Write your apps without having
+ to worry about vehicle-specific hardware differences like screen resolution, software
+ interfaces, knobs, and touch controls. Your users get the same experience on any compatible
+ vehicle such as a consistent app launcher and system events such as notifications.</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">Minimize Distraction</div>
@@ -185,14 +221,14 @@
<div class="cols">
<div class="col-8">
<div class="auto-img-container-cols">
- <img class="auto-img-frame-cols" src="/auto/images/assets/00_frame.png" />
- <img class="auto-img-shot-cols" src="/auto/images/assets/03_b_voice.gif" />
+ <img class="auto-img-frame-cols" src="{@docRoot}auto/images/assets/00_frame.png" />
+ <img class="auto-img-shot-cols" src="{@docRoot}auto/images/assets/03_b_voice.gif" />
</div>
</div>
<div class="col-8">
<div class="auto-img-container-cols">
- <img class="auto-img-frame-cols" src="/auto/images/assets/00_frame.png" />
- <img class="auto-img-shot-cols" src="/auto/images/assets/03_a_musict.png" />
+ <img class="auto-img-frame-cols" src="{@docRoot}auto/images/assets/00_frame.png" />
+ <img class="auto-img-shot-cols" src="{@docRoot}auto/images/assets/03_a_musict.png" />
</div>
</div>
</div>
@@ -206,41 +242,6 @@
</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">Run on One Platform</div>
- <div class="landing-subhead">Extend your existing apps with the Auto SDK and get the
- same experience on any compatible vehicle.
- </div>
- </div>
-
- <div class="landing-body">
-
- <div class="cols">
- <div class="col-8">
- <div class="auto-img-container-cols">
- <img class="auto-img-frame-cols" src="/auto/images/assets/00_frame.png" />
- <img class="auto-img-shot-cols" src="/auto/images/assets/02_a_notif.gif" />
- </div>
- </div>
- <div class="col-8">
- <div class="auto-img-container-cols">
- <img class="auto-img-frame-cols" src="/auto/images/assets/00_frame.png" />
- <img class="auto-img-shot-cols" src="/auto/images/assets/02_b_switcher.gif" />
- </div>
- </div>
- </div>
- <p>Write your app 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" style="background-color:#f5f5f5">
<div class="wrap">
<div class="landing-section-header">
@@ -287,43 +288,43 @@
<div class="cols">
<div class="col-4">
- <img src="/auto/images/logos/apps/joyride.png"
+ <img src="{@docRoot}auto/images/logos/apps/joyride.png"
width="160" height="160" class="img-logo" />
</div>
<div class="col-4">
- <img src="/auto/images/logos/apps/mlb.png"
+ <img src="{@docRoot}auto/images/logos/apps/mlb.png"
width="160" height="160" class="img-logo" />
</div>
<div class="col-4">
- <img src="/auto/images/logos/apps/pandora.png"
+ <img src="{@docRoot}auto/images/logos/apps/pandora.png"
width="160" height="160" class="img-logo" />
</div>
<div class="col-4">
- <img src="/auto/images/logos/apps/pocketcasts.png"
+ <img src="{@docRoot}auto/images/logos/apps/pocketcasts.png"
width="160" height="160" class="img-logo" />
</div>
</div>
<div class="cols">
<div class="col-4">
- <img src="/auto/images/logos/apps/songza.png"
+ <img src="{@docRoot}auto/images/logos/apps/songza.png"
width="160" height="160" class="img-logo" />
</div>
<div class="col-4">
- <img src="/auto/images/logos/apps/stitcher.png"
+ <img src="{@docRoot}auto/images/logos/apps/stitcher.png"
width="160" height="160" class="img-logo" />
</div>
<div class="col-4">
- <img src="/auto/images/logos/apps/tunein.png"
+ <img src="{@docRoot}auto/images/logos/apps/tunein.png"
width="160" height="160" class="img-logo" />
</div>
<div class="col-4">
- <img src="/auto/images/logos/apps/umano.png"
+ <img src="{@docRoot}auto/images/logos/apps/umano.png"
width="160" height="160" class="img-logo" />
</div>
</div>
<div class="cols" style="margin-top:40px">
<div class="col-4">
- <img src="/auto/images/logos/apps/iheartradio.png"
+ <img src="{@docRoot}auto/images/logos/apps/iheartradio.png"
width="160" height="160" class="img-logo" />
</div>
<div class="col-12">
@@ -337,7 +338,7 @@
<div class="cols" style="margin-top:60px">
<div class="col-4">
- <img src="/auto/images/logos/apps/spotify.png"
+ <img src="{@docRoot}auto/images/logos/apps/spotify.png"
width="160" height="160" class="img-logo" />
</div>
<div class="col-12"><p style="margin-top:20px"><em>
@@ -363,107 +364,107 @@
</div>
<div class="cols">
<div class="col-5">
- <img src="/auto/images/logos/auto/acura.png"
+ <img src="{@docRoot}auto/images/logos/auto/acura.png"
width="120" height="120" class="img-logo" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/auto/audi.png"
+ <img src="{@docRoot}auto/images/logos/auto/audi.png"
width="120" height="120" class="img-logo" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/auto/bentley.png"
+ <img src="{@docRoot}auto/images/logos/auto/bentley.png"
width="120" height="120" class="img-logo" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/auto/chevrolet.png"
+ <img src="{@docRoot}auto/images/logos/auto/chevrolet.png"
width="120" height="120" class="img-logo" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/auto/chrysler.png"
+ <img src="{@docRoot}auto/images/logos/auto/chrysler.png"
width="120" height="120" class="img-logo" />
</div>
</div>
<div class="cols">
<div class="col-5">
- <img src="/auto/images/logos/auto/datsun.png"
+ <img src="{@docRoot}auto/images/logos/auto/datsun.png"
width="120" height="120" class="img-logo" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/auto/fiat.png"
+ <img src="{@docRoot}auto/images/logos/auto/fiat.png"
width="120" height="120" class="img-logo" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/auto/honda.png"
+ <img src="{@docRoot}auto/images/logos/auto/honda.png"
width="120" height="120" class="img-logo" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/auto/hyundai.png"
+ <img src="{@docRoot}auto/images/logos/auto/hyundai.png"
width="120" height="120" class="img-logo" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/auto/infinity.png"
+ <img src="{@docRoot}auto/images/logos/auto/infinity.png"
width="120" height="120" class="img-logo" />
</div>
</div>
<div class="cols">
<div class="col-5">
- <img src="/auto/images/logos/auto/kia.png"
+ <img src="{@docRoot}auto/images/logos/auto/kia.png"
width="120" height="120" class="img-logo" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/auto/maserati.png"
+ <img src="{@docRoot}auto/images/logos/auto/maserati.png"
width="120" height="120" class="img-logo" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/auto/mazda.png"
+ <img src="{@docRoot}auto/images/logos/auto/mazda.png"
width="120" height="120" class="img-logo" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/auto/mercedesbenz.png"
+ <img src="{@docRoot}auto/images/logos/auto/mercedesbenz.png"
width="120" height="120" class="img-logo" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/auto/mitsubishi.png"
+ <img src="{@docRoot}auto/images/logos/auto/mitsubishi.png"
width="120" height="120" class="img-logo" />
</div>
</div>
<div class="cols">
<div class="col-5">
- <img src="/auto/images/logos/auto/nissan.png"
+ <img src="{@docRoot}auto/images/logos/auto/nissan.png"
width="120" height="120" class="img-logo" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/auto/opel.png"
+ <img src="{@docRoot}auto/images/logos/auto/opel.png"
width="120" height="120" class="img-logo" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/auto/renault.png"
+ <img src="{@docRoot}auto/images/logos/auto/renault.png"
width="120" height="120" class="img-logo" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/auto/seat.png"
+ <img src="{@docRoot}auto/images/logos/auto/seat.png"
width="120" height="120" class="img-logo" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/auto/skoda.png"
+ <img src="{@docRoot}auto/images/logos/auto/skoda.png"
width="120" height="120" class="img-logo" />
</div>
</div>
<div class="cols">
<div class="col-5">
- <img src="/auto/images/logos/auto/subaru.png"
+ <img src="{@docRoot}auto/images/logos/auto/subaru.png"
width="120" height="120" class="img-logo" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/auto/suzuki.png"
+ <img src="{@docRoot}auto/images/logos/auto/suzuki.png"
width="120" height="120" class="img-logo" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/auto/volkswagen.png"
+ <img src="{@docRoot}auto/images/logos/auto/volkswagen.png"
width="120" height="120" class="img-logo" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/auto/volvo.png"
+ <img src="{@docRoot}auto/images/logos/auto/volvo.png"
width="120" height="120" class="img-logo" />
</div>
<div class="col-5">
@@ -479,73 +480,73 @@
</div>
<div class="cols">
<div class="col-5">
- <img src="/auto/images/logos/hard/alpine.png"
+ <img src="{@docRoot}auto/images/logos/hard/alpine.png"
width="120" height="120" class="img-logo-thin" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/hard/clarion.png"
+ <img src="{@docRoot}auto/images/logos/hard/clarion.png"
width="120" height="120" class="img-logo-thin" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/hard/cloudcar.png"
+ <img src="{@docRoot}auto/images/logos/hard/cloudcar.png"
width="120" height="120" class="img-logo-thin" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/hard/delphi.png"
+ <img src="{@docRoot}auto/images/logos/hard/delphi.png"
width="120" height="120" class="img-logo-thin" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/hard/freescale.png"
+ <img src="{@docRoot}auto/images/logos/hard/freescale.png"
width="120" height="120" class="img-logo-thin" />
</div>
</div>
<div class="cols">
<div class="col-5">
- <img src="/auto/images/logos/hard/fujitsuten.png"
+ <img src="{@docRoot}auto/images/logos/hard/fujitsuten.png"
width="120" height="120" class="img-logo-thin" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/hard/harman.png"
+ <img src="{@docRoot}auto/images/logos/hard/harman.png"
width="120" height="120" class="img-logo-thin" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/hard/jvc.png"
+ <img src="{@docRoot}auto/images/logos/hard/jvc.png"
width="120" height="120" class="img-logo-thin" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/hard/kenwood.png"
+ <img src="{@docRoot}auto/images/logos/hard/kenwood.png"
width="120" height="120" class="img-logo-thin" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/hard/lg.png"
+ <img src="{@docRoot}auto/images/logos/hard/lg.png"
width="120" height="120" class="img-logo-thin" />
</div>
</div>
<div class="cols">
<div class="col-5">
- <img src="/auto/images/logos/hard/panasonic.png"
+ <img src="{@docRoot}auto/images/logos/hard/panasonic.png"
width="120" height="120" class="img-logo-thin" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/hard/parrot.png"
+ <img src="{@docRoot}auto/images/logos/hard/parrot.png"
width="120" height="120" class="img-logo-thin" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/hard/pioneer.png"
+ <img src="{@docRoot}auto/images/logos/hard/pioneer.png"
width="120" height="120" class="img-logo-thin" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/hard/renesas.png"
+ <img src="{@docRoot}auto/images/logos/hard/renesas.png"
width="120" height="120" class="img-logo-thin" />
</div>
<div class="col-5">
- <img src="/auto/images/logos/hard/symphonyteleca.png"
+ <img src="{@docRoot}auto/images/logos/hard/symphonyteleca.png"
width="120" height="120" class="img-logo-thin" />
</div>
</div>
<div class="cols">
<div class="col-5">
- <img src="/auto/images/logos/hard/texasinstruments.png"
+ <img src="{@docRoot}auto/images/logos/hard/texasinstruments.png"
width="120" height="120" class="img-logo-thin" />
</div>
<div class="col-5">
@@ -581,7 +582,7 @@
Except as noted, this content is
licensed under <a href="http://creativecommons.org/licenses/by/2.5/">
Creative Commons Attribution 2.5</a>. For details and
- restrictions, see the <a href="/license.html">Content
+ restrictions, see the <a href="{@docRoot}license.html">Content
License</a>.
</div>
</div>