Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit 24552873 authored by Ricardo Cervera's avatar Ricardo Cervera
Browse files

docs: Added three columns on the Auto SDK.

Also updated the images from the design guys.

Change-Id: Idca893d461dd8a1d8374774c9eac670f1bc78d49
parent e89c6ebe
Loading
Loading
Loading
Loading
+93.3 KiB
Loading image diff...
−164 B (9.62 KiB)
Loading image diff...
+8.41 KiB
Loading image diff...
+42 −14
Original line number Diff line number Diff line
@@ -53,6 +53,21 @@ page.type=about
  left:7px;
  z-index:1;
}
.sdk-link {
  font-size:16px;
  padding-left:5px;
  padding-right:15px;
}
.sdk-link-title {
  font-size:18px;
  padding-left:5px;
  padding-right:15px;
}
.sdk-link-desc {
  font-size:14px;
  padding-left:5px;
  padding-right:15px;
}
</style>


@@ -201,9 +216,6 @@ page.type=about
          <div class="landing-section-header">
            <div class="landing-pre-h1">Coming soon</div>
            <div class="landing-h1">Android Auto SDK</div>
            <div style="text-align:center;margin-top:20px;font-size:14pt;margin-bottom:-5px">
                <a href="https://docs.google.com/a/google.com/forms/d/1ANgYOoYLkfyZ2JRPSU34Nep5yNaU-Ha2syXJ9b4xLrA/viewform">Sign up for updates</a>
            </div>
          </div>

          <div class="landing-body">
@@ -211,19 +223,35 @@ page.type=about
              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 style="margin-bottom:40px">
            <p>
              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>
              messaging, communication, local search, and more.
            </p>

              <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>
                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/androidautodev">+Android Auto Developers</a>
            <div class="cols" style="margin-top:40px">
              <div class="col-3-wide">
                <p class="sdk-link-title">Updates</p>
                <p class="sdk-link-desc">
                  Register to receive more information and be notified when the SDK is available.
                </p>
                <a class="sdk-link" href="https://docs.google.com/a/google.com/forms/d/1ANgYOoYLkfyZ2JRPSU34Nep5yNaU-Ha2syXJ9b4xLrA/viewform">Sign up for updates</a>
              </div>
              <div class="col-3-wide">
                <p class="sdk-link-title">Google+ Community</p>
                <p class="sdk-link-desc">
                  Stay involved, get updates, and exchange experiences with other developers.
                </p>
                <a class="sdk-link" href="http://g.co/androidautodev">Discuss on Google+</a>
              </div>
              <div class="col-3-wide">
                <p class="sdk-link-title">Developer Overview</p>
                <p class="sdk-link-desc">
                  Learn more about developing apps for Android Auto when the SDK is available.
                </p>
                <a class="sdk-link" href="{@docRoot}auto/overview.html">Learn about the platform</a>
              </div>
            </div>
          </div>

        </div> <!-- end .wrap -->
+18 −0
Original line number Diff line number Diff line
@@ -306,6 +306,24 @@ with icons for list items.</p>
<p>All the templates support different color schemes for day and night.
The platform provides the state (day or night) and makes adjustments automatically.</p>

<div class="cols">
<div class="auto-col-2">
  <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/do_02_music.png" />
  </div>
</div>
<div class="auto-col-2">
  <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/do_02_music_night.png" />
  </div>
</div>
</div>
<p class="img-caption">
  <strong>Figure 6.</strong> Day and night modes.
</p>

<h3 id="customizetemplates">Customizing Templates</h3>

<p>To customize the templates, provide the following app-specific resources and actions