Move the heading generating to a partial that iteratively wraps each character of the heading in a <span>. The CSS for the site heading uses :nth-child to color each span a different color.
