Welcome

This is the demo and distribution site for the Wordpress 2.3+ theme, Kaizen.

To best familiarize yourself with the theme’s styling and capabilities, be sure to browse the various posts in this blog (there aren’t many, on purpose) as well as the Documentation.

Should you feel the need to comment on the theme, need help with the theme, or just thank me, please do it in reply to this post.

STATUS: 1.0 released!

Enjoy — Jeff Blaine

Various styling

Let’s take a look at some lists. We’ll start with an unordered single list.

  • This is an item. Fantastic.
  • And this is another wonderful item in our list, but with a longer line length.
  • One more ought to serve our purpose.

This is a block of text below the unordered list so you can see how it looks with text above and below it properly. I have nothing to say here, so I am rambling just to create text. How about an ordered list? Okay.

  1. Blah blah noodle noodle.
  2. dsf sf lsdkjfsdkf sdafj ds fsdfojp sdaf osadjf ds sdafjosd
  3. dsfkj sdfkj kffewoiweio eow ewoi ewio weio weiofj wfejo o fwoi oiwe fjowefoiewo

This is a block of text below the ordered list so you can see how it looks with text above and below it properly. I have nothing to say here, so I am rambling just to create text. How about a blockquote? Fine.

When I thought about the calibre of people in the room I realized we might just have a credible candidate for Mayor who will would finally enforce the laws of the city. It was almost too good to be true.

Maybe it’s time for a little emphasis or maybe it’s time to be a little strong.

Let’s also check out some source code in a preformatted block:

def jsmin(js):
    ins = StringIO(js)
    outs = StringIO()
    JavascriptMinify().minify(ins, outs)
    str = outs.getvalue()
    if len(str) > 0 and str[0] == ‘\n’:
        str = str[1:]
    return str

And some text below it.

Time for some headings, eh?

H1: Heading

H2: Sub-heading

H3: Sub-Sub-heading

H4: You get the idea…

Image styling

EmuMaybe now is a good time to float an image of an emu to the right with class="alignright top". We specify “top” as a class because the image is in the very beginning of our post here and we don’t want any margin on top of it. If the image was deep in the middle of some text, we would want the text flowing above it to be separated from the image by a margin (simply class="alignright"> in that case). You can do use class="alignleft" for left-floated images too. I don’t want to give the impression (rambling some more to generate text for this post) that this is a tutorial. Your best place for help is the Documentation section of this website. And with that, you have just seen how links are styled as well. See how clever I am?

Many themes don’t address the weirdness in browsers when block items, like images, are floated next to things like lists. Kaizen does.

Emu

  • My milkshake brings all the boys to the yard
  • And they’re like
  • It’s better than yours

Lorem Ipsum Post

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam ut elit. Nullam hendrerit, purus vitae commodo laoreet, arcu lectus accumsan leo, vel luctus diam nisi at diam. Donec vel metus id risus semper commodo. Maecenas a augue. Donec consectetuer convallis justo. In diam. Ut porta est ac pede. Nulla vitae lacus. Cras consectetuer libero at elit. Curabitur vestibulum dui eget nisi. Fusce cursus. Nulla tellus felis, mattis ac, convallis sit amet, interdum eget, libero. Vestibulum facilisis lacus eleifend nulla. Vivamus commodo placerat velit. Nunc eget dui non felis scelerisque lacinia. Suspendisse venenatis ultrices leo. Vestibulum mi quam, aliquam nec, fermentum ut, ultrices sit amet, ligula. Aenean elit.
Read More »