new site

src/site/docs/editor/getting-started/index.html

 ---
 layout: default
 title: "Getting Started with Dart Editor"
 description: "Step-by-step instructions for installing Dart Editor and using it to create and run Dart apps."
 ---
 
 {% include platform-specific-text/_noscript.html %}
 
 <h1> {{ page.title }} </h1>
 
 <section>
 
 <p>
 Follow this tutorial to install and use Dart Editor on
 <span class="linux">Linux.</span>
 <span class="mac">Mac OS X.</span>
 <span class="win">Windows.</span>
-<br>
-(These instructions are available for
-    <label>
-      <input type="radio" name="osChoices" id="win">
-      Windows</input></label>,
-    <label>
-      <input type="radio" name="osChoices" id="linux" checked="true">
-      Linux</input>
-      </label>, and
-    <label>
-      <input type="radio" name="osChoices" id="mac">
-      Mac</input></label>.)
 </p>
 
 <p>
+These instructions are available for
+    <input type="radio" name="osChoices" id="win">
+    <label class="os-choice" for="win">Windows</label>,
+
+    <input type="radio" name="osChoices" id="linux" checked="true">
+    <label class="os-choice" for="linux">Linux</label>, or
+
+    <input type="radio" name="osChoices" id="mac">
+    <label class="os-choice" for="mac">Mac</label>.
+</p>
+
+<p>
 Dart Editor is a lightweight, open-source editor for Dart code.
 You can use it to edit and run Dart apps,
 as well as to invoke the Dart-to-JavaScript compiler.
 For more information about what Dart Editor can do,
 see the <a href="/docs/editor/">Dart Editor homepage</a>.
 If you run into a problem, see
 <a href="/docs/editor/troubleshoot.html">Troubleshooting Dart Editor</a>.
 </p>
 
 </section>
@@ skipping 215 matching lines @@
   </li>
 
   <li> <p>
     Click the Run button
     <img src="/docs/editor/images/run.png" alt="Run" width="16" height="16"
       style="vertical-align:top">.
     Dart Editor launches Dartium,
     which displays sunflower.html.
     </p>
 
-    <aside class="warning">
-    <b>Important:</b>
-    Dartium is a technical preview,
-    and it might have security and stability issues.
+    <aside>
+      <div class="alert">
+        <strong>Warning:</strong>
+        Dartium is a technical preview,
+        and it might have security and stability issues.
 
-    <blockquote>
-    <b>Do not use Dartium as your primary browser!</b>
-    </blockquote>
+        <b>Do not use Dartium as your primary browser!</b>
+      </div>
     </aside>
   </li>
 
   <li> <p>
     Move the slider to display the sunflower.
     For details about the Sunflower example, read the
     <a href="/samples/sunflower/index.html">Sunflower Code Walkthrough</a>.
     </p>
 
     <p>
@@ skipping 41 matching lines @@
 
 <p>
 Or you can just <a href="http://code.google.com/p/dart/issues/entry?template=Defect%20report%20from%20user&amp;labels=Area-Editor,Type-Defect,Priority-Medium">create
 a new Dart Editor issue.</a>
 </p>
 
 </section>
 
 <script async src="/js/Switcher.dart.js"></script>
 <script async src="/js/editor-downloads-analytics.js"></script>