css gradients, fun and easy

PorchfestMV, Martha's Vineyard, is the latest addition to my small legion of porchfest websites.

They used one of those "Free Logo" sites (honstly, more like $30-50 if you want to actually use it) and came up with:

Not setting the design world on fire, but serviceable. And the use of color gradients provides an easy visual hook for the website:

To make that bar, I made sure the wrapper div has a style position:relative, and then something like
.colorbar {
    height:100%;
    width:10px;
    position: absolute;
    left:-20px;
    background-image: linear-gradient(green, yellow, purple, red, blue);
}
I avoided ROYGBIV order for now, and might go back to color pick the actual colors the logo uses, but for now it's pretty sharp looking, and easy to code.