Wu Wei http://projects.equivocality.com/wu-wei Knowing when to act and when not to act. Thu, 11 Jun 2009 14:11:02 +0000 http://wordpress.org/?v=2.9 en hourly 1 Breaking Out Of The Grid http://projects.equivocality.com/wu-wei/2009/05/20/breaking-out-of-the-grid/ http://projects.equivocality.com/wu-wei/2009/05/20/breaking-out-of-the-grid/#comments Wed, 20 May 2009 16:38:37 +0000 admin http://projects.equivocality.com/wu-wei/?p=248 This is an example of how to break out of the main content column. To do so, use the css classes “pull-1″ (to pull one column, such as the example below) and “pull-2″ (to pull all the way to the left side). If you’re using images, they should be 580 or 700 pixels wide (but not aligned left or right) to line up with the grid columns. As long as the text before the image in your post is taller than the title on the left, then it looks snazzy like this:

swing-away

You can also break out of the grid with text like so:

This is a blockquote pulled out by one column.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Doesn’t that look pretty?

]]> http://projects.equivocality.com/wu-wei/2009/05/20/breaking-out-of-the-grid/feed/ 13 Typography Test http://projects.equivocality.com/wu-wei/2009/05/19/typography-test/ http://projects.equivocality.com/wu-wei/2009/05/19/typography-test/#comments Tue, 19 May 2009 18:15:57 +0000 admin http://projects.equivocality.com/wu-wei/?p=223 Cras varius nulla in magna mollis ut interdum odio pretium. Suspendisse est sapien, faucibus sed cursus sed, posuere sit amet mauris. Donec quis odio lorem.

This is an h2 heading

Mauris consequat, odio eu dapibus semper, est dolor pharetra eros, at posuere massa leo id lectus. Ut aliquam gravida justo, sed tincidunt nisi consequat a. Phasellus ut erat ut urna dictum vehicula. Suspendisse dapibus faucibus dolor ut mattis.

This is an h3 heading

Duis laoreet, odio aliquet accumsan pulvinar, neque dui posuere turpis, at faucibus metus dui ac ipsum. Donec quis neque lorem, ac ultricies enim. Proin enim risus, dapibus placerat laoreet id, rhoncus non magna.

This is a short, single sentence block quote.

tiam porttitor, dui ut dictum venenatis, velit nisi cursus elit, in posuere sem nunc laoreet massa. Cras libero est, condimentum consequat sollicitudin vitae, gravida vel diam. Vestibulum nec mauris nec mi tincidunt accumsan.

This is an h4 heading

This is a longer, multiple paragraph block quote.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla vel libero consequat enim hendrerit venenatis a ut sem. Morbi eu metus elit, nec fermentum massa. Pellentesque id justo a velit pulvinar congue id sit amet nunc.

Ut metus velit, feugiat sit amet tincidunt et, lacinia sed purus. Aliquam ac est in metus dictum ultrices id facilisis mauris. Nunc velit urna, convallis eget lacinia ut, laoreet ac arcu. Phasellus volutpat condimentum nulla, vitae semper libero pretium et. Mauris eget risus dui, id bibendum quam. Ut urna nisi, varius vel ultrices at, ultrices sit amet nunc. Mauris metus leo, dapibus eu tempor id, tristique sed orci.

]]> http://projects.equivocality.com/wu-wei/2009/05/19/typography-test/feed/ 0 Embedded Video http://projects.equivocality.com/wu-wei/2009/05/19/embedded-video/ http://projects.equivocality.com/wu-wei/2009/05/19/embedded-video/#comments Tue, 19 May 2009 14:25:45 +0000 admin http://projects.equivocality.com/wu-wei/?p=258

Vestibulum euismod ullamcorper nulla, ut ultricies turpis pulvinar eu. Mauris vestibulum ipsum placerat velit fringilla ultrices.

]]> http://projects.equivocality.com/wu-wei/2009/05/19/embedded-video/feed/ 1 Lists Away! http://projects.equivocality.com/wu-wei/2009/05/19/lists-away/ http://projects.equivocality.com/wu-wei/2009/05/19/lists-away/#comments Tue, 19 May 2009 14:22:34 +0000 admin http://projects.equivocality.com/wu-wei/?p=202 This post has both unordered and ordered lists.

Unordered:

  • Excepteur sint occaecat cupidatat
  • Non proident, sunt in culpa qui officia
  • Deserunt mollit anim id est laborum
  • Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus
  • Saepe eveniet ut et

Ordered:

  1. Itaque earum rerum hic
  2. Tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur
  3. Aut perferendis doloribus asperiores repellat
  4. Nam libero tempore, cum soluta nobis est eligendi optio
  5. Cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus.
]]> http://projects.equivocality.com/wu-wei/2009/05/19/lists-away/feed/ 0 A Sticky Post http://projects.equivocality.com/wu-wei/2009/05/19/a-sticky-post/ http://projects.equivocality.com/wu-wei/2009/05/19/a-sticky-post/#comments Tue, 19 May 2009 14:16:20 +0000 admin http://projects.equivocality.com/wu-wei/?p=196 This should be at the top of the front page! (And for this theme, it adds an extra thick border at the top).

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

]]> http://projects.equivocality.com/wu-wei/2009/05/19/a-sticky-post/feed/ 2 Protected: A Protected Post http://projects.equivocality.com/wu-wei/2009/05/19/a-protected-post/ http://projects.equivocality.com/wu-wei/2009/05/19/a-protected-post/#comments Tue, 19 May 2009 14:15:20 +0000 admin http://projects.equivocality.com/wu-wei/?p=194

This post is password protected. To view it please enter your password below:


]]> http://projects.equivocality.com/wu-wei/2009/05/19/a-protected-post/feed/ 0 Gallery http://projects.equivocality.com/wu-wei/2009/05/18/gallery/ http://projects.equivocality.com/wu-wei/2009/05/18/gallery/#comments Mon, 18 May 2009 16:26:26 +0000 admin http://projects.equivocality.com/wu-wei/?p=227 This entry contains a gallery of eight pictures with two captions.

Making French toast Pigs in a blanket

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla vel libero consequat enim hendrerit venenatis a ut sem. Morbi eu metus elit, nec fermentum massa. Pellentesque id justo a velit pulvinar congue id sit amet nunc.

]]> http://projects.equivocality.com/wu-wei/2009/05/18/gallery/feed/ 1 A Super Long Entry http://projects.equivocality.com/wu-wei/2009/05/17/a-super-long-entry/ http://projects.equivocality.com/wu-wei/2009/05/17/a-super-long-entry/#comments Sun, 17 May 2009 15:55:24 +0000 admin http://projects.equivocality.com/wu-wei/?p=213 This entry is divided into several pages.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

]]> http://projects.equivocality.com/wu-wei/2009/05/17/a-super-long-entry/feed/ 0 A Short Post http://projects.equivocality.com/wu-wei/2009/04/01/a-short-post/ http://projects.equivocality.com/wu-wei/2009/04/01/a-short-post/#comments Wed, 01 Apr 2009 14:14:24 +0000 admin http://projects.equivocality.com/wu-wei/?p=191 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

]]> http://projects.equivocality.com/wu-wei/2009/04/01/a-short-post/feed/ 0 A Long Entry http://projects.equivocality.com/wu-wei/2009/02/07/a-long-entry/ http://projects.equivocality.com/wu-wei/2009/02/07/a-long-entry/#comments Sat, 07 Feb 2009 15:55:00 +0000 admin http://projects.equivocality.com/wu-wei/?p=216 This entry has an excerpt that’s divided by the “more” tag.

Mauris consequat, odio eu dapibus semper, est dolor pharetra eros, at posuere massa leo id lectus. Ut aliquam gravida justo, sed tincidunt nisi consequat a. Phasellus ut erat ut urna dictum vehicula. Suspendisse dapibus faucibus dolor ut mattis. Duis laoreet, odio aliquet accumsan pulvinar, neque dui posuere turpis, at faucibus metus dui ac ipsum. Donec quis neque lorem, ac ultricies enim. Proin enim risus, dapibus placerat laoreet id, rhoncus non magna. Vestibulum euismod ullamcorper nulla, ut ultricies turpis pulvinar eu. Mauris vestibulum ipsum placerat velit fringilla ultrices. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla vel libero consequat enim hendrerit venenatis a ut sem. Morbi eu metus elit, nec fermentum massa. Pellentesque id justo a velit pulvinar congue id sit amet nunc.

Vestibulum lobortis pulvinar leo, id pharetra nibh congue sed. Suspendisse sagittis purus ut arcu sagittis sed faucibus erat lacinia. Integer et justo vitae nunc sodales porttitor sed sed mi. In varius nunc ac magna adipiscing tempus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla dictum purus in urna luctus in tincidunt dolor consectetur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam quis lectus metus, quis sodales nisi. Donec pretium, neque ac facilisis vehicula, nibh dolor faucibus lacus, in tempus felis lorem vitae nibh. In pellentesque, magna nec auctor commodo, lacus nisl condimentum nulla, id dignissim nisi mauris ut leo. Curabitur commodo molestie velit sit amet pulvinar. Sed tincidunt, ipsum eu porta posuere, risus ligula varius nisl, nec lacinia orci turpis sed ante. Maecenas laoreet lorem nec urna congue posuere. Aliquam a libero lectus, tincidunt porttitor quam.

Phasellus a eleifend urna. Nulla facilisi. Cras fermentum volutpat justo, at semper nunc accumsan ac. Donec vitae justo in leo luctus ornare et dapibus eros. Vivamus malesuada ultrices neque, eget fringilla nulla eleifend quis. Quisque et rutrum libero. Integer vel eleifend felis. Ut metus velit, feugiat sit amet tincidunt et, lacinia sed purus. Aliquam ac est in metus dictum ultrices id facilisis mauris. Nunc velit urna, convallis eget lacinia ut, laoreet ac arcu. Phasellus volutpat condimentum nulla, vitae semper libero pretium et. Mauris eget risus dui, id bibendum quam. Ut urna nisi, varius vel ultrices at, ultrices sit amet nunc. Mauris metus leo, dapibus eu tempor id, tristique sed orci.

]]> http://projects.equivocality.com/wu-wei/2009/02/07/a-long-entry/feed/ 0