docs: Android Design downloads section, linkable H2s.

Change-Id: I4ed3006117efd740ff5f3bc93df2ac75c2dfd2f9

Author: romannurik

docs/html/design/building-blocks/buttons.html

@@ -80,6 +80,10 @@
             </ul>
           </li>
 
+          <li class="nav-section">
+            <div class="nav-section-header empty"><a href="../downloads/index.html">Downloads</a></div>
+          </li>
+
           <li>
             <div id="back-dac-section"><a href="../../index.html">Developers</a></div>
           </li>
@@ -110,7 +114,8 @@ <h2>Buttons</h2>
   <img src="../static/content/buttons_basic.png">
 </div>
 
-<h2>Basic Buttons</h2>
+<h2 id="basic">Basic Buttons</h2>
+
 <p>Basic buttons are traditional buttons with borders and background. Android supports two styles for
 basic buttons: default and small. Default buttons have slightly larger font size and are optimized
 for display outside of form content. Small buttons are intended for display alongside other content.
@@ -131,7 +136,8 @@ <h2>Basic Buttons</h2>
   </div>
 </div>
 
-<h2>Borderless Buttons</h2>
+<h2 id="borderless">Borderless Buttons</h2>
+
 <p>Borderless buttons resemble basic buttons except that they have no borders or background. You can
 use borderless buttons with both icons and text. Borderless buttons are visually more lightweight
 than basic buttons and integrate nicely with other content.</p>

docs/html/design/building-blocks/dialogs.html

@@ -80,6 +80,10 @@
             </ul>
           </li>
 
+          <li class="nav-section">
+            <div class="nav-section-header empty"><a href="../downloads/index.html">Downloads</a></div>
+          </li>
+
           <li>
             <div id="back-dac-section"><a href="../../index.html">Developers</a></div>
           </li>

docs/html/design/building-blocks/grid-lists.html

@@ -80,6 +80,10 @@
             </ul>
           </li>
 
+          <li class="nav-section">
+            <div class="nav-section-header empty"><a href="../downloads/index.html">Downloads</a></div>
+          </li>
+
           <li>
             <div id="back-dac-section"><a href="../../index.html">Developers</a></div>
           </li>
@@ -159,7 +163,7 @@ <h4>Horizontal scrolling</h4>
 </div>
 
 
-<h2 id="with_labels">Grid List with Labels</h2>
+<h2 id="with-labels">Grid List with Labels</h2>
 
 <p>Use labels to display additional contextual information for your grid list items.</p>
 

docs/html/design/building-blocks/index.html

@@ -93,6 +93,10 @@
             </ul>
           </li>
 
+          <li class="nav-section">
+            <div class="nav-section-header empty"><a href="../downloads/index.html">Downloads</a></div>
+          </li>
+
           <li>
             <div id="back-dac-section"><a href="../../index.html">Developers</a></div>
           </li>

docs/html/design/building-blocks/lists.html

@@ -80,6 +80,10 @@
             </ul>
           </li>
 
+          <li class="nav-section">
+            <div class="nav-section-header empty"><a href="../downloads/index.html">Downloads</a></div>
+          </li>
+
           <li>
             <div id="back-dac-section"><a href="../../index.html">Developers</a></div>
           </li>

docs/html/design/building-blocks/pickers.html

@@ -80,6 +80,10 @@
             </ul>
           </li>
 
+          <li class="nav-section">
+            <div class="nav-section-header empty"><a href="../downloads/index.html">Downloads</a></div>
+          </li>
+
           <li>
             <div id="back-dac-section"><a href="../../index.html">Developers</a></div>
           </li>
@@ -123,7 +127,7 @@ <h4>Space considerations</h4>
   </div>
 </div>
 
-<h2>Date and time pickers</h2>
+<h2 id="date-time">Date and time pickers</h2>
 
 <p>Android provides these as ready-to-use dialogs. Each picker is a dialog with a set of controls for
 entering the parts of the date (month, day, year) or time (hour, minute, AM/PM). Using these in your

docs/html/design/building-blocks/progress.html

@@ -80,6 +80,10 @@
             </ul>
           </li>
 
+          <li class="nav-section">
+            <div class="nav-section-header empty"><a href="../downloads/index.html">Downloads</a></div>
+          </li>
+
           <li>
             <div id="back-dac-section"><a href="../../index.html">Developers</a></div>
           </li>
@@ -105,7 +109,8 @@ <h2 id="system">Feedback</h2>
 
 <p>When an operation of interest to the user is taking place over a relatively long period of time,
 provide visual feedback that it's still happening and in the process of being completed.</p>
-<h2>Progress</h2>
+<h2 id="progress">Progress</h2>
+
 <p>If you know the percentage of the operation that has been completed, use a determinate progress bar
 to give the user a sense of how much longer it will take.</p>
 

docs/html/design/building-blocks/scrolling.html

@@ -80,6 +80,10 @@
             </ul>
           </li>
 
+          <li class="nav-section">
+            <div class="nav-section-header empty"><a href="../downloads/index.html">Downloads</a></div>
+          </li>
+
           <li>
             <div id="back-dac-section"><a href="../../index.html">Developers</a></div>
           </li>
@@ -104,7 +108,8 @@ <h2>Scrolling</h2>
 
 <p>Scrolling allows the user to navigate to content in the overflow using a swipe gesture. The
 scrolling speed is proportional to the speed of the gesture.</p>
-<h2>Scroll Indicator</h2>
+<h2 id="indicator">Scroll Indicator</h2>
+
 <p>Appears during scrolling to indicate what portion of the content is currently in view.</p>
 
 <div class="framed-galaxynexus-land-span-13">
@@ -118,7 +123,8 @@ <h2>Scroll Indicator</h2>
   <div class="video-instructions">&nbsp;</div>
 </div>
 
-<h2>Index Scrolling</h2>
+<h2 id="index-scrolling">Index Scrolling</h2>
+
 <p>In addition to traditional scrolling, a long alphabetical list can also offer index scrolling: a way
 to quickly navigate to the items that begin with a particular letter. With index scrolling, a scroll
 indicator appears even when the user isn't scrolling. Touching or dragging it causes the current

docs/html/design/building-blocks/seek-bars.html

@@ -80,6 +80,10 @@
             </ul>
           </li>
 
+          <li class="nav-section">
+            <div class="nav-section-header empty"><a href="../downloads/index.html">Downloads</a></div>
+          </li>
+
           <li>
             <div id="back-dac-section"><a href="../../index.html">Developers</a></div>
           </li>

docs/html/design/building-blocks/spinners.html

@@ -80,6 +80,10 @@
             </ul>
           </li>
 
+          <li class="nav-section">
+            <div class="nav-section-header empty"><a href="../downloads/index.html">Downloads</a></div>
+          </li>
+
           <li>
             <div id="back-dac-section"><a href="../../index.html">Developers</a></div>
           </li>