Basement Jaxx album cover with CSS and Prime Numbers

1/11/2019

I was doing a doodle of the Basement Jaxx Singles album in HTML / CSS and wanted to create an infinitely ( or close to infinitely ) varied background using linear-gradients and prime numbers.

Here's how I did it.

Pen: https://codepen.io/loficodes/pen/jXXzZE

The Cicada Principle and Why It Matters to Web Designers: https://www.sitepoint.com/the-cicada-principle-and-why-it-matters-to-web-designers/

List of primes: https://primes.utm.edu/lists/small/1000.txt

Prime Repetition Calculation: https://codepen.io/loficodes/pen/NLLVOV

Basement Jaxx Pen: https://codepen.io/loficodes/pen/yGwoaO

Variation 1: https://codepen.io/loficodes/pen/WLPKNa

Variation 2: https://codepen.io/loficodes/pen/VqgBYp

Variation 3: https://codepen.io/loficodes/pen/ZVwjpz

Variation 4: https://codepen.io/loficodes/pen/PXVBKB

Variation 5: https://codepen.io/loficodes/pen/dwajdZ