Adds homepage as introduction link, adds whatsnew, fixes some broken links

11 years ago · 889fccd695
6 changed files with 43 additions and 60 deletions
--- 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'
 ---

--- 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>

--- 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>
--- 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>
--- 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>
--- 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>