{ height: 1%; } - Ruby on Rails and User Interface Design

CSS, UI Design, Ruby on Rails and cheese ... lots of cheese

Typo Migration and Brighthouse Theme

Posted by Richard White Mon, 20 Feb 2006 17:46:00 GMT

I spent the better half of yesterday migrating this blog to Typo and bringing the associated articles on the old one over. I was originally just using a Blogger account that was being SFTP’d to my web server. That was a decent solution for a blog when you want a quick and dirty way to get started. But it was time to move to something with a little more flexibility and credibility(?). It also forced me to learn how to configure lighttpd to handle multiple Rails applications on the same domain (what other apps are on this domain you say? you’ll see, you’ll see).

In the process of converting to Typo I needed to migrate my look and feel. In Typo it was easy enough to do this by creating a new theme, which is exactly what I did and I named her Brighthouse. You can download the theme from the resources link on your right. I’ll go ahead and include my short configuration instructions here so they’ll be easier to find (you can also find them in about.markdown which is what shows up when you import the theme into Typo.

Unfortunately I cannot find any good sites that keep a list of Type themes. I found this page on the Typo trac, but it looks like it hasn’t been updated lately. There is also TypoGarden that recently put on a theme contest. There are some themes on there but you have to search back through their post archives and there appears to be no concise list or way to upload new themes. Let me know if you know of any Typo theme sites.

Getting Started with Brighthouse

  1. Download the zip file and extract it into your themes directory in Typo
  2. Add your personal information to the about box in /themes/brighthouse/layouts/default.rhtml
  3. Add your headshot photo into /themes/brighthouse/images/headshot.gif_(of course you can change that url in the default.rhtml)

Optionally you can create static sidebar lists with specialized list icons using <ul class="resources"> and <ul class="feeds">

Comments

  1. Per-Olof Hermansson said about 4 hours later:

    Thanks for the theme! I used it on my new blog, the default theme is too rough for my taste, and yours is more sublime

  2. Richard White said about 9 hours later:

    I’m glad you like it. Unfortunately, I probably should have held off on releasing it. I just did it this morning and have already gone through three minor versions of it. I’m going to try and keep the link on the right up to date.

    Moral of the story… get the lastest release, I think its a bit better :)

  3. Scott Laird said 9 days later:

    Theme and plugin management is something that we need to work on with Typo; our bug tracker is getting clogged with wonderful new additions, but I don’t really want to add all of them to the core of Typo. Sooner or later, we’ll have to build a plugin/theme site, but no one’s really had the time to do it yet.

  4. Richard White said 9 days later:

    Scott: Yeah I think the guys over at TypoGarden.com are trying to do that as well. How about making me a committer so I can tweak some of these layouts to make them more stylesheet friendly :)

Trackbacks

Use the following link to trackback from your own site:
http://height1percent.com/articles/trackback/9

(leave url/email »)

   Comment Markup Help Preview comment