adtpackage: Update welcome page contents

Change-Id: I55df891267e2489fd86728e4038c6c09e044ca88

4 files changed, 269 insertions, 25 deletions

diff --git a/eclipse/plugins/com.android.ide.eclipse.adt.package/build.properties b/eclipse/plugins/com.android.ide.eclipse.adt.package/build.properties
index 9a44a37..aef2e25 100644
--- a/eclipse/plugins/com.android.ide.eclipse.adt.package/build.properties
+++ b/eclipse/plugins/com.android.ide.eclipse.adt.package/build.properties
@@ -6,8 +6,8 @@ bin.includes = META-INF/,\
                about.mappings,\
                splash.bmp,\
                icons/,\
-               go.css,\
                index.html,\
                introcontent.xml,\
                about.ini,\
-               about.properties
+               about.properties,\
+               welcome.css
diff --git a/eclipse/plugins/com.android.ide.eclipse.adt.package/go.css b/eclipse/plugins/com.android.ide.eclipse.adt.package/go.css
deleted file mode 100644
index 15ba70b..0000000
--- a/eclipse/plugins/com.android.ide.eclipse.adt.package/go.css
+++ /dev/null
@@ -1,2 +0,0 @@
-/* Copy of  www.google.com/css/go.css */
-@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin,cyrillic-ext,greek-ext,cyrillic,greek,vietnamese,latin-ext);@media screen,projection,print{html,input,textarea{font-family:arial,sans-serif}html{line-height:1.54}body.rtl{direction:rtl}body.rtl th{text-align:right}h5,h6,pre,table,input,textarea,code{font-size:1em}address,abbr,cite{font-style:normal}table{border-collapse:collapse;border-spacing:0}th{text-align:left}fieldset,iframe,img{border:0}label input,#nav li a{font-weight:normal}label{display:block;margin:13px 0 3px}q{quotes:none}}@media screen,projection{* html{direction:ltr}*+html{direction:ltr}*+html body.rtl{max-width:none}html{background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABECAMAAAB3Xq9kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyNzA2QjJCMzE5NjQxMUUxOTQ0MEE1NkNFNDk5NjQ2RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyNzA2QjJCNDE5NjQxMUUxOTQ0MEE1NkNFNDk5NjQ2RCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjI3MDZCMkIxMTk2NDExRTE5NDQwQTU2Q0U0OTk2NDZEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI3MDZCMkIyMTk2NDExRTE5NDQwQTU2Q0U0OTk2NDZEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AZql4QAAAAZQTFRF7+/v////ZlM36gAAAAJ0Uk5T/wDltzBKAAAAEElEQVR42mJgZBgMkAEgwAASlwBE7N+9ZgAAAABJRU5ErkJggg==) repeat-x;color:#444;font-size:13px;padding-top:5px}body,table,fieldset,#nav{margin:0}body{max-width:1000px;padding:15px}body.rtl h1 img,body.rtl #nav{float:right}body.rtl h1 img{margin:0 0 0 43px}body.rtl #nav ul,body.rtl #nav ol{margin:13px 13px 0 0}* html body.rtl #about li{margin:0 0 0 13px}*+html body.rtl #about li{margin:0 0 0 13px}body.rtl #aux{margin:0 160px 0 0}body.compact{margin:auto;width:740px}*>body.compact{max-width:740px;width:auto}h1,h2,h3,h4,h5,blockquote,q{font-family:'open sans',arial,sans-serif}h1{color:#91959c;font-size:27px;font-weight:300;height:51px;line-height:1.26;margin:0 0 25px;overflow:hidden}h1 img,#nav{float:left}h1 img{margin:0 43px 0 0;position:relative}h1 img[src$='logo_sm.gif']{width:116px}h2,h3,h4,h5{margin:20px 0 10px}h2{font-size:21px}h2:first-child,p+table,table+p{margin-top:0}h3{font-size:16px;line-height:1.56}h4{font-size:14px;line-height:1.57}h6{margin:10px 0 -10px}p,pre,table,form{margin:10px 0}blockquote,ul,ol{margin-bottom:10px;margin-top:10px}blockquote,q{font-style:italic}pre strong,pre b,a strong,a b,a code{color:inherit}pre,code{color:#060;font:13px/1.54 'courier new',courier,monospace}th,td{padding-right:10px;vertical-align:top}fieldset,#about,#nav,#nav ul,#nav ol{padding:0}legend{display:none}label,em,i,#nav li{font-weight:bold}a:link,a:visited{text-decoration:none}a:link{color:#15c}a:visited{color:#7847b2}a:focus,a:hover,a:active{text-decoration:underline}strong,b{color:#000}em,i{font-style:normal}#about,#nav,#nav *{list-style:none}#about{clear:both;font-size:11px;color:#666;line-height:1.8;margin:26px 0 0}#about li{display:inline}#about li:before{content:' · '}#about li:first-child:before{content:none}* html #about li{margin:0 13px 0 0}*+html #about li{margin:0 13px 0 0}#nav{width:142px}#nav ul,#nav ol{margin:10px 0 0 13px}#nav li{margin:0 0 10px}#aux{margin:0 0 0 160px}}@media screen and (max-width:772px){html{background-image:none}body.rtl #nav li{margin-left:10px;margin-right:0}h1,#aux{margin:0 !important}h1{height:auto}h1 img,#nav{float:none !important}h1 img{display:block}#nav{margin-bottom:13px;width:auto !important}#nav ul,#nav ol{display:none}#nav li{display:inline;margin-right:10px}}@media print{h1 img{display:block}a{color:inherit}#nav{display:none}}
diff --git a/eclipse/plugins/com.android.ide.eclipse.adt.package/index.html b/eclipse/plugins/com.android.ide.eclipse.adt.package/index.html
index ba9a748..e70fbcb 100644
--- a/eclipse/plugins/com.android.ide.eclipse.adt.package/index.html
+++ b/eclipse/plugins/com.android.ide.eclipse.adt.package/index.html
@@ -1,21 +1,91 @@
-<!DOCTYPE html>
-  <html lang="en">
-  <meta charset="utf-8">
-  <title>Eclipse for Android Developers</title>
-  <link rel="stylesheet" href="go.css">
-
-  <body class="compact">
-    <h1>Eclipse for Android Developers</h1>
-
-    <h2>Getting Started</h2>
-    <h2>What's New?</h2>
-    <h2>Documentation</h2>
-      <ul>
-        <li> <a href="http://d.android.com/">Android Developers</a>
-      </ul>
-    <h2>Known Issues</h2>
-
-    <ul id="about">
-      <li>© Android Open Source Project
-      <li>2012
-    </ul>
+<!DOCTYPE html>

+<html>

+<head>

+ <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

+ <title>Welcome to the Android Developer Tools</title>

+ <link rel="stylesheet" type="text/css" href="welcome.css" />

+</head>

+

+<body>
+
+<div class="wrap">
+
+  <div class="col-15">
+    <h1>Welcome!</h1>
+  
+    <p>The <b>Android Developer Tools</b> provide a first-class development
+    environment for building Android apps. This integrated development environment is
+    set up with the latest version of the Android platform and system image so you can immediately begin
+    building apps and running them on the Android emulator.</p>
+    
+    
+    <p>To start a new Android app project:</p>
+    <ol>
+      <li>Click <strong>File > New > Android Application Project</strong>.
+     	<br>(If you don't see this option, click <strong>File > New > Other</strong>,
+			then open the <strong>Android</strong>
+      	folder and select <strong>Android Application Project</strong>.)</li>
+      <li>Follow the wizard to set up your new Android app project.</li>
+    </ol>
+    <p>For a complete walkthrough that shows how to create a new
+		project and build a simple app, read <a target="_blank"
+    href="http://developer.android.com/training/basics/firstapp/index.html">Building Your First App</a>.</p>
+    
+    <p>To set up a real Android device for testing your app, read
+    <a target="_blank" href="http://developer.android.com/tools/device.html">Using Hardware Devices</a>.
+    If you don't have a device and need to use the emulator, read <a
+	 target="_blank" href="http://developer.android.com/tools/devices/index.html"
+      >Managing Virtual Devices</a>.</p>
+    
+    <p>Although your Android SDK already includes the latest version of the platform and system image,
+    you may later want to install other Android versions or packages such as the
+    <a target="_blank" href="http://developer.android.com/tools/extras/support-library.html">Android Support Library</a>.
+    For help installing additional packages, read 
+    <a target="_blank" href="http://developer.android.com/sdk/installing/adding-packages.html">Adding Platforms
+    and Packages</a>.</p>
+    
+  </div>
+
+</div>
+
+
+<div class="wrap">
+
+  <div class="col-5">
+    <a target="_blank" href="http://developer.android.com/training/basics/firstapp/index.html">
+    <div class="feature-box">
+      <h2>Build Your First App &raquo;</h2>
+      <p>If you're new to Android, follow this class
+      to learn the fundamental Android APIs for creating
+      a user interface that responds to input.</p>
+    </div>
+    </a>
+  </div>
+  
+  <div class="col-5">
+    <a target="_blank" href="http://developer.android.com/design/index.html">
+    <div class="feature-box">
+      <h2>Design Your App &raquo;</h2>
+      <p>Before you begin developing your app, be sure you understand
+      the design patterns that Android users expect from your app.</p>
+    </div>
+    </a>
+  </div>
+
+  <div class="col-5">
+    <a target="_blank" href="http://developer.android.com/tools/testing/testing_android.html">
+    <div class="feature-box">
+      <h2>Test Your App &raquo;</h2>
+      <p>The Android framework provides
+      tools that help you test every aspect of your app to be sure it behaves
+      as it should under various conditions.</p>
+    </div>
+    </a>
+  </div>
+
+
+</div>
+
+
+</body>
+</html>
\ No newline at end of file
diff --git a/eclipse/plugins/com.android.ide.eclipse.adt.package/welcome.css b/eclipse/plugins/com.android.ide.eclipse.adt.package/welcome.css
new file mode 100644
index 0000000..9815087
--- /dev/null
+++ b/eclipse/plugins/com.android.ide.eclipse.adt.package/welcome.css
@@ -0,0 +1,176 @@
+/* stylesheet for ADT welcome page */

+
+html,body {

+  background-color:#F9F9F9;

+  font:14px/19px sans-serif;
+  color: #222

+  margin:0;

+  padding:0;}
+
+body {
+  padding:15px;
+}
+
+a:link, a:visited {
+  color: #258aaf;
+  text-decoration: none;
+}
+a:focus, a:hover, a:active {
+  color: #33B5E5;
+  text-decoration: none;
+}
+strong, b {
+  font-weight:bold;
+  color: #222;
+}
+img {
+  border: none; }
+
+
+h1, h2 {
+    line-height: 32px;
+}
+h1 {
+    color:#33B5E5;
+    font-size: 28px;
+    margin: 10px 0 0;
+    padding:0;
+}
+h2 {
+    color:#33B5E5;
+    font-size: 20px;
+    margin: 20px 0 20px;
+    padding:0;
+}
+h3 {
+    color:#33B5E5;
+    font-size: 18px;
+}
+
+
+div.feature-box,
+a:link div.feature-box,
+a:visited div.feature-box {
+  margin: 20px 0 0;
+  padding: 15px 0;
+  width:100%;
+  border:1px solid transparent;
+  background-color: rgba(0, 0, 0, 0.05);
+  -moz-box-shadow: 3px 3px 12px #aaa;
+  -webkit-box-shadow: 3px 3px 12px #aaa;
+  box-shadow: 3px 3px 12px #aaa;
+}
+
+a:hover div.feature-box {
+  border:1px solid #33B5E5;
+}
+a:active div.feature-box {
+  -moz-box-shadow: 1px 1px 12px #aaa;
+  -webkit-box-shadow: 1px 1px 12px #aaa;
+  box-shadow: 1px 1px 12px #aaa;
+}
+div.feature-box > * {
+  margin:15px;
+}
+div.feature-box h2,
+div.feature-box h3 {
+  color:#33B5E5;
+  margin-top:0;
+}
+div.feature-box p {
+  color:#222;
+}
+
+
+
+
+
+
+
+/********** LAYOUT **************/
+
+.wrap {
+	margin: 0 auto;
+	width: 100%;
+	min-width:600px;
+	max-width:900px;
+	clear: both;
+}
+.cols {
+    height: 1%;
+    margin: 0 -1.533742331288343558282%;
+    width: 103.06748466257669%}
+*+html .cols {
+    margin-bottom: 20px;
+}
+.cols:after {
+    clear: both;
+    content: ' ';
+    display: block;
+    height: 0;
+    visibility: hidden;
+}
+.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12,
+.col-13, .col-14, .col-15, .col-16 {
+    float: left;
+    margin: 0 1.2% 20px 1.7%;
+}
+* html .col-1, * html .col-2, * html .col-3, * html .col-4, * html .col-5, * html .col-6, * html
+.col-7, * html .col-8, * html .col-9, * html .col-10, * html .col-11, * html .col-12, * html
+.col-13, * html .col-14, * html .col-15, * html .col-16  {
+    margin: 0;
+    margin: 0 1.2% 20px 1.7%;
+}
+[dir='rtl'] .col-1, [dir='rtl'] .col-2, [dir='rtl'] .col-3, [dir='rtl'] .col-4, [dir='rtl'] .col-5,
+[dir='rtl'] .col-6, [dir='rtl'] .col-7, [dir='rtl'] .col-8, [dir='rtl'] .col-9, [dir='rtl'] .col-10,
+[dir='rtl'] .col-11, [dir='rtl'] .col-12 {
+    float: right;
+}
+.col-1 {
+    width: 4.16666666666667%;
+}
+.col-2 {
+    width: 10.4166666666667%;
+}
+.col-3 {
+    width: 16.6666666666667%;
+}
+.col-4 {
+    width: 22.9166666666667%;
+}
+.col-5 {
+    width: 29.1666666666667%;
+}
+.col-6 {
+    width: 35.4166666666667%;
+}
+.col-7 {
+    width: 41.6666666666667%;
+}
+.col-8 {
+    width: 47.9166666666667%;
+}
+.col-9 {
+    width: 55.3333333333333%;
+}
+.col-10 {
+    width: 60.4166666666667%;
+}
+.col-11 {
+    width: 66.6666666666667%;
+}
+.col-12 {
+    width: 72.9166666666667%;
+}
+.col-13 {
+    width: 79.1666666666667%;
+}
+.col-14 {
+    width: 85.4166666666667%;
+}
+.col-15 {
+    width: 91.6666666666667%;
+}
+.col-16 {
+    width: 97.9166666666667%;
+}