This iteration brings borders to some of the boxes. I have intially set the borders to be 20% the width of the box, and because the box-sizing is set to border box on the reset, the borders are included within the size of each box. For this first experiment, I added a separate break for boxes with borders, you can see this section below starting on line 28.
As with the reselection of a color scheme in project 13, we will reset the breakpoints at the end of the fade out process, so that the program, when it runs could do a series where it is very likely to draw boxes, or it could go through a sequence where it is more likely to add words to the page. You can see below in the createBox function where the breakpoints are used as a test to determine what to draw — a box, circle, letter or word.
Code Snippets for 15
The updated createBox() function includes a chance to add boxes with a border with a random color from the color scheme.