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

Commit 462cc377 authored by Scott Main's avatar Scott Main
Browse files

docs: implement sdk announcement in a collapsible box

and revise the 'special' box color and add rounded corners.
parent 0d8872e6
Loading
Loading
Loading
Loading
+40 −15
Original line number Diff line number Diff line
@@ -118,16 +118,41 @@ applications more efficiently. See the <a href="features.html">Android <?cs
  var:sdk.preview.version ?> Platform Highlights</a> document for a list of 
  highlights.</p>
<?cs /if ?> 
<?cs # end if NDK ... the following is for the SDK ?>

  <div class="toggle-content special">
    <p>The Android SDK has changed! If you've worked with the Android SDK before, 
    you will notice several important differences:</p>
    
    <div class="toggle-content-toggleme" style="display:none">
    <ul>
    <li style="margin-top:.5em">The SDK downloadable package includes <em>only</em>
    the latest version of the Android SDK Tools.</li>
    <li>Once you've installed the SDK, you now use the Android SDK and AVD Manager
    to download all of the SDK components that you need, such as Android platforms,
    SDK add-ons, tools, and documentation. </li>
    <li>The new approach is modular &mdash; you can install only the components you
    need and update any or all components without affecting other parts of your
    development environment.</li>
    <li>In short, once you've installed the new SDK, you will not need to download
    an SDK package again. Instead, you will use the Android SDK and AVD Manager to
    keep your development environment up-to-date. </li>
    </ul>
    <p>If you are currently using the Android 1.6 SDK, you do not need
    to install the new SDK, because your existing SDK includes the Android SDK and
    AVD Manager tool. To develop against Android 2.0, for example, you can
    just download the Android 2.0 platform into your existing SDK. Refer to
    <a href="adding-components.html">Adding SDK Components</a>.</p>
    </div>
    
    <a href='#' class='toggle-content-button show' onclick="toggleContent(this);return false;">
      <span>show more</span><span style='display:none'>show less</span>
    </a>
  </div>

<p>To get started with the Android SDK, select a package from the table
below and download it to your development computer. Next, install the package
and then use the tools included to download one or more Android platforms, SDK
add-ons, or other components into your SDK. </p>
  <p>If you are new to the Android SDK, please read the <a href="#quickstart">Quick Start</a>,
  below, for an overview of the installation process and how to set up your environment.</p>
  
<p>Before downloading, please read the <a href="requirements.html">
System Requirements</a> document. As you start the download, you will also need 
to review and agree to the Terms and Conditions that govern the use of the 
Android SDK. </p>
  
  <table class="download">
    <tr>
+21 −1
Original line number Diff line number Diff line
@@ -659,7 +659,27 @@ h5.jd-tagtitle {
div.special {
  padding: .5em 1em 1em 1em;
  margin: 0 0 1em;
  background-color: #ddf0f2;
  background-color: #DAF3FC;
  border:1px solid #d3ecf5;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

.toggle-content-toggleme {
  display:none;
}

.toggle-content-button {
  font-size:.9em;
  line-height:.9em;
  text-decoration:none;
  position:relative;
  top:5px;
}

.toggle-content-button:hover {
  text-decoration:underline;
}

div.special p {
+15 −0
Original line number Diff line number Diff line
@@ -448,3 +448,18 @@ function getLangPref() {
  }
  return (lang != 0) ? lang : 'en';
}


function toggleContent(obj) {
  var button = $(obj);
  var div = $(obj.parentNode);
  var toggleMe = $(".toggle-content-toggleme",div);
  if (button.hasClass("show")) {
    toggleMe.slideDown();
    button.removeClass("show").addClass("hide");
  } else {
    toggleMe.slideUp();
    button.removeClass("hide").addClass("show");
  }
  $("span", button).toggle();
}