autogenerated channels now

this build all possible channels that can be used during design work based on a cross matrix of channel names (blue, green, etc), and channel variants (one, two, three). If we want more channels, it's now super easy to add more. CSS notwithstanding.

Also creates a window.CeciChannels that can be tapped into by other components to figure out which channels the designer says can be used