<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CodePen - Random Rainbow Generator Skypack</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- partial:index.partial.html -->
<section class="markdown-content">
<h1>🌈 Random Rainbow 🌈</h1>
<p>
Uses <a href="https://randomcolor.lllllllllllllllll.com/">RandomColor</a> and <a href="https://vis4.net/chromajs">Chroma</a> via <a href="https://www.skypack.dev/">Skypack</a> to generate a
rainbow palette. Some code has been adapted from <a href="https://github.com/jxnblk/palx">Palx</a> and simplified for educational purposes.
</p>
</section>
<button id="color">🌈 New Random Rainbow!</button>
<div id="rainbow">
<span id="red" class="color"></span>
<span id="orange" class="color"></span>
<span id="yellow" class="color"></span>
<span id="green" class="color"></span>
<span id="blue" class="color"></span>
<span id="pink" class="color"></span>
<span id="purple" class="color"></span>
</div>
<!-- partial -->
<script type="module" src="./script.js"></script>
</body>
</html>