doc stuff

chrome/common/extensions/docs/index.html

Index: chrome/common/extensions/docs/index.html
===================================================================
--- chrome/common/extensions/docs/index.html	(revision 68334)
+++ chrome/common/extensions/docs/index.html	(working copy)
@@ -170,7 +170,6 @@
                   <li><a href="options.html">Options Pages</a></li>
                   <li><a href="override.html">Override Pages</a></li>
                   <li><a href="pageAction.html">Page Actions</a></li>
-                  <li><a href="themes.html">Themes</a></li>
                 </ul>
               </li>
               <li>Browser Interaction
@@ -204,6 +203,7 @@
               </li>
             </ul>
           </li>
+          <li><h2><a href="apps.html">Packaged Apps</a></h2></li>
           <li><h2><a href="tutorials.html">Tutorials</a></h2>
             <ul>
               <li><a href="tut_debugging.html">Debugging</a></li>
@@ -217,9 +217,9 @@
                 <ul>
                   <li><a href="manifest.html">Manifest Files</a></li>
                   <li><a href="match_patterns.html">Match Patterns</a></li>
-                  <!-- <li>Packages (.crx)</li> -->
                 </ul>
               </li>
+              <li><a href="permission_warnings.html">Permission Warnings</a></li>
               <li><a href="api_index.html">chrome.* APIs</a></li>
               <li><a href="api_other.html">Other APIs</a></li>
             </ul>
@@ -229,7 +229,7 @@
           <li><h2>More</h2>
             <ul>
               <li class="leftNavSelected">Chrome Web Store</li>
-              <li><a href="http://code.google.com/chrome/apps/docs/developers_guide.html">Installable Web Apps</a></li>
+              <li><a href="http://code.google.com/chrome/apps/docs/developers_guide.html">Hosted Apps</a></li>
               <li><a href="themes.html">Themes</a></li>
             </ul>
           </li>
@@ -324,100 +324,81 @@
 
 <tbody><tr>
 <td>
-<h3>What are Google Chrome Extensions?</h3>
+<h3>What are extensions?</h3>
 
 <p>
-<em>Extensions</em> are small software programs
-that can modify and enhance the functionality of Google Chrome.
+Extensions are small software programs that
+can modify and enhance the functionality of the Chrome browser.
 You write them using web technologies such as
 HTML, JavaScript, and CSS.
+You can also use the extension system to build
+<a href="apps.html">packaged apps</a>,
+a downloadable kind of
+<a href="http://code.google.com/chrome/apps/index.html">installable web app</a>.
 </p>
 
 <p>
-Here are some examples of extensions:
+<img src="images/index/NEW/gmail.png" width="91" height="35" align="right" style="margin-top:0px; margin-left:0.5em" alt="A screenshot of an extension's icon in the browser bar">
+From a user's point of view,
+extensions and packaged apps are very different 
+because they present very different user interfaces.
+Extensions have little to no user interface.
+For example, the image to the right shows the icon
+that provides the UI for the
+<a href="samples.html#gmail">Gmail extension</a>.
 </p>
 
-<table class="columns" id="pics">
-<tbody><tr>
-  <td>
-    <img src="images/index/gmail.png" width="150" height="79">
-  </td>
-  <td>
-      <p>
-      <b><a href="samples.html#gmail">Google Mail Checker</a></b><br>
-      Uses a <em>browser action</em>
-      (icon in the toolbar)
-      to display how many unread messages
-      are in your Gmail inbox.
-      Click the icon to go to your inbox.
-      </p>
-  </td>
-</tr>
+<p>
+<img src="images/index/html5app.png" width="200" height="160" align="right" style="margin-top:0px; margin-left:0.5em" alt="A screenshot of a packaged app that implements a jigsaw puzzle">
+Packaged apps, on the other hand,
+look and feel like regular web apps,
+with a big-screen design
+and rich UI.
+The image to the right shows a jigsaw puzzle game
+implemented by a packaged app.
+</p>
 
-<tr>
-  <td>
-    <img src="images/index/news.png" width="150" height="79">
-  </td>
-  <td>
-      <p>
-      <b><a href="samples.html#news">News Reader</a></b><br>
-      Features a browser action that, when clicked,
-      shows a popup summarizing the top news items.
-      </p>
-  </td>
-</tr>
-
-<tr>
-  <td>
-    <img src="images/index/rss.png" width="150" height="79">
-  </td>
-  <td>
-      <p>
-      <b><a href="samples.html#subscribe_page_action">Subscribe in Feed Reader</a></b><br>
-      Uses a <em>page action</em>
-      (icon in the address bar)
-      and <em>content script</em>
-      (code injected into a web page)
-      to let you subscribe to a feed in the current web page.
-      </p>
-  </td>
-</tr>
-</tbody></table>
-<br>
-
 <p>
-To keep up with the latest news on extensions, read the
-<a href="http://blog.chromium.org/">Chromium blog</a> and the
-<a href="http://chrome.blogspot.com/">Google Chrome blog</a>,
-and subscribe to the
-<a href="http://groups.google.com/a/chromium.org/group/chromium-extensions">chromium-extensions group</a>.
+Both extensions and packaged apps bundle all their files
+into a single file that the user downloads and installs.
+This bundling means that, unlike ordinary web apps,
+extensions and packaged apps don't need to depend
+on content from the web.
+</p>
 
+<p>
+You can distribute your extension or packaged app
+by using the
+<a href="https://chrome.google.com/webstore/developer/dashboard">Chrome Developer Dashboard</a>
+to publish to the
+<a href="http://chrome.google.com/webstore">Chrome Web Store</a>.
+For more information, see the
+<a href="http://code.google.com/chrome/webstore">store developer documentation</a>.
 </p>
 
 </td>
-
 <td style="width:330px">
 <h3>How do I start?</h3>
 
 <p>
 </p><ol>
   <li>
-    Follow the
-    <a href="getstarted.html">Getting Started tutorial</a>
+    Follow the <a href="getstarted.html">Getting Started tutorial</a>
+    <!-- PENDING: once we have one for packaged apps, change to
+      "for _extensions_ or _packaged_apps_" -->
   </li>
   <li>
     Read the
     <a href="overview.html">Overview</a>
   </li>
   <li>
-    <a href="devguide.html">Write</a> and
-    <a href="tut_debugging.html">debug</a>
-    your extension
+    Keep up-to-date by reading the
+    <a href="http://blog.chromium.org/">Chromium blog</a>
   </li>
   <li>
-    Submit your extension to the
-    <a href="https://chrome.google.com/extensions">gallery</a>
-  </li>
+    Subscribe to the
+    <a href="http://groups.google.com/a/chromium.org/group/chromium-extensions">chromium-extensions group</a>
+    </li>
 </ol>
 <p></p>