new site

src/site/_includes/language-tour/libraries/index.markdown

 This section explains how to use
 <a href="#libraries-import">import</a> (**#import**),
 <a href="#libraries-source">include</a> (**#source**),
 and <a href="#libraries-library">library</a> (**#library**)
 directives,
 which can help you
 create a modular and shareable code base.
 Libraries not only provide APIs,
 but are a unit of privacy:
 they can hide implementation details such as private variables.
 
 <b>Every Dart app is a library</b>,
 even if it doesn't use #library.
 
-<aside class="note">
-<b>Note:</b>
-The library system in Dart <b>will change</b>.
-This section describes how it currently works.
+<aside>
+  <div class="alert">
+    <strong>Warning:</strong>
+    The library system in Dart <b>will change</b>.
+    This section describes how it currently works.
+  </div>
 </aside>
 
 
 <section id="libraries-import" markdown="1">
 ### Using libraries
 
 Use **#import** to
 specify how a namespace from one library
 is used in the scope of another library.
 
@@ skipping 53 matching lines @@
 to specify that a file
 implements a library.
 
 
 <section id="libraries-source" markdown="1">
 #### Associating a file with the current library
 
 You can put your library's implementation into multiple .dart files
 by using **#source** in the library's main .dart file.
 
-<aside class="note" markdown="1">
-**Included files can't have directives.**
-A single file in each library
-must have all the directives (such as #import and #library)
-that the library needs.
+<aside>
+  <div class="alert alert-info">
+    <strong>Tip:</strong>
+    Included files can't have directives.
+    A single file in each library
+    must have all the directives (such as #import and #library)
+    that the library needs.
+  </div>
 </aside>
 
 For example, consider the following code:
 
 {% highlight dart %}
 // in Ballgame.dart:
 #import('dart:html');
 
 #source('Ball.dart');
 #source('Util.dart');
 ...
 main() {
   ...
 }
 {% endhighlight %}
 
 In this example, Ball.dart and Util.dart are compiled into
 the library Ballgame.dart.
 Ballgame.dart doesn't have a #library statement,
 but remember that each Dart app has an implicit library.
 
 
-<section id="libraries-library" markdown="1">
+<section id="declaring-library" markdown="1">
 #### Declaring a library
 
 To explicitly declare a library, you use a **#library** statement.
 For example:
 
 {% highlight dart %}
 #library('slider_sample');           // Declare that this is a library.
 
 #import('dart:html');                // It uses the html library
 #import('../ui_lib/view/view.dart'); // and a view library.
 
 #source('SliderSample.dart');        // Grab the code from SliderSample.dart.
 {% endhighlight %}
 
-<aside class="note">
-  <b>Note:</b>
-  The string in the #library statement isn't currently used.
+<aside>
+  <div class="alert alert-info">
+    <strong>Note:</strong>
+    The string in the #library statement isn't currently used.
+  </div>
 </aside>
+
 </section>
 
 <section id="libraries-private-members" markdown="1">
 #### Declaring private members
 
 If an identifier starts with an underscore,
 it's private to its library.
 For example,
 in the following code, the Incrementer class
 has an instance variable
@@ skipping 47 matching lines @@
 
 <section id="libraries-summary" markdown="1">
 ### Summary of libraries and visibility
 Use **#import** if you need to use a library,
 **\#source** to pull files into a library,
 and **#library** to declare that you're implementing a library.
 Names prefixed with underscore (_) are private to the library.
 </section>
 
 </section>