Docs updates

server/documents/hotfix.html.eco

@@ -10,79 +10,41 @@ type       : 'Library'
 <!-- TEST JS HERE !-->
 <script>
 $(document).ready(function() {
-  $('.initialized .ui.checkbox').checkbox();
+  $('.ui.dropdown').dropdown();
 });
 </script>
 
 <!-- TEST CSS HERE !-->
 <style type="text/css">
-  .container {
-    padding-top: 5em;
-  }
+.container {
+  padding-top: 5em;
+}
 </style>
 
 <div class="ui container">
-  <form class="ui form">
-    <div class="fields">
-      <div class="field">
-        <label for="chk1">One</label>
-        <input type="checkbox" id="chk1">
-      </div>
-      <div class="field">
-        <label for="chk2">Two</label>
-        <input type="checkbox" id="chk2">
-      </div>
-      <div class="field">
-        <label for="chk3">Three</label>
-        <input type="checkbox" id="chk3">
-      </div>
+  <div class="ui search selection dropdown">
+    <input type="hidden">
+    <i class="dropdown icon"></i>
+    <div class="default text">Select a number</div>
+    <div class="menu">
+        <div class="item">One</div>
+        <div class="item">Two</div>
+        <div class="item">Three</div>
     </div>
-    <div class="fields">
-      <div class="field">
-        <label>One</label>
-        <div class="ui checkbox">
-          <input type="checkbox" />
-          <label>Checkbox</label>
-        </div>
-      </div>
-      <div class="field">
-        <label>Two</label>
-        <div class="ui toggle checkbox">
-          <input type="checkbox" />
-          <label>Toggle</label>
-        </div>
-      </div>
-      <div class="field">
-        <label>Three</label>
-        <div class="ui slider checkbox">
-          <input type="checkbox" />
-          <label>Slider</label>
-        </div>
-      </div>
-    </div>
-    <div class="initialized fields">
-      <div class="field">
-        <label>One</label>
-        <div class="ui checkbox">
-          <input type="checkbox" />
-          <label>Checkbox</label>
-        </div>
-      </div>
-      <div class="field">
-        <label>Two</label>
-        <div class="ui toggle checkbox">
-          <input type="checkbox" />
-          <label>Toggle</label>
-        </div>
-      </div>
-      <div class="field">
-        <label>Three</label>
-        <div class="ui slider checkbox">
-          <input type="checkbox" />
-          <label>Slider</label>
+</div>
+<div class="ui menu">
+    <div class="item">
+        <div class="ui search selection dropdown">
+            <input type="hidden">
+            <i class="dropdown icon"></i>
+            <div class="default text">Select a number</div>
+            <div class="menu">
+                <div class="item">One</div>
+                <div class="item">Two</div>
+                <div class="item">Three</div>
+            </div>
         </div>
-      </div>
     </div>
-  </form>
+</div>
 </div>
 </body>

server/documents/introduction/getting-started.html.eco

@@ -102,9 +102,9 @@ type        : 'Main'
   <div class="no example">
     <h4>Include in Your HTML</h4>
     <p>Running the gulp build tools will compile css and javascript for use in your project. Just link to these files in your html.</p>
-    <div class="ignored code" data-type="html">
-      <link rel="stylesheet" type="text/css" href="/semantic/dist/semantic.min.css">
-      <script src="semantic/dist/semantic.min.js"></script>
+    <div class="ignored code" data-type="html" data-escape="true">
+      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;/semantic/dist/semantic.min.css&quot;&gt;
+      &lt;script src=&quot;semantic/dist/semantic.min.js&quot;&gt;&lt;/script&gt;
     </div>
   </div>
   <h2 class="ui dividing header">Updating</h2>

server/documents/usage/theming.html.eco

@@ -53,7 +53,6 @@ type        : 'Usage'
     <div class="ui ignored code" data-type="less" data-less="true" data-title="site/globals/site.variables">
     @primaryColor   : @pink;
     @secondaryColor : @grey;
-
     @red            : #B03060;
     @orange         : #FE9A76;
     @yellow         : #FFD700;

server/files/javascript/docs.js

@@ -493,13 +493,11 @@ semantic.ready = function() {
           $.each(lines, function(index, line) {
             // clear whitespace
             line = $.trim(line);
-            console.log(line);
             // match variables only
             if(line[0] == '@') {
               name = line.match(/^@(.+?):/);
               value = line.match(/:\s*([\s|\S]+?;)/);
               if( ($.isArray(name) && name.length >= 2) && ($.isArray(value) && value.length >= 2) ) {
-              console.log(name[1], value[1]);
                 name = name[1];
                 value = value[1];
                 variables[name] = value;

server/files/javascript/home.js

@@ -74,7 +74,7 @@ semantic.home.ready = function() {
       parseFile: function(content) {
         var
           variables = {},
-          lines = content.match(/^(@[\s|\S]+?;)/gm),
+          lines = content.match(/^\s*(@[\s|\S]+?;)/gm),
           name,
           value
         ;