1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <link rel="stylesheet" href="index.css"> 7 <title> Color Scheme Generator </title> 8 </head> 9 <body> 10 <h1> Generate your Color Scheme!</h1> 11 <div class="container"> 12 <label for="color-box" class="box"></label> 13 <input type="color" id="color-box"> 14 <div> 15 <label for="select" class="pick"></label> 16 <select name="select" id="select"> 17 <option value="monochrome">monochrome</option> 18 <option value="monochrome-dark">monochrome-dark</option> 19 <option value="monochrome-light">monochrome-light</option> 20 <option value="analogic">analogic</option> 21 <option value="analogic-complement">analogic-complement</option> 22 <option value="triad">triad</option> 23 <option value="quad">quad</option> 24 </select> 25 <button id="getScheme" class="btn"> Get color scheme</button> 26 </div> 27 </div> 28 <div id="main"></div> 29 <div id="snackbar" class="alert"> 30 <span>Hex code copied</span> 31 <span class="close-btn" onclick="this.parentElement.style.visibility='hidden';">×</span> 32 </div> 33
33<script src="index.js"></script>
33 34 </body> 35</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.