markdown-ui 0.1.7 → 0.1.8

data/website/index.md

@@ -1,42 +1,37 @@
-> 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:
+> Container:
+> > Inverted Segment:
+> > > Inverted Menu:
+> > > [Markdown UI](http：//jjuliano.github.io/markdown-ui "active basic")
+> > > > Inverted Right Menu:
+> > > > [Docs](docs/toc.html)
+> > > > [About](about.html)
+> > > > [Github](https：//github.com/jjuliano/markdown-ui)
+> > > > [Install](#install)
 >
 > <!-- -->
 >
 > > Inverted Attached Teal Very Padded Segment:
 > > # Markdown UI
 > > ### Responsive UI in Markdown
+> > ### Read the [__Button|Documentation__](docs/toc.html)
 >
 > <!-- -->
 >
-> > Attached Segment:
-> >
-> > <!-- -->
-> >
+> > Basic Attached Segment:
 > > > Equal Width Grid:
 > > > > Column:
-> > > > ##Installation
+> > > > ## Installation::install
 > > > > ```gem install markdown-ui```
-> > > > ##Usage
+> > > > ## Usage::usage
 > > > > ```markdown-ui index.mdui > index.html```
-> > > > ##Credits
+> > > > ## Credits::credits
 > > > > Markdown-UI uses [Semantic-UI http：//www.semantic-ui.com](http：//www.semantic-ui.com) syntax and framework, and ruby ```redcarpet``` library.
 > > > > Credit goes to the people behind these wonderful framework and libraries.
-> > > > ##Issues/Bugs
+> > > > ## Source
+> > > > This document is written entirely in Markdown-UI. see： [the source files](https：//github.com/jjuliano/markdown-ui/tree/master/website)
+> > > > ## Issues/Bugs::issues-bugs
 > > > > * Ongoing support for Semantic-UI elements/modules/components
 > > > > * The Colon (：) character will be parsed when used inside a text, needs post-processing to dislay correctly (for URL's)"
-> > > > * Code is not DRY, needs refactoring.
-> > > > * Implimentation is subject to change
 > > > > * A separator in between two spaces is required on block elements to separate elements (see Column example)
 > > >
 > > > <!-- -->
@@ -54,7 +49,7 @@
 >
 > <!-- -->
 >
-> ##Cheat Sheet:Center Aligned
+> ##Cheat Sheet:Center Aligned:cheatsheets
 > > Equal Width Grid:
 > > > Column:
 > > > > Basic Segment:
@@ -166,522 +161,4 @@
 > > > > > ``` > > Column 2 ``` <br />
 > > > >
 > > > > <!-- -->
-> > > >
->
-> <!-- -->
->
-> > Segment:
-> > # Buttons:Center Aligned
->
-> <!-- -->
->
-> > Segment:
-> > ### Button
-> > "Standard Button"
->
-> <!-- -->
->
-> > Divided Segment Grid:
-> > > HTML Top Attached Segment:
-> > > > Top Attached Label:
-> > > > Standard Button
-> >
-> > <!-- -->
-> >
-> > > Center Aligned Six Wide Column:
-> > > ##### Preview
-> > > __Button|Follow__
-> >
-> > <!-- -->
-> >
-> > > Left Aligned Ten Wide Column:
-> > > ##### Markdown Syntax
-> > > > Inverted Very Padded Segment:
-> > > > ```
-> > > > __Button|Follow__
-> > > > ```
-> >
-> > <!-- -->
-> >
->
-> <!-- -->
->
-> > Divided Segment Grid:
-> > > HTML Top Attached Segment:
-> > > > Top Attached Label:
-> > > > Standard Button with Custom Class And ID
-> >
-> > <!-- -->
-> >
-> > > Center Aligned Six Wide Column:
-> > > ##### Preview
-> > > __Optional-Class Button|Follow|Optional-ID__
-> >
-> > <!-- -->
-> >
-> > > Left Aligned Ten Wide Column:
-> > > ##### Markdown Syntax
-> > > > Inverted Very Padded Segment:
-> > > > ```__<Optional-Class> Button|Follow|<Optional-ID>__```
-> >
-> > <!-- -->
-> >
->
-> <!-- -->
->
-> > Divided Segment Grid:
-> > > HTML Top Attached Segment:
-> > > > Top Attached Label:
-> > > > Focusable Button
-> >
-> > <!-- -->
-> >
-> > > Center Aligned Six Wide Column:
-> > > ##### Preview
-> > > __Focusable Button|Follow|Optional-ID__
-> >
-> > <!-- -->
-> >
-> > > Left Aligned Ten Wide Column:
-> > > ##### Markdown Syntax
-> > > > Inverted Very Padded Segment:
-> > > > ```
-> > > > __Focusable Button|Follow|<Optional-ID>__
-> > > > ```
-> >
-> > <!-- -->
-> >
->
-> <!-- -->
->
-> > Attached Segment:
-> > ### Emphasis
-> > "A button can be formatted to show different levels of emphasis"
->
-> <!-- -->
->
-> > Divided Segment Grid:
-> > > HTML Top Attached Segment:
-> > > > Top Attached Label:
-> > > > Emphasis
-> >
-> > <!-- -->
-> >
-> > > Center Aligned Six Wide Column:
-> > > ##### Preview
-> > > __Primary Button|Save__  __Button|Discard__
-> > > " "
-> > > __Secondary Button|Save__  __Button|Discard__
-> >
-> > <!-- -->
-> >
-> > > Left Aligned Ten Wide Column:
-> > > ##### Markdown Syntax
-> > > > Inverted Very Padded Segment:
-> > > > ``` __Primary Button|Save__  __Button|Discard__ ``` <br />
-> > > > ``` __Secondary Button|Save__  __Button|Discard__ ```
-> >
-> > <!-- -->
-> >
->
-> <!-- -->
->
-> > Attached Segment:
-> > ### Animated
-> > "A button can animate to show hidden content"
->
-> <!-- -->
->
-> > Divided Segment Grid:
-> > > HTML Top Attached Segment:
-> > > > Top Attached Label:
-> > > > Animated
-> >
-> > <!-- -->
-> >
-> > > Center Aligned Six Wide Column:
-> > > ##### Preview
-> > > __Animated Button|Next;Icon:Right Arrow__
-> >
-> > <!-- -->
-> >
-> > > Left Aligned Ten Wide Column:
-> > > ##### Markdown Syntax
-> > > > Inverted Very Padded Segment:
-> > > > ```
-> > > > __Animated Button|Next;Icon：Right Arrow__
-> > > > ```
-> >
-> > <!-- -->
-> >
->
-> <!-- -->
->
-> > Divided Segment Grid:
-> > > HTML Top Attached Segment:
-> > > > Top Attached Label:
-> > > > Vertical Animated
-> >
-> > <!-- -->
-> >
-> > > Center Aligned Six Wide Column:
-> > > ##### Preview
-> > > __Vertical Animated Button|Icon:Shop;Shop__
-> >
-> > <!-- -->
-> >
-> > > Left Aligned Ten Wide Column:
-> > > ##### Markdown Syntax
-> > > > Inverted Very Padded Segment:
-> > > > ```
-> > > > __Vertical Animated Button|Icon：Shop;Shop__
-> > > > ```
-> >
-> > <!-- -->
-> >
->
-> <!-- -->
->
-> > Divided Segment Grid:
-> > > HTML Top Attached Segment:
-> > > > Top Attached Label:
-> > > > Fade Animated
-> >
-> > <!-- -->
-> >
-> > > Center Aligned Six Wide Column:
-> > > ##### Preview
-> > > __Fade Animated Button|Sign-up for a Pro account;$12.99 a month__
-> >
-> > <!-- -->
-> >
-> > > Left Aligned Ten Wide Column:
-> > > ##### Markdown Syntax
-> > > > Inverted Very Padded Segment:
-> > > > ```__Fade Animated Button|Sign-up for a Pro account;$12.99 a month__```
-> >
-> > <!-- -->
-> >
->
-> <!-- -->
->
-> > Attached Segment:
-> > ### Icon
-> > "A button can have only an icon"
->
-> <!-- -->
->
-> > Divided Segment Grid:
-> > > HTML Top Attached Segment:
-> > > > Top Attached Label:
-> > > > Icon Button
-> >
-> > <!-- -->
-> >
-> > > Center Aligned Six Wide Column:
-> > > ##### Preview
-> > > __Icon Button|Icon:Cloud__
-> >
-> > <!-- -->
-> >
-> > > Left Aligned Ten Wide Column:
-> > > ##### Markdown Syntax
-> > > > Inverted Very Padded Segment:
-> > > > ```
-> > > > __Icon Button|Icon：Cloud__
-> > > > ```
-> >
-> > <!-- -->
-> >
->
-> <!-- -->
->
-> > Attached Segment:
-> > ### Labeled Icon
-> > "A button can have an icon and a label"
->
-> <!-- -->
->
-> > Divided Segment Grid:
-> > > HTML Top Attached Segment:
-> > > > Top Attached Label:
-> > > > Labeled Icon
-> >
-> > <!-- -->
-> >
-> > > Center Aligned Six Wide Column:
-> > > ##### Preview
-> > > __Labeled Icon Button|Icon:Pause,Pause__
-> >
-> > <!-- -->
-> >
-> > > Left Aligned Ten Wide Column:
-> > > ##### Markdown Syntax
-> > > > Inverted Very Padded Segment:
-> > > > ```
-> > > > __Labeled Icon Button|Icon：Pause,Pause__
-> > > > ```
-> >
-> > <!-- -->
-> >
->
-> <!-- -->
->
-> > Attached Segment:
-> > ### Basic Button
-> > "A basic button is less pronounced"
->
-> <!-- -->
->
-> > Divided Segment Grid:
-> > > HTML Top Attached Segment:
-> > > > Top Attached Label:
-> > > > Basic Button
-> >
-> > <!-- -->
-> >
-> > > Center Aligned Six Wide Column:
-> > > ##### Preview
-> > > __Basic Button|Icon:User,Add Friend__
-> >
-> > <!-- -->
-> >
-> > > Left Aligned Ten Wide Column:
-> > > ##### Markdown Syntax
-> > > > Inverted Very Padded Segment:
-> > > > ```
-> > > > __Basic Button|Icon：User,Add Friend__
-> > > > ```
-> >
-> > <!-- -->
-> >
->
-> <!-- -->
->
-> > Divided Segment Grid:
-> > > HTML Top Attached Segment:
-> > > > Top Attached Label:
-> > > > Basic Button
-> >
-> > <!-- -->
-> >
-> > > Center Aligned Six Wide Column:
-> > > ##### Preview
-> > > __Basic Standard Button|Standard__
-> > > __Basic Black Button|Black__
-> > > __Basic Yellow Button|Yellow__
-> > > __Basic Green Button|Green__
-> > > __Basic Blue Button|Blue__
-> > > __Basic Orange Button|Orange__
-> > > __Basic Purple Button|Purple__
-> > > __Basic Pink Button|Pink__
-> > > __Basic Red Button|Red__
-> > > __Basic Teal Button|Teal__
-> >
-> > <!-- -->
-> >
-> > > Left Aligned Ten Wide Column:
-> > > ##### Markdown Syntax
-> > > > Inverted Very Padded Segment:
-> > > > ``` __Basic Standard Button|Standard__``` <br />
-> > > > ``` __Basic Black Button|Black__``` <br />
-> > > > ``` __Basic Yellow Button|Yellow__``` <br />
-> > > > ``` __Basic Green Button|Green__``` <br />
-> > > > ``` __Basic Blue Button|Blue__``` <br />
-> > > > ``` __Basic Orange Button|Orange__``` <br />
-> > > > ``` __Basic Purple Button|Purple__``` <br />
-> > > > ``` __Basic Pink Button|Pink__``` <br />
-> > > > ``` __Basic Red Button|Red__``` <br />
-> > > > ``` __Basic Teal Button|Teal__```
-> >
-> > <!-- -->
-> >
->
-> <!-- -->
->
-> > Attached Segment:
-> > ### Inverted
-> > "A button can be formatted to appear on dark backgrounds"
->
-> <!-- -->
->
-> > Divided Segment Grid:
-> > > HTML Top Attached Segment:
-> > > > Top Attached Label:
-> > > > Inverted
-> >
-> > <!-- -->
-> >
-> > > Center Aligned Six Wide Column:
-> > > ##### Preview
-> > > > Inverted Very Padded Segment:
-> > > __Inverted Standard Button|Standard__
-> > > __Inverted Black Button|Black__
-> > > __Inverted Yellow Button|Yellow__
-> > > __Inverted Green Button|Green__
-> > > __Inverted Blue Button|Blue__
-> > > __Inverted Orange Button|Orange__
-> > > __Inverted Purple Button|Purple__
-> > > __Inverted Pink Button|Pink__
-> > > __Inverted Red Button|Red__
-> > > __Inverted Teal Button|Teal__
-> >
-> > <!-- -->
-> >
-> > > Left Aligned Ten Wide Column:
-> > > ##### Markdown Syntax
-> > > > Inverted Very Padded Segment:
-> > > > ```> Inverted Segment：``` <br />
-> > > > ```> __Inverted Standard Button|Standard__``` <br />
-> > > > ```> __Inverted Black Button|Black__``` <br />
-> > > > ```> __Inverted Yellow Button|Yellow__``` <br />
-> > > > ```> __Inverted Green Button|Green__``` <br />
-> > > > ```> __Inverted Blue Button|Blue__``` <br />
-> > > > ```> __Inverted Orange Button|Orange__``` <br />
-> > > > ```> __Inverted Purple Button|Purple__``` <br />
-> > > > ```> __Inverted Pink Button|Pink__``` <br />
-> > > > ```> __Inverted Red Button|Red__``` <br />
-> > > > ```> __Inverted Teal Button|Teal__```
-> >
-> > <!-- -->
-> >
->
-> <!-- -->
->
-> > Attached Segment:
-> > ### Groups
-> > "Buttons can exist together as a group"
->
-> <!-- -->
->
-> > Divided Segment Grid:
-> > > HTML Top Attached Segment:
-> > > > Top Attached Label:
-> > > > Buttons
-> >
-> > <!-- -->
-> >
-> > > Center Aligned Six Wide Column:
-> > > ##### Preview
-> > > > Buttons:
-> > > > __Button|One|Standard__
-> > > > __Button|Two|Standard__
-> > > > __Button|Three|Standard__
-> >
-> > <!-- -->
-> >
-> > > Left Aligned Ten Wide Column:
-> > > ##### Markdown Syntax
-> > > > Inverted Very Padded Segment:
-> > > > ```> Buttons：``` <br />
-> > > > ```> __Standard Button|One__``` <br />
-> > > > ```> __Standard Button|Two__``` <br />
-> > > > ```> __Standard Button|Three__```
-> >
-> > <!-- -->
-> >
->
-> <!-- -->
->
-> > Attached Segment:
-> > ### Icon Buttons
-> > "Buttons can exist together as a group"
->
-> <!-- -->
->
-> > Divided Segment Grid:
-> > > HTML Top Attached Segment:
-> > > > Top Attached Label:
-> > > > Buttons
-> >
-> > <!-- -->
-> >
-> > > Center Aligned Six Wide Column:
-> > > ##### Preview
-> > > > Icon Buttons:
-> > > > __Button|Icon: Align Left__
-> > > > __Button|Icon: Align Center__
-> > > > __Button|Icon: Align Right__
-> > > > __Button|Icon: Align Justify__
-> > >
-> > > <!-- -->
-> > >
-> > > > Icon Buttons:
-> > > > __Button|Icon: Bold__
-> > > > __Button|Icon: Underline__
-> > > > __Button|Icon: Text Width__
-> >
-> > <!-- -->
-> >
-> > > Left Aligned Ten Wide Column:
-> > > ##### Markdown Syntax
-> > > > Inverted Very Padded Segment:
-> > > > ```> Icon Buttons：``` <br />
-> > > > ```> __Button|Icon：Align Left__``` <br />
-> > > > ```> __Button|Icon：Align Center__``` <br />
-> > > > ```> __Button|Icon：Align Right__``` <br />
-> > > > ```> __Button|Icon：Align Justify__``` <br />
-> > > <br />
-> > > ```  <!-- A separator is required in between two spaces -->``` <br />
-> > > <br />
-> > > > ```> Icon Buttons：``` <br />
-> > > > ```> __Button|Icon：Bold__``` <br />
-> > > > ```> __Button|Icon：Underline__``` <br />
-> > > > ```> __Button|Icon：Text Width__```
-> >
-> > <!-- -->
-> >
->
-> <!-- -->
->
-> > Attached Segment:
-> > ### Conditionals
-> > "Button groups can contain conditionals"
->
-> <!-- -->
->
-> > Divided Segment Grid:
-> > > HTML Top Attached Segment:
-> > > > Top Attached Label:
-> > > > Conditionals
-> >
-> > <!-- -->
-> >
-> > > Center Aligned Six Wide Column:
-> > > ##### Preview
-> > > > Buttons:
-> > > > __Button|Cancel__
-> > > > __Div Tag||Or__
-> > > > __Positive Button|Save__
-> >
-> > <!-- -->
-> >
-> > > Left Aligned Ten Wide Column:
-> > > ##### Markdown Syntax
-> > > > Inverted Very Padded Segment:
-> > > > ```> Buttons：``` <br />
-> > > > ```> __Button|Cancel__``` <br />
-> > > > ```> __Div Tag||Or__``` <br />
-> > > > ```> __Positive Button|Save__```
-> >
-> > <!-- -->
-> >
-> > > Center Aligned Six Wide Column:
-> > > ##### Preview
-> > > > Buttons:
-> > > > __Button|un__
-> > > > __Div Tag||Or|Data:Text:ou__
-> > > > __Positive Button|deux|Optional-ID__
-> >
-> > <!-- -->
-> >
-> > > Left Aligned Ten Wide Column:
-> > > ##### Markdown Syntax
-> > > > Inverted Very Padded Segment:
-> > > > ```> Buttons：``` <br />
-> > > > ```> __Button|un__``` <br />
-> > > > ```> __Div Tag||Or|Data：Text：ou__``` <br />
-> > > > ```> __Positive Button|deux|<Optional-ID>__```
-> >
-> > <!-- -->
-> >
+> > > >

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: markdown-ui
 version: !ruby/object:Gem::Version
-  version: 0.1.7
+  version: 0.1.8
 platform: ruby
 authors:
 - Joel Bryan Juliano
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2015-08-07 00:00:00.000000000 Z
+date: 2015-08-12 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -137,6 +137,7 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
+- TODO.md
 - bin/console
 - bin/setup
 - components/collections/markdown-ui-grid/Gemfile
@@ -232,7 +233,9 @@ files:
 - lib/markdown-ui.rb
 - lib/markdown-ui/collection.rb
 - lib/markdown-ui/element.rb
+- lib/markdown-ui/tag/button_tag.rb
 - lib/markdown-ui/tag/custom_tag.rb
+- lib/markdown-ui/tag/focusable_button_tag.rb
 - lib/markdown-ui/tag/item_tag.rb
 - lib/markdown-ui/tag/list_tag.rb
 - lib/markdown-ui/tag/span_tag.rb
@@ -241,9 +244,13 @@ files:
 - lib/markdown-ui/utils/klass_util.rb
 - lib/markdown-ui/version.rb
 - markdown-ui.gemspec
-- website/button.html
-- website/button.md
+- website/about.html
+- website/about.md
 - website/compile.sh
+- website/docs/button.html
+- website/docs/button.md
+- website/docs/toc.html
+- website/docs/toc.md
 - website/index.html
 - website/index.md
 homepage: https://github.com/jjuliano/markdown-ui