34 lines
1.1 KiB
HTML
34 lines
1.1 KiB
HTML
<!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>
|