Additions to docs

server/documents/collections/form.html.eco

@@ -457,6 +457,13 @@ type        : 'UI Collection'
   <div class="example">
     <h4 class="ui header">Fields</h4>
     <p>Fields can exist together side by side</p>
+    <div class="ui ignored positive icon message">
+      <i class="mobile icon"></i>
+      <div class="content">
+        <h3 class="header">Responsive Element</h3>
+        <p>Grouped fields automatically receive responsive styling, swapping to one field per row for mobile.</p>
+      </div>
+    </div>
     <div class="ui form">
       <div class="ui three fields">
         <div class="field">

server/documents/collections/menu.html.eco

@@ -77,7 +77,7 @@ type        : 'UI Collection'
     <p>A pagination menu is specially formatted to present links to pages of content</p>
     <div class="ui pagination menu">
       <a class="icon item">
-        <i class="icon left arrow"></i>
+        <i class="left arrow icon"></i>
       </a>
       <a class="active item">
         1
@@ -95,7 +95,7 @@ type        : 'UI Collection'
         12
       </a>
       <a class="icon item">
-        <i class="icon right arrow"></i>
+        <i class="right arrow icon"></i>
       </a>
     </div>
   </div>
@@ -989,7 +989,7 @@ type        : 'UI Collection'
     <p>A menu item or menu can have no borders</p>
     <div class="ui borderless pagination menu">
       <a class="item">
-        <i class="icon left arrow"></i> Previous
+        <i class="left arrow icon"></i> Previous
       </a>
       <a class="item">1</a>
       <a class="item">2</a>

server/documents/hotfix.html.eco

@@ -10,17 +10,74 @@ type   : 'Library'
 
 <script type='text/javascript'>
 $(document).ready(function(){
-  $('#smile').popup({on: 'click'});
-  $('#frown').popup({on: 'click'});
+  $( '#testing')
+      .sidebar({
+          overlay: true
+      })
+      .sidebar('attach events', '#left-mobile-menu')
+      .sidebar('attach events', '#close', 'hide')
+  ;
+
+  $('.ui.dropdown')
+      .dropdown()
+  ;
 });
 
 </script>
+<div class="ui left sidebar inverted vertical menu" id="testing">
+      <a class="header item" id="close">
+        <i class="close icon"></i>
+        Cerrar
+      </a>
+      <a class="item" href="{{pathFor 'home'}}">
+        <i class="home icon"></i>
+        Inicio
+      </a>
+      <a class="item" href="{{pathFor 'blogIndex'}}">
+        <i class="star icon"></i>
+        Blog
+      </a>
+      <a class="item" href="{{pathFor 'contact'}}">
+        <i class="mail icon"></i>
+        Contacto
+      </a>
+
+      <div class="ui inverted horizontal section divider">
+          <i class="green circular basic lightning icon"></i>
+      </div>
+    
+      <div class="item">
+       <div class="ui icon fluid green three buttons">
+        <div class="ui top left pointing dropdown button">
+          <i class="users icon"></i>
+          <div class="menu">
+            <div class="item"><a href="{{pathFor 'adminUsers'}}"><i class="users icon"></i>All Users</a></div>
+            <div class="item"><a href="{{pathFor 'adminUsers'}}"><i class="users icon"></i>Add Roles</a></div>
+          </div>
+        </div>
+        <div class="ui top left pointing dropdown button">
+          <i class="text file icon"></i>
+          <div class="menu">
+            <div class="item"><a href="{{pathFor 'blogAdminNew'}}"><i class="add icon"></i>New Post</a></div>
+            <div class="item"><a href="{{pathFor 'blogAdmin'}}"><i class="edit icon"></i>All Posts</a></div>
+          </div>
+        </div>
+        <div class="ui top right pointing dropdown button">
+          <i class="settings icon"></i>
+          <div class="menu">
+            <div class="item"><i class="edit icon"></i>Edit Settings</div>
+          </div>
+        </div>
+      </div>
+      </div>
+
+</div>
+<div class="ui grid">
+    <div class="one column row">
+        <div id="left-mobile-menu" class="ui right floated button">
+            <i class="list layout icon"></i>
+        </div>
+    </div>
+</div>
+</body>
 
-<div class="main container">
-  <div id="smile" class="ui labeled icon button" title="You can see this">
-      <i class="smile icon"></i>Click me first
-  </div>
-  <div id="frown" class="ui labeled icon button" title="You can't see this">
-      <i class="frown icon"></i>Then click me
-  </div>
-</div>

server/documents/modules/dimmer.html.eco

@@ -163,8 +163,8 @@ type        : 'UI Module'
         <div class="ui dimmer">
           <div class="content">
             <div class="center">
-              <div class="ui green button">Vote</div>
-              <a class="ui button">View</a>
+              <div class="ui mini green button">Vote</div>
+              <a class="ui mini button">View</a>
             </div>
           </div>
         </div>

server/documents/project/contributing.html.eco

@@ -20,13 +20,13 @@ type        : 'Semantic Project'
 
     <p>One of the easiest ways to support Semantic UI is to get the word out</p>
 
-    <script id='fbrob7c'>(function(i){var f,s=document.getElementById(i);f=document.createElement('iframe');f.src='//api.flattr.com/button/view/?uid=semantic-org&button=compact&url=https%3A%2F%2Fgithub.com%2Fsemantic-org%2FSemantic-UI';f.title='Flattr';f.height=31;f.width=110;f.style.marginRight=10;f.style.borderWidth=0;s.parentNode.insertBefore(f,s);})('fbrob7c');</script>
-
+    <script id='fbuzld8'>(function(i){var f,s=document.getElementById(i);f=document.createElement('iframe');f.src='//api.flattr.com/button/view/?uid=jlukic&url=https%3A%2F%2Fgithub.com%2FSemantic-Org%2FSemantic-UI%2F';f.title='Flattr';f.height=62;f.width=55;f.style.borderWidth=0;s.parentNode.insertBefore(f,s);})('fbuzld8');</script>
+    <br><br><br>
     <iframe src="http://ghbtns.com/github-btn.html?user=semantic-org&repo=semantic=ui&type=watch&count=true&size=large"
     allowtransparency="true" frameborder="0" scrolling="0" width="90" height="30"></iframe>
 
     <iframe src="http://ghbtns.com/github-btn.html?user=semantic-org&repo=semantic=ui&type=follow&count=true&size=large"
-    allowtransparency="true" frameborder="0" scrolling="0" width="170" height="30"></iframe>
+    allowtransparency="true" frameborder="0" scrolling="0" width="220" height="30"></iframe>
 
     <iframe src="http://ghbtns.com/github-btn.html?user=semantic-org&repo=semantic=ui&type=fork&count=true&size=large"
     allowtransparency="true" frameborder="0" scrolling="0" width="90" height="30"></iframe>