am 0cff6256
: docs: more auto updates
* commit '0cff6256d829a79fa51c189eff765f42bb454907': docs: more auto updates
This commit is contained in:
@ -122,7 +122,7 @@ page.type=about
|
||||
</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 @@ page.type=about
|
||||
|
||||
<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 @@ page.type=about
|
||||
<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 @@ page.type=about
|
||||
<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 @@ page.type=about
|
||||
</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 @@ page.type=about
|
||||
<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 @@ page.type=about
|
||||
<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 @@ page.type=about
|
||||
</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 @@ page.type=about
|
||||
</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 @@ page.type=about
|
||||
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>
|
||||
|
Reference in New Issue
Block a user