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

Commit 581883cc authored by Joe Fernandez's avatar Joe Fernandez
Browse files

docs: Wear 2 Preview - improve visibility and look of pages 

- add browse path from Wear landing page to preview (new ribbon section)

Change-Id: Ifc204347c89f732adce0caae5070905277232ced
parent 793c2171

docs/html/wear/index.jd

+31 −2
Original line number Diff line number Diff line
@@ -68,14 +68,43 @@ nonavpage=true 
        </div>

      </div> <!-- end .wrap -->

      <div class="landing-scroll-down-affordance">

        <a class="landing-down-arrow" href="#extending-android-to-wearables">

        <a class="landing-down-arrow" href="#next-section">

          <img src="{@docRoot}wear/images/carrot.png" alt="Scroll down to read more">

        </a>

      </div>

    </div> <!-- end .landing-section .landing-hero -->





    <div class="landing-rest-of-page">

    <div class="landing-rest-of-page" id="next-section">





      <section class="dac-expand dac-hero dac-light" style="background-color:#FFFFFF">

        <div class="wrap" style="max-width:1100px;margin-top:0">

          <div class="cols dac-hero-content" style="padding-bottom:1em;">



            <div class="col-7of16 col-push-9of16" style="padding-left:2em">

              <h1 class="dac-hero-title">Android Wear 2.0 Developer Preview</h1>

              <p class="dac-hero-description">

                Get ready for the next version of Android Wear!

                Support stand-alone Wear devices and apps.

                Create enhanced user interaction and glanceable experiences.

                Test your apps on Wear devices.

              </p>



              <a class="dac-hero-cta" href="{@docRoot}wear/preview/index.html">

                <span class="dac-sprite dac-auto-chevron"></span>

                Get started

              </a>

            </div>

            <div class="col-9of16 col-pull-7of16 dac-hero-figure" style="margin-top:1.5em;padding-right:1.5em;">

              <img class="dac-hero-image" src="{@docRoot}wear/preview/images/hero-1x.png"

                   srcset="{@docRoot}wear/preview/images/hero-1x.png 1x,

                   {@docRoot}wear/preview/images/hero-2x.png 2x">

            </div>

          </div>

        </div>

      </section>



      <div class="landing-section" id="extending-android-to-wearables">

        <div class="wrap">

          <div class="landing-section-header">

docs/html/wear/preview/images/hero-1x.png

−22.4 KiB (162 KiB)
Loading image diff...

docs/html/wear/preview/images/hero-2x.png

−103 KiB (475 KiB)
Loading image diff...

docs/html/wear/preview/index.jd

+10 −5
Original line number Diff line number Diff line
@@ -25,14 +25,19 @@ footer.hide=1 
        <h1 class="dac-hero-title">Android Wear 2.0 Developer Preview</h1>

        <p class="dac-hero-description">

          Get ready for the next version of Android Wear!

          Support stand-alone Wear devices and apps.

          Create enhanced user interaction and glanceable experiences.

          Test your apps on Wear devices.

          Support <strong>stand-alone</strong> Wear devices and apps.

          Create <strong>enhanced user interaction</strong> and

          <strong>glanceable experiences</strong>.

          Test your apps on <strong>Wear devices</strong>.

        </p>



        <a class="dac-hero-cta" href="{@docRoot}wear/preview/program.html">

          <span class="dac-sprite dac-auto-chevron"></span>

          Learn more

          Learn about the Preview

        </a>

        <a class="dac-hero-cta" href="https://www.google.com/design/wear">

          <span class="dac-sprite dac-auto-chevron"></span>

          Material Design for Wear

        </a>

      </div>

      <div class="col-9of16 col-pull-7of16 dac-hero-figure" style="margin-top:1.5em;padding-right:1.5em;">
@@ -57,7 +62,7 @@ footer.hide=1 
    </a>

    <ul class="dac-actions">

      <li class="dac-action">

        <a class="dac-action-link" href="{@docRoot}wear/preview/bug">

        <a class="dac-action-link" href="http://g.co/wearpreviewbug">

          <i class="dac-action-sprite dac-sprite dac-auto-chevron-large"></i>

          Report an issue

        </a>