Style Guide

This page demonstrates various combinations of elements to serve as a guide to the style of the site.

Type

The site uses 3 font families:

• title family: georgia, times, serif
• body family: verdana, arial
• code family: courier new, courier, monospace

The body of the site is configured with a font size of 20px and a line height of 36px.

Colors

Code

There are 2 ways to denote code on the site - one being inline like so and the other being a block like this:

puts "hello world"
puts "this is a very long line of code so that we can have an example where we must horizontally scroll in order to see everything"

Images

Some blog post pages have images and they look like this:

click for bigger

Tables

Sometimes you just have to list tabular data. I expect that I'll want the right-most column to normally be right aligned so that's the default for now.