adding new command-line app tutorial

src/site/docs/tutorials/index.markdown

 ---
 layout: default
 title: "Dart Tutorials"
 description: "The Dart Tutorials—Your guide to building great web apps."

[Kathy Walrath, 2013/12/20 23:12:16]

Perhaps we need to revise this tagline, now that we have command-line apps, as
well?

 has-permalinks: true
 rel:
   author:
     - mary-campione
 tutorial:
   id: tut-home
 next: get-started/
 next-title: "Get Started"
 ---
 
 {% capture content %}
 
 <img class="scale-img-max" src="images/banner.png">
 
 **The Dart Tutorials** teach you how to build web applications

[Kathy Walrath, 2013/12/20 23:12:16]

web applications -> applications?

Maybe add:

The focus is on web apps, but you can also find information on writing
command-line apps.

 using the Dart language, tools, and APIs.
 
 <strong>Who are you?</strong>
 <ul>
 <li> You already know how to program in a structured language like C or Java.</li>
 <li> You are familiar with object-oriented programming.</li>
 <li> You might not know how to program the browser
      through the DOM (Document Object Model).</li>
 </ul>
 
 <strong>Let's go!</strong> Follow the tutorials in order
 from left to right...or choose just the ones you need.
 
 <div class="tute-tabs">
 <div class="tabbable">
   <ul class="nav nav-tabs">
     <li class="active"><a href="#basics" data-toggle="tab">Get started</a></li>
     <li><a href="#dom" data-toggle="tab">Browser</a></li>
     <li><a href="#packages" data-toggle="tab">Packages</a></li>
     <li><a href="#polymer" data-toggle="tab">Polymer</a></li>
-    <li><a href="#futures" data-toggle="tab">Futures</a></li>
+    <li><a href="#futures" data-toggle="tab">Futures & Streams</a></li>

[Kathy Walrath, 2013/12/20 23:12:16]

Why have Streams here? I see no Sream tutorial...

If you do keep it, 
Streams -> streams?

     <li><a href="#forms" data-toggle="tab">Forms & Data</a></li>

[Kathy Walrath, 2013/12/20 23:12:16]

Data -> data

(or maybe make all the tabs Title Case, since it's a little weird to have "Get
started" and "Get Started" on the same page.)

+    <li><a href="#commandline" data-toggle="tab">Command-line apps</a></li>
     <!--<li><a href="#mobile" data-toggle="tab">Mobile</a></li>-->
   </ul>
 
   <div class="tab-content">
 
   <!-- BASICS TAB -->
     <div class="tab-pane active" id="basics">
 
       Download the software and
       discover which tools and libraries you get with the bundle.
@@ skipping 184 matching lines @@
           <h4 class="no-permalink"><a href="indexeddb/"><img src="images/target.png" height="20" width="20">&nbsp;Use IndexedDB</a></h4>
           <p>Save data on the client with IndexedDB.</p>
           <img src="images/countdown-screenshot.png" width="300">
           </section>
         </div>
         <div class="col-md-6">
         </div>
       </div> <!-- end row -->
     </div> <!-- end FORMS tab -->
 
+    <!-- COMMAND-LINE APPS TAB -->
+    <div class="tab-pane" id="commandline">
+      <div class="row">
+
+        <div class="col-md-6">
+          <section>
+          <h4 class="no-permalink"><a href="cmdline/"><img src="images/target.png" height="20" width="20">&nbsp;Write Command-line Apps</a></h4>

[Kathy Walrath, 2013/12/20 23:12:16]

-line -> -Line?

+          <p>Learn about features, such as command-line arguments, that command-line apps need.</p>
+          <img src="cmdline/images/commandcode.png" width="350">

[Kathy Walrath, 2013/12/20 23:12:16]

This image is broken for me

+          </section>
+        </div>
+
+        <div class="col-md-6">
+        </div>
+
+      </div>
+    </div>
+
   <!-- MOBILE TAB -->
   <!--
     <div class="tab-pane" id="mobile">
       <div class="row">
 
         <div class="col-md-6" style="border-right:1px solid Lavender">
           <section>
           <h4 class="no-permalink"><a href="mobile/"><img src="images/target.png" height="20" width="20">&nbsp;Write for Mobile Devices</a></h4>
           <p>Mobile devices are taking over the world!</p>
           <img src="images/countdown-screenshot.png" width="300">
           </section>
         </div>
 
         <div class="col-md-6">
         </div>
 
       </div>
     </div>
   -->
 
   </div> <!-- end tab content-->
 </div> <!--end tabbable -->
 </div> <!-- end of tute-tabs -->
 
 {% endcapture %}
 
 {% include tutorial_main_page.html %}