Permalink
Browse files

Added: read me and demo page.

  • Loading branch information...
1 parent 5a64b28 commit 9fd8f5c596ed0fdbaf968a72678abd46b064c82a @bu committed Mar 23, 2013
Showing with 284 additions and 48 deletions.
  1. +18 −0 README.md
  2. +56 −10 css/hcolumns-intro.css
  3. +210 −38 index.html
View
@@ -0,0 +1,18 @@
+hColumns
+===============
+
+Introduction
+----------------
+hColumns is a jQuery plugin that looks like Mac OS X Finder's column view for the hierarchical data.
+
+Usage
+---------------------------
+Please visit the main site: [http://hax4.in/plugins/hColumns](http://hax4.in/plugins/hColumns)
+
+Author
+---------
+Buwei Chiu (bu) <bu@hax4.in>
+
+License
+---------
+BSD
View
66 css/hcolumns-intro.css 100644 → 100755
@@ -19,21 +19,67 @@ h1 small {
font-size: 0.5em;
}
-p.intro {
- margin: 1em 1.5em;
- background: #FFF;
-
- padding: 1em;
- border: 1px solid #ddd;
-}
-
-p.intro img {
+img {
margin: 20px;
}
h2 {
- margin: 0.5em 0;
+ margin: 1em 0;
font-size: 1.25em;
color: #999;
}
+
+ol {
+ margin-left: 2em;
+
+ list-style: upper-roman;
+}
+
+ol li {
+ margin: 20px;
+}
+
+.code-block {
+ border: 1px solid #ccc;
+ background: #fff;
+
+ margin: 1em;
+ padding: 1em;
+}
+
+.code-block strong {
+ display: block;
+
+ margin: 1em;
+ font-weight: 700;
+}
+
+.code-block strong.minor {
+ font-weight: 400;
+ color: #666;
+}
+
+.code-block pre {
+ padding: 10px;
+
+ font-family: monospace;
+}
+
+.code-block p {
+ padding: 0 30px;
+
+ margin: 10px 0;
+
+ font-size: 13px;
+}
+
+.code-block ol li {
+ font-size: 13px;
+ margin: 5px;
+ line-height: 20px;
+}
+
+.column-view-container {
+ margin: 1em;
+}
Oops, something went wrong.

0 comments on commit 9fd8f5c

Please sign in to comment.