Update docs

server/documents/behaviors/form.html.eco

@@ -695,7 +695,8 @@ type        : 'UI Behavior'
       <div class="ui ignored warning message">This example also uses a different validation event. Each element will be validated on input blur instead of the default form submit.</div>
       <div class="code" data-type="javascript">
         $('.ui.form')
-          .form(validationRules, {
+          .form({
+            fields : validationRules,
             inline : true,
             on     : 'blur'
           })

server/documents/hotfix.html

@@ -15,7 +15,8 @@ type       : 'Library'
 <script type="text/javascript">
 $(document).ready(function() {
     $('.container div').popup({
-      on: 'hover'
+      on: 'hover',
+      preserve: true
     });
 });
 </script>

server/documents/modules/nag.html.eco

@@ -14,7 +14,6 @@ status      : 'Undocumented'
 
 <%- @partial('header') %>
 
-<script src="/javascript/library/cookie.js"></script>
 <div class="main container">
 
   <div class="ui active tab" data-tab="overview">

server/documents/modules/sticky.html.eco

@@ -386,6 +386,11 @@ type        : 'UI Module'
           <td>false</td>
           <td>Whether element should be "pushed" by the viewport, attachig to the bottom of the screen when scrolling up</td>
         </tr>
+        <tr>
+          <td>jitter</td>
+          <td>5</td>
+          <td>Sticky container height will only be set if the difference between heights of container and context is larger than this jitter value.</td>
+        </tr>
         <tr>
           <td>observeChanges</td>
           <td>false</td>

server/files/javascript/docs.js

@@ -79,6 +79,7 @@ semantic.ready = function() {
     $code                = $('div.code').not('.existing'),
     $existingCode        = $('.existing.code'),
 
+    expertiseLevel       = $.cookie('expertiseLevel') || 0,
     languageDropdownUsed = false,
 
 
@@ -107,6 +108,10 @@ semantic.ready = function() {
           $('<i/>')
             .addClass('icon code')
             .insertBefore( $insertPoint )
+            .on('click', function() {
+              $.cookie('expertiseLevel', 2);
+              handler.createCode.call(this);
+            })
           ;
         })
       ;
@@ -1152,27 +1157,28 @@ semantic.ready = function() {
   */
 
   handler.createIcon();
-  $popupExample
-/*    .each(function() {
-      $(this)
-        .popup({
-          preserve: false,
-          on       : 'hover',
-          variation: 'inverted',
-          delay: {
-            show: 500,
-            hide: 100
-          },
-          position : 'top right',
-          offset   : 5,
-          content  : 'View Source',
-          target   : $(this).find('i.code')
-        })
-      ;
-    })*/
-    .find('i.code')
-      .on('click', handler.createCode)
-  ;
+
+  if(expertiseLevel < 2) {
+    $popupExample
+      .each(function() {
+        $(this)
+          .popup({
+            preserve: false,
+            on       : 'hover',
+            variation: 'inverted',
+            delay: {
+              show: 500,
+              hide: 100
+            },
+            position : 'top left',
+            offset   : -5,
+            content  : 'View Source',
+            target   : $(this).find('i.code')
+          })
+        ;
+      })
+    ;
+  }
 
   $menuMusic
     .on('click', handler.openMusic)

server/files/javascript/popup.js

@@ -35,6 +35,9 @@ semantic.popup.ready = function() {
       }
     })
   ;
+  $('.example:not(.no')
+    .popup('destroy')
+  ;
 
   $('.existing.example .rating')
     .rating()

server/files/stylesheets/docs.css

@@ -1795,7 +1795,7 @@ body.progress.animated .ui.progress .bar {
   #example .main.container > .tab > .examples > .right.rail,
   #example .main.container > .tab > .right.rail {
     padding-left: 1.5em;
-    width: 267px;
+    width: 260px;
   }
 
 }

server/partials/library-javascript.html.eco

@@ -4,6 +4,7 @@
 <script src="/javascript/library/jquery.min.js"></script>
 <% end %>
 
+<script src="/javascript/library/cookie.js"></script>
 <script src="/javascript/library/easing.min.js"></script>
 <script src="/javascript/library/highlight.min.js"></script>
 <script src="/javascript/library/highlight.languages.min.js"></script>