markdown-ui 0.1.7 → 0.1.8

data/website/{button.md → docs/button.md}

@@ -1,36 +1,33 @@
-> Sticky Inverted Vertical Menu:
-> [Button](button.html "active")
-> [Button](button.html)
-> [Button](button.html)
-> [Button](button.html)
-
-<!-- -->
-
-> Inverted Segment Container:
-> > Inverted Menu:
-> > [Markdown UI](#home "basic")
-> > > Inverted Right Menu:
-> > > [Docs](#docs "disabled")
-> > > [About](#about "disabled")
-> > > [Github](#github)
-> > > [Install](#install "disabled")
-
-<!-- -->
-
-> Left Aligned Container:
-> > Segment:
-> > # Buttons:Center Aligned
->
-> <!-- -->
->
-> > Segment:
-> > ### Button
+> Container:
+> > Inverted Segment:
+> > > Inverted Menu:
+> > > [Markdown UI](http：//jjuliano.github.io/markdown-ui "basic")
+> > > > Inverted Right Menu:
+> > > > [Table of Contents](toc.html)
+> > > > [About](../about.html)
+> > > > [Github](https：//github.com/jjuliano/markdown-ui)
+> > > > [Install](../index.html#install)
+>
+> <!-- -->
+>
+> > Basic Segment:
+> > # Button:Center Aligned:button
+>
+> <!-- -->
+>
+> > Basic Segment:
+> > ## Types:Dividing Left Aligned:types
+>
+> <!-- -->
+>
+> > Basic Segment:
+> > #### Button::simple-button
 > > "Standard Button"
 >
 > <!-- -->
 >
 > > Divided Segment Grid:
-> > > HTML Top Attached Segment:
+> > > Attached Segment:
 > > > > Top Attached Label:
 > > > > Standard Button
 > >
@@ -55,7 +52,7 @@
 > <!-- -->
 >
 > > Divided Segment Grid:
-> > > HTML Top Attached Segment:
+> > > Attached Segment:
 > > > > Top Attached Label:
 > > > > Standard Button with Custom Class And ID
 > >
@@ -78,7 +75,7 @@
 > <!-- -->
 >
 > > Divided Segment Grid:
-> > > HTML Top Attached Segment:
+> > > Attached Segment:
 > > > > Top Attached Label:
 > > > > Focusable Button
 > >
@@ -93,23 +90,21 @@
 > > > Left Aligned Ten Wide Column:
 > > > ##### Markdown Syntax
 > > > > Inverted Very Padded Segment:
-> > > > ```
-> > > > __Focusable Button|Follow|<Optional-ID>__
-> > > > ```
+> > > > ``` __Focusable Button|Follow|<Optional-ID>__ ```
 > >
 > > <!-- -->
 > >
 >
 > <!-- -->
 >
-> > Attached Segment:
-> > ### Emphasis
+> > Basic Segment:
+> > #### Emphasis::emphasis
 > > "A button can be formatted to show different levels of emphasis"
 >
 > <!-- -->
 >
 > > Divided Segment Grid:
-> > > HTML Top Attached Segment:
+> > > Attached Segment:
 > > > > Top Attached Label:
 > > > > Emphasis
 > >
@@ -134,14 +129,14 @@
 >
 > <!-- -->
 >
-> > Attached Segment:
-> > ### Animated
+> > Basic Segment:
+> > #### Animated::animated
 > > "A button can animate to show hidden content"
 >
 > <!-- -->
 >
 > > Divided Segment Grid:
-> > > HTML Top Attached Segment:
+> > > Attached Segment:
 > > > > Top Attached Label:
 > > > > Animated
 > >
@@ -156,9 +151,7 @@
 > > > Left Aligned Ten Wide Column:
 > > > ##### Markdown Syntax
 > > > > Inverted Very Padded Segment:
-> > > > ```
-> > > > __Animated Button|Next;Icon：Right Arrow__
-> > > > ```
+> > > > ```__Animated Button|Next;Icon：Right Arrow__```
 > >
 > > <!-- -->
 > >
@@ -166,7 +159,7 @@
 > <!-- -->
 >
 > > Divided Segment Grid:
-> > > HTML Top Attached Segment:
+> > > Attached Segment:
 > > > > Top Attached Label:
 > > > > Vertical Animated
 > >
@@ -181,9 +174,7 @@
 > > > Left Aligned Ten Wide Column:
 > > > ##### Markdown Syntax
 > > > > Inverted Very Padded Segment:
-> > > > ```
-> > > > __Vertical Animated Button|Icon：Shop;Shop__
-> > > > ```
+> > > > ```__Vertical Animated Button|Icon：Shop;Shop__```
 > >
 > > <!-- -->
 > >
@@ -191,7 +182,7 @@
 > <!-- -->
 >
 > > Divided Segment Grid:
-> > > HTML Top Attached Segment:
+> > > Attached Segment:
 > > > > Top Attached Label:
 > > > > Fade Animated
 > >
@@ -213,14 +204,14 @@
 >
 > <!-- -->
 >
-> > Attached Segment:
-> > ### Icon
+> > Basic Segment:
+> > #### Icon::icon
 > > "A button can have only an icon"
 >
 > <!-- -->
 >
 > > Divided Segment Grid:
-> > > HTML Top Attached Segment:
+> > > Attached Segment:
 > > > > Top Attached Label:
 > > > > Icon Button
 > >
@@ -236,7 +227,7 @@
 > > > ##### Markdown Syntax
 > > > > Inverted Very Padded Segment:
 > > > > ```
-> > > > __Icon Button|Icon：Cloud__
+> > > > __Icon Button|Icon:Cloud__
 > > > > ```
 > >
 > > <!-- -->
@@ -244,14 +235,14 @@
 >
 > <!-- -->
 >
-> > Attached Segment:
-> > ### Labeled Icon
+> > Basic Segment:
+> > #### Labeled Icon::labeled-icon
 > > "A button can have an icon and a label"
 >
 > <!-- -->
 >
 > > Divided Segment Grid:
-> > > HTML Top Attached Segment:
+> > > Attached Segment:
 > > > > Top Attached Label:
 > > > > Labeled Icon
 > >
@@ -266,23 +257,21 @@
 > > > Left Aligned Ten Wide Column:
 > > > ##### Markdown Syntax
 > > > > Inverted Very Padded Segment:
-> > > > ```
-> > > > __Labeled Icon Button|Icon：Pause,Pause__
-> > > > ```
+> > > > ``` __Labeled Icon Button|Icon：Pause,Pause__ ```
 > >
 > > <!-- -->
 > >
 >
 > <!-- -->
 >
-> > Attached Segment:
-> > ### Basic Button
+> > Basic Segment:
+> > #### Basic Button::basic-button
 > > "A basic button is less pronounced"
 >
 > <!-- -->
 >
 > > Divided Segment Grid:
-> > > HTML Top Attached Segment:
+> > > Attached Segment:
 > > > > Top Attached Label:
 > > > > Basic Button
 > >
@@ -297,9 +286,7 @@
 > > > Left Aligned Ten Wide Column:
 > > > ##### Markdown Syntax
 > > > > Inverted Very Padded Segment:
-> > > > ```
-> > > > __Basic Button|Icon：User,Add Friend__
-> > > > ```
+> > > > ``` __Basic Button|Icon：User,Add Friend__ ```
 > >
 > > <!-- -->
 > >
@@ -307,7 +294,7 @@
 > <!-- -->
 >
 > > Divided Segment Grid:
-> > > HTML Top Attached Segment:
+> > > Attached Segment:
 > > > > Top Attached Label:
 > > > > Basic Button
 > >
@@ -347,14 +334,14 @@
 >
 > <!-- -->
 >
-> > Attached Segment:
-> > ### Inverted
+> > Basic Segment:
+> > #### Inverted::inverted
 > > "A button can be formatted to appear on dark backgrounds"
 >
 > <!-- -->
 >
 > > Divided Segment Grid:
-> > > HTML Top Attached Segment:
+> > > Attached Segment:
 > > > > Top Attached Label:
 > > > > Inverted
 > >
@@ -396,14 +383,19 @@
 >
 > <!-- -->
 >
-> > Attached Segment:
-> > ### Groups
+> > Basic Segment:
+> > ## Groups:Dividing Left Aligned:groups
+>
+> <!-- -->
+>
+> > Basic Segment:
+> > #### Buttons::buttons
 > > "Buttons can exist together as a group"
 >
 > <!-- -->
 >
 > > Divided Segment Grid:
-> > > HTML Top Attached Segment:
+> > > Attached Segment:
 > > > > Top Attached Label:
 > > > > Buttons
 > >
@@ -431,14 +423,14 @@
 >
 > <!-- -->
 >
-> > Attached Segment:
-> > ### Icon Buttons
+> > Basic Segment:
+> > #### Icon Buttons::icon-buttons
 > > "Buttons can exist together as a group"
 >
 > <!-- -->
 >
 > > Divided Segment Grid:
-> > > HTML Top Attached Segment:
+> > > Attached Segment:
 > > > > Top Attached Label:
 > > > > Buttons
 > >
@@ -482,14 +474,19 @@
 >
 > <!-- -->
 >
-> > Attached Segment:
-> > ### Conditionals
+> > Basic Segment:
+> > ## Content:Dividing Left Aligned:content
+>
+> <!-- -->
+>
+> > Basic Segment:
+> > #### Conditionals::conditionals
 > > "Button groups can contain conditionals"
 >
 > <!-- -->
 >
 > > Divided Segment Grid:
-> > > HTML Top Attached Segment:
+> > > Attached Segment:
 > > > > Top Attached Label:
 > > > > Conditionals
 > >
@@ -532,4 +529,93 @@
 > > > > ```> __Positive Button|deux|<Optional-ID>__```
 > >
 > > <!-- -->
-> >
+> >
+>
+> <!-- -->
+>
+> > Basic Segment:
+> > ## States:Dividing Left Aligned:states
+>
+> <!-- -->
+>
+> > Basic Segment:
+> > #### Active::active
+> > "A button can show it is currently the active user selection"
+>
+> <!-- -->
+>
+> > Divided Segment Grid:
+> > > Attached Segment:
+> > > > Top Attached Label:
+> > > > Active State
+> >
+> > <!-- -->
+> >
+> > > Center Aligned Six Wide Column:
+> > > ##### Preview
+> > > __Active Button|Icon:User, Follow__
+> >
+> > <!-- -->
+> >
+> > > Left Aligned Ten Wide Column:
+> > > ##### Markdown Syntax
+> > > > Inverted Very Padded Segment:
+> > > > ```__Active Button|Icon：User, Follow__```
+>
+> <!-- -->
+>
+> > Basic Segment:
+> > #### Disabled::disabled
+> > "A button can show it is currently unable to be interacted with"
+>
+> <!-- -->
+>
+> > Divided Segment Grid:
+> > > Attached Segment:
+> > > > Top Attached Label:
+> > > > Disabled State
+> >
+> > <!-- -->
+> >
+> > > Center Aligned Six Wide Column:
+> > > ##### Preview
+> > > __Disabled Button|Icon:User,Followed__
+> >
+> > <!-- -->
+> >
+> > > Left Aligned Ten Wide Column:
+> > > ##### Markdown Syntax
+> > > > Inverted Very Padded Segment:
+> > > > ```__Disabled Button|Icon：User,Followed__```
+>
+> <!-- -->
+>
+> > Basic Segment:
+> > #### Loading::loading
+> > "A button can show a loading indicator"
+>
+> <!-- -->
+>
+> > Divided Segment Grid:
+> > > Attached Segment:
+> > > > Top Attached Label:
+> > > > Loading State
+> >
+> > <!-- -->
+> >
+> > > Center Aligned Six Wide Column:
+> > > ##### Preview
+> > > __Loading Button|Loading__
+> > > __Basic Loading Button|Loading__
+> > > __Primary Loading Button|Loading__
+> > > __Secondary Loading Button|Loading__
+> >
+> > <!-- -->
+> >
+> > > Left Aligned Ten Wide Column:
+> > > ##### Markdown Syntax
+> > > > Inverted Very Padded Segment:
+> > > > ``` __Loading Button|Loading__ ``` <br />
+> > > > ``` __Basic Loading Button|Loading__ ``` <br />
+> > > > ``` __Primary Loading Button|Loading__ ``` <br />
+> > > > ``` __Secondary Loading Button|Loading__ ```

data/website/docs/toc.html

@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.0.7/semantic.min.css" />
+    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.0.7/semantic.min.js"></script>
+<!--[if lt IE 9]>
+  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+  <![endif]-->
+    <style>
+<![CDATA[
+    code { white-space:pre }
+  ]]>
+    </style>
+  </head>
+  <body>
+  <div class="ui container">
+  <div class="ui inverted segment">
+    <div class="ui inverted menu">
+      <a class="ui basic item" href="http://jjuliano.github.io/markdown-ui">Markdown UI</a>
+      <div class="ui inverted right menu">
+        <a class="ui active item" href="toc.html">Docs</a>
+        <a class="ui item" href="../about.html">About</a>
+        <a class="ui item" href="https://github.com/jjuliano/markdown-ui">Github</a>
+        <a class="ui item" href="../index.html#install">Install</a>
+      </div>
+    </div>
+  </div>
+<!-- -->
+  <div class="ui text container">
+    <h1 class="ui center aligned header">Table of Contents</h1>
+    <h2 class="ui header">
+      <a class="ui item" href="button.html#button">Button</a>
+    </h2>
+    <div class="ui two column doubling grid container">
+      <div class="ui column"><h3 class="ui header"><a class="ui item" href="button.html#types">Types</a></h3><a class="ui item" href="button.html#simple-button">Button</a>
+,
+<a class="ui item" href="button.html#emphasis">Emphasis</a>
+,
+<a class="ui item" href="button.html#animated">Animated</a>
+,
+<a class="ui item" href="button.html#icon">Icon</a>
+,
+<a class="ui item" href="button.html#labeled-icon">Labeled Icon</a>
+,
+<a class="ui item" href="button.html#basic-button">Basic</a>
+,
+<a class="ui item" href="button.html#inverted">Inverted</a></div>
+<!-- -->
+      <div class="ui column"><h3 class="ui header"><a class="ui item" href="button.html#groups">Groups</a></h3><a class="ui item" href="button.html#buttons">Buttons</a>
+,
+<a class="ui item" href="button.html#icon-buttons">Icon Buttons</a></div>
+<!-- -->
+      <div class="ui column">
+        <h3 class="ui header">
+          <a class="ui item" href="button.html#content">Content</a>
+        </h3>
+        <a class="ui item" href="button.html#conditionals">Conditionals</a>
+      </div>
+<!-- -->
+      <div class="ui column"><h3 class="ui header"><a class="ui item" href="button.html#states">States</a></h3><a class="ui item" href="button.html#active">Active</a>
+,
+<a class="ui item" href="button.html#disabled">Disabled</a>
+,
+<a class="ui item" href="button.html#loading">Loading</a></div>
+    </div>
+  </div>
+</div>
+
+</body>
+</html>

data/website/docs/toc.md

@@ -0,0 +1,46 @@
+> Container:
+> > Inverted Segment:
+> > > Inverted Menu:
+> > > [Markdown UI](http：//jjuliano.github.io/markdown-ui "basic")
+> > > > Inverted Right Menu:
+> > > > [Docs](toc.html "active")
+> > > > [About](../about.html )
+> > > > [Github](https：//github.com/jjuliano/markdown-ui)
+> > > > [Install](../index.html#install)
+>
+> <!-- -->
+>
+> > Text Container:
+> > # Table of Contents:Center Aligned
+> > ## [Button](button.html#button)
+> > > Two Column Doubling Grid Container:
+> > > > Column:
+> > > > ### [Types](button.html#types)
+> > > > [Button](button.html#simple-button),
+> > > > [Emphasis](button.html#emphasis),
+> > > > [Animated](button.html#animated),
+> > > > [Icon](button.html#icon),
+> > > > [Labeled Icon](button.html#labeled-icon),
+> > > > [Basic](button.html#basic-button),
+> > > > [Inverted](button.html#inverted)
+> > >
+> > > <!-- -->
+> > >
+> > > > Column:
+> > > > ### [Groups](button.html#groups)
+> > > > [Buttons](button.html#buttons),
+> > > > [Icon Buttons](button.html#icon-buttons)
+> > >
+> > > <!-- -->
+> > >
+> > > > Column:
+> > > > ### [Content](button.html#content)
+> > > > [Conditionals](button.html#conditionals)
+> > >
+> > > <!-- -->
+> > >
+> > > > Column:
+> > > > ### [States](button.html#states)
+> > > > [Active](button.html#active),
+> > > > [Disabled](button.html#disabled),
+> > > > [Loading](button.html#loading)