new site

src/site/docs/library-tour/index.markdown

 ---
 layout: default
 title: "A Tour of the Dart Libraries"
 description: "Learn how to use each major Dart library feature."
 ---
 
 # {{ page.title }}
 
 Welcome to the Dart library tour!
 We'll show you how to use the major features in each library
 that comes with Dart.
 
 This tour is just an overview of
 library functionality; it is by no means comprehensive.
 Consult the
 [Dart API reference](http://api.dartlang.org/)
 for the full details about a class or interface.
 
-<aside class="note" markdown="1">
-**Note:** Expect major changes to the Dart libraries before Dart's
-first release.
+<aside>
+  <div class="alert">
+    <strong>Warning:</strong>
+    Expect major changes to the Dart libraries before Dart's
+    first release.
+  </div>
 </aside>
 
 #### Contents {#toc}
 
 1. [dart:core - Strings, collections, and more](#dartcore---strings-collections-and-more)
     1. [Collections](#collections)
         1. [Lists](#lists)
         1. [Sets](#sets)
         1. [Common collection methods](#common-collection-methods)
         1. [Maps (aka dictionaries or hashes)](#maps-aka-dictionaries-or-hashes)
@@ skipping 279 matching lines @@
 
 The [Map](http://api.dartlang.org/dart_core/Map.html)
 interface, commonly known as a _dictionary_ or _hash_,
 is an unordered collection of key-value pairs.
 Maps associate a key to some value for easy retrieval.
 Unlike in JavaScript, Dart objects are not maps.
 
 The language tour has more
 [information about maps](/docs/language-tour/#maps).
 
-<aside class="note">
-  <b>Note:</b> The Map
-  interface does not extend Collection.
+<aside>
+  <div class="alert alert-info">
+    <strong>Note:</strong>
+    The Map
+    interface does not extend Collection.
+  </div>
 </aside>
 
 ##### Creating maps
 
 You can declare a map using a terse literal syntax,
 or you can use a traditional constructor.
 
 {% highlight dart %}
 // Map literals use strings as keys.
 var hawaiianBeaches = {
@@ skipping 324 matching lines @@
 
 // Specify the number of significant figures.
 assert(123.456.toStringAsPrecision(2) == '1.2e+2');
 assert(Math.parseDouble('1.2e+2') == 120.0);
 {% endhighlight %}
 
 #### Trigonometry
 
 Use the Math class for the basic trigonometric functions.
 
-<aside class="note">
-<b>Note:</b> These methods use radians, not degrees!
+<aside>
+  <div class="alert alert-info">
+    <strong>Tip:</strong>
+    These methods use radians, not degrees!
+  </div>
 </aside>
 
 {% highlight dart %}
 // Cosine
 assert(Math.cos(Math.PI) == -1.0);
 
 // Sine
 var degrees = 30;
 var radians = degrees * (Math.PI / 180);
 // radians is now 0.52359.
@@ skipping 25 matching lines @@
 {% endhighlight %}
 
 #### Random numbers
 
 Generate random numbers between 0.0 and 1.0 with the Math class.
 
 {% highlight dart %}
 var rand = Math.random();
 {% endhighlight %}
 
-<aside class="note">
-  <b>Note:</b> The current implementation of random() for the
-  Dart VM is not random at all. Follow
-  <a href="http://code.google.com/p/dart/issues/detail?id=499">bug 499</a>
-  for the status.
+<aside>
+  <div class="alert alert-info">
+    <strong>Note:</strong>
+    The current implementation of random() for the
+    Dart VM is not random at all. Follow
+    <a href="http://code.google.com/p/dart/issues/detail?id=499">bug 499</a>
+    for the status.
+  </div>
 </aside>
 
 #### More information
 
 Refer to the full
 [Math API docs](http://api.dartlang.org/dart_core/Math.html)
 for a full list of methods.
 Also see the API docs for
 [num](http://api.dartlang.org/dart_core/num.html),
 [int](http://api.dartlang.org/dart_core/int.html),
@@ skipping 900 matching lines @@
   assert(base64 ==
     "iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38G"
     "IAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==");
 }
 {% endhighlight %}
 
 [Back to contents.](#toc)
 {:.up-to-toc}