From ce781f7d6f3671ab3867cd68b32be6cdda93e8ff Mon Sep 17 00:00:00 2001 From: David DeSandro Date: Tue, 28 Dec 2010 08:01:01 -0500 Subject: [PATCH] html : add first doc --- _config.yml | 2 +- _layouts/default.html | 2 ++ _layouts/doc.html | 41 +++++++++++++++++++++++ _posts/docs/2010-12-01-introduction.mdown | 31 ++++++++++++++++- css/style.css | 36 +++++++++++++++++++- index.html | 6 +--- 6 files changed, 110 insertions(+), 8 deletions(-) create mode 100644 _layouts/doc.html diff --git a/_config.yml b/_config.yml index cec3472..c9ba643 100644 --- a/_config.yml +++ b/_config.yml @@ -1,4 +1,4 @@ -site_name: Isotope +name: Isotope permalink: /:categories/:title.html elements: diff --git a/_layouts/default.html b/_layouts/default.html index b3f1804..9ffdd18 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -3,6 +3,8 @@ {{ page.title }} + + {{ content }} diff --git a/_layouts/doc.html b/_layouts/doc.html new file mode 100644 index 0000000..8f53f44 --- /dev/null +++ b/_layouts/doc.html @@ -0,0 +1,41 @@ + + + + + {{ site.name }}: {{ page.title }} + + + + + + + + + + +
+ +

{{ page.title }}

+ + {{ content }} + +
+ Isotope by David DeSandro / Metafizzy +
+ +
+ + + + + + diff --git a/_posts/docs/2010-12-01-introduction.mdown b/_posts/docs/2010-12-01-introduction.mdown index 27be1ee..b901e76 100644 --- a/_posts/docs/2010-12-01-introduction.mdown +++ b/_posts/docs/2010-12-01-introduction.mdown @@ -6,4 +6,33 @@ layout: doc --- -Isotope \ No newline at end of file +Isotope is a layout, filtering, and sorting plugin for jQuery. + +## Features + +### Layout + +Isotope enables intelligent, dynamic layouts for listed items. Layouts can be arranged in columns, rows, grids, or more complexly like [Masonry](http://desandro.com/resources/jquery-masonry). + +### Filtering + +Items can be hidden and shown easily just by using simple jQuery selectors. + +### Sorting + +These items can then be rearranged in their order via sorting. Sorting relies on any data held within an item. + +### Progressive Enhancement + +All these behaviors leverage animation to produce engaging interfaces. The best CSS transition and transform features are utilized when available. + +## License + +**Commercial use requires purchase of one-time license fee per developer seat.** Commercial licenses may be purchased at [metafizzy.co](http://metafizzy.co). Non-commercial use is free. + +Commercial use generally includes any application that makes you money. This includes portfolio sites and premium templates. + +## Code repository + +%% This project lives on GitHub at.... %% + diff --git a/css/style.css b/css/style.css index 5a3f8e5..8d8bb13 100644 --- a/css/style.css +++ b/css/style.css @@ -10,11 +10,15 @@ body { padding: 20px; font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 13px; - line-height: 1.5em; + line-height: 1.7em; background: #1D1D1D; color: #FFF; } +section, nav, header, footer { + display: block; +} + h1, h2, h3, p, ul, ol, pre, dl { margin-bottom: 1.0em; @@ -308,6 +312,36 @@ body { } +/**** Docs ****/ + +body.doc { + max-width: 640px; +} + +.doc #content { + font-size: 14px; + line-height: 1.7em; +} + +@media screen and (min-width: 768px) { + + body.doc { + margin-left: 220px; + } + + .doc nav { + width: 200px; + position: fixed; + left: 10px; + font-size: 14px; + } + + .doc nav h1 { + margin-top: 0; + } + +} + /* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } diff --git a/index.html b/index.html index 78451ed..dc06f10 100644 --- a/index.html +++ b/index.html @@ -3,11 +3,7 @@ title: Index layout: default --- - +