diff --git a/server/documents/index.html.eco b/server/documents/index.html.eco
index 18292b5f6..70ff91c90 100755
--- a/server/documents/index.html.eco
+++ b/server/documents/index.html.eco
@@ -1,7 +1,7 @@
 ---
 layout : 'default'
 css    : 'index'
-title  : 'Getting Started'
+title  : 'Introduction'
 type   : 'Semantic'
 ---
 
diff --git a/server/documents/introduction.html.eco b/server/documents/introduction.html.eco
index 15658390e..baef1f81c 100755
--- a/server/documents/introduction.html.eco
+++ b/server/documents/introduction.html.eco
@@ -3,7 +3,7 @@ layout      : 'default'
 css         : 'guide'
 title       : "What's Different"
 description : 'Separating Semantic from the pack'
-type        : 'Semantic'
+type        : 'UI Introduction'
 ---
 <script src="/javascript/intro.js"></script>
 
diff --git a/server/documents/modules/modal.html.eco b/server/documents/modules/modal.html.eco
index a1ff078ef..a28d77b4b 100755
--- a/server/documents/modules/modal.html.eco
+++ b/server/documents/modules/modal.html.eco
@@ -316,9 +316,13 @@ type        : 'UI Module'
           <td>hide dimmer</td>
           <td>Hides associated page dimmer</td>
         </tr>
+        <tr>
+          <td>hide others</td>
+          <td>Hides all modals not selected modal in a dimmer</td>
+        </tr>
         <tr>
           <td>hide all</td>
-          <td>Hides all visible modals initialized at the same time</td>
+          <td>Hides all visible modals in the same dimmer</td>
         </tr>
         <tr>
           <td>cache sizes</td>
diff --git a/server/documents/modules/transition.html.eco b/server/documents/modules/transition.html.eco
index dd578a964..d4e875fac 100755
--- a/server/documents/modules/transition.html.eco
+++ b/server/documents/modules/transition.html.eco
@@ -134,7 +134,7 @@ type        : 'UI Module'
       <h2 class="ui dividing header">Introduction</h2>
 
       <p>UI Transitions provide a wrapper for using css transitions in javascript providing cross-browser callbacks, advanced queuing, and feature detection.</p>
-      <p>Transitions are loosely coupled with other ui modules like <a href="modules/dropdown.html">dropdowns</a> and <a href="modules/modal.html">modals</a> to provide element transitions</p>
+      <p>Transitions are loosely coupled with other ui modules like <a href="/modules/dropdown.html">dropdowns</a> and <a href="/modules/modal.html">modals</a> to provide element transitions</p>
 
       <h3 class="ui header">Types</h3>
       <p>Transitions are separated into three categories. <b>Inward transitions</b>, <b>outward transitions</b>, and <b>static transitions</b>. These three categories determine the visibility of the element after the animation completes.</p>
diff --git a/server/documents/test.html b/server/documents/test.html
index 2c78f3272..c064d75b3 100755
--- a/server/documents/test.html
+++ b/server/documents/test.html
@@ -1,63 +1,42 @@
----
-layout      : 'default'
-css         : 'modal-demo'
 
-title       : 'Test'
-description : 'Test area'
----
+<script src="/build/uncompressed/modules/behavior/form.js"></script>
+<script type='text/javascript'>//<![CDATA[
+$(document).ready(function () {
+
+
+    $('.signup')
+        .form({
+        countryNumber: {
+            identifier: 'somefield',
+            rules: [{
+                type: 'contains[+]',
+                prompt: 'This errors out'
+            }]
+        }
+    }, {
+        inline: true
+    });
 
+});
+</script>
 <style>
 .main.container {
     padding-top: 200px;
 }
 </style>
-<div class="main container">
-<script type='text/javascript'>//<![CDATA[
-$(function(){
-$("#button1").on("click", function ()
-{
-   $("#modal1").modal("show");
-});
-
-$("#button2").on("click", function ()
-{
-   $("#modal2").modal("show");
-});
-});//]]>
 
-</script>
 
+    <div class="main container">
+  <div class="ui form segment signup">
+    <div class="field">
+        <label>Something with an +</label>
+        <div class="ui left labeled icon input">
+            <input name="somefield" type="text" placeholder="insert something"> <i class="user icon"></i>
 
-</head>
-<body>
-  <div id="modal1" class="ui modal">
-    <i class="close icon"></i>
-    <div class="header">
-          Modal 1
-    </div>
-    <div class="content">
-        <button type="button" id="button2">Open modal 2</button>
-    </div>
-    <div class="actions">
-        <div class="ui button" data-action="close">Close</div>
-        <div class="ui button" data-action="save">Save &amp; Close</div>
-    </div>
-</div>
+            <div class="ui corner label"> <i class="icon asterisk"></i>
 
-<div id="modal2" class="ui modal">
-    <i class="close icon"></i>
-    <div class="header">
-          Modal 2
-    </div>
-    <div class="content">
-        This is modal 2
-    </div>
-    <div class="actions">
-        <div class="ui button" data-action="close">Close</div>
-        <div class="ui button" data-action="save">Save &amp; Close</div>
+            </div>
+        </div>
     </div>
+    <div class="ui green submit button approve">Check</div>
 </div>
-
-<button type="button" id="button1">Open modal 1</button>
-
-</div>
\ No newline at end of file
diff --git a/server/layouts/default.html.eco b/server/layouts/default.html.eco
index 94085a720..9fe7d8f44 100755
--- a/server/layouts/default.html.eco
+++ b/server/layouts/default.html.eco
@@ -115,19 +115,19 @@
       <i class="inverted circular red awesome download cloud icon"></i> <b>Download</b>
     </a>
     <div class="item">
-      <b>Project</b>
+      <a href="/">
+        <b>Introduction</b>
+      </a>
       <div class="menu">
-        <% for element in uiProject: %>
+        <% for element in uiIntroduction: %>
           <a class="<%= if element.id is @document.id then 'active ' %>item" href="<%= element.url %>"><%= element.title %></a>
         <% end %>
       </div>
     </div>
     <div class="item">
-      <a href="/introduction.html">
-        <b>Introduction</b>
-      </a>
+      <b>Project</b>
       <div class="menu">
-        <% for element in uiIntroduction: %>
+        <% for element in uiProject: %>
           <a class="<%= if element.id is @document.id then 'active ' %>item" href="<%= element.url %>"><%= element.title %></a>
         <% end %>
       </div>