docs: add dashboard for screens

update platform dashboard

Change-Id: Ic8c669979e87e5ae1f0c589d3a12b790dc51c3ab

3 files changed, 92 insertions, 8 deletions

diff --git a/docs/html/resources/dashboard/platform-versions.jd b/docs/html/resources/dashboard/platform-versions.jd
index fc1696a8d608..0c9c4628e4cf 100644
--- a/docs/html/resources/dashboard/platform-versions.jd
+++ b/docs/html/resources/dashboard/platform-versions.jd
@@ -4,7 +4,7 @@ page.title=Platform Versions
 <style type="text/css">
 
 div.dashboard-panel {
-  max-width:928px;
+  max-width:1000px;
   margin:0 0 2em 0;
   padding:20px 20px 0 20px;
   border:1px solid #d3ecf5;
@@ -51,7 +51,7 @@ ending on the data collection date noted below.</p>
 <div class="dashboard-panel">
 
 <img alt="" width="460" height="250"
-src="http://chart.apis.google.com/chart?&cht=p&chs=460x250&chd=t:0.1,37.2,29.4,0.3,0.6,32.4&chl=
+src="http://chart.apis.google.com/chart?&cht=p&chs=460x250&chd=t:0.1,35.6,28.1,0.2,0.4,35.6&chl=
 Android%201.1|Android%201.5|Android%201.6|Android%202.0|Android%202.0.1|Android%202.1&chco=c4df9b,
 6fad0c" />
 
@@ -60,12 +60,12 @@ Android%201.1|Android%201.5|Android%201.6|Android%202.0|Android%202.0.1|Android%
   <th>Android Platform</th>
   <th>Percent of Devices</th>
 <tr><td>Android 1.1</td><td>0.1%</td></tr> 
-<tr><td>Android 1.5</td><td>37.2%</td></tr> 
-<tr><td>Android 1.6</td><td>29.4%</td></tr> 
-<tr><td>Android 2.0</td><td>0.3%</td></tr> 
-<tr><td>Android 2.0.1</td><td>0.6%</td></tr> 
-<tr><td>Android 2.1</td><td>32.4%</td></tr> 
+<tr><td>Android 1.5</td><td>34.1%</td></tr> 
+<tr><td>Android 1.6</td><td>28.0%</td></tr> 
+<tr><td>Android 2.0</td><td>0.2%</td></tr> 
+<tr><td>Android 2.0.1</td><td>0.4%</td></tr> 
+<tr><td>Android 2.1</td><td>37.2%</td></tr> 
 </table>
-<p><em>Data collected during two weeks ending on May 3, 2010</em></p>
+<p><em>Data collected during two weeks ending on May 17, 2010</em></p>
 </div>
 
diff --git a/docs/html/resources/dashboard/screens.jd b/docs/html/resources/dashboard/screens.jd
new file mode 100644
index 000000000000..38af93755f39
--- /dev/null
+++ b/docs/html/resources/dashboard/screens.jd
@@ -0,0 +1,81 @@
+page.title=Screen Sizes &amp; Densities
+@jd:body
+
+<style type="text/css">
+
+div.dashboard-panel {
+  max-width:1000px;
+  margin:0 0 2em 0;
+  padding:20px 20px 0 20px;
+  border:1px solid #d3ecf5;
+  border-radius:7px;
+  -moz-border-radius:7px;
+  -webkit-border-radius:7px;
+  background-color: #DAF3FC;
+  box-shadow:2px 3px 1px #eee;
+  -moz-box-shadow:2px 3px 1px #eee;
+  -webkit-box-shadow:2px 3px 1px #eee;
+  overflow:hidden;
+}
+#jd-content div.dashboard-panel img {
+  margin:0 20px 20px 0;
+  padding:0;
+  border:1px solid #ccc;
+  float:left;
+}
+div.dashboard-panel table {
+  margin:0 0 20px 0;
+  float:left;
+  background-color:#fff;
+}
+div.dashboard-panel p {
+  clear:left;
+}
+div.dashboard-panel th {
+  white-space:nowrap;
+}
+</style>
+
+<p>This page provides data about the relative number of active devices
+using a particular type of screen, including the screen size and density. For information about how
+your application can support multiple screen types, see <a
+href="{@docRoot}guide/practices/screens_support.html">Supporting Multiple Screens</a>.</p>
+
+<p class="note"><strong>Note:</strong> This data is based on the number
+of Android devices that have accessed Android Market within a 14-day period
+ending on the data collection date noted below.</p>
+
+
+<div class="dashboard-panel">
+
+<img alt="" width="460" height="250"
+src="http://chart.apis.google.com/chart?&cht=p&chs=460x250&chd=t:1.0,63.9,35.1&chl=Small%20/%20ldpi|
+Normal%20/%20mdpi|Normal%20/%20hdpi&chco=c4df9b,6fad0c" />
+
+<table>
+<tr>
+<th></th>
+<th scope="col">Low Density</th>
+<th scope="col">Medium Density</th>
+<th scope="col">High Density</th>
+</tr>
+<tr><th scope="row">Small</th> 
+<td class='cent '>1.0%</td> 
+<td></td> 
+<td></td> 
+</tr> 
+<tr><th scope="row">Normal</th> 
+<td></td> 
+<td class='cent hi'>63.7%</td> 
+<td class='cent hi'>35.3%</td> 
+</tr> 
+<tr><th scope="row">Large</th> 
+<td></td> 
+<td></td> 
+<td></td> 
+</tr> 
+</table>
+
+<p><em>Data collected during two weeks ending on May 17, 2010</em></p>
+</div>
+
diff --git a/docs/html/resources/resources_toc.cs b/docs/html/resources/resources_toc.cs
index ebee8012bd52..1588eb44e36d 100644
--- a/docs/html/resources/resources_toc.cs
+++ b/docs/html/resources/resources_toc.cs
@@ -26,6 +26,9 @@
       <li><a href="<?cs var:toroot ?>resources/dashboard/platform-versions.html">
             <span class="en">Platform Versions</span>
           </a></li>
+      <li><a href="<?cs var:toroot ?>resources/dashboard/screens.html">
+            <span class="en">Screen Sizes &amp; Densities</span>
+          </a> <span class="new">new!</span></li>
     </ul>
   </li>