colorPickerN.html

<head>
        <link rel="stylesheet" href="../gse5/colorPickerN.scss">
        <script src='../gse5/colorPickerN.js'></script>

</head>
<body>

<section>
    <h2>Basic example</h2>
    <a href="#" class="button" id="basic">Click me!</a>
</section>

<section>
    <h2>More <a href="https://vanilla-picker.js.org/gen/Picker.html#setOptions__anchor" target="_blank">options</a></h2>
    <a href="#" class="button" id="custom">Click me (and then 'Ok')!</a>
</section>

<section id="shared">
    <h2>Shared picker</h2>
    <p>Select background colors:</p>
    <div class="pickers">
        <a href="#" class="button picker_sample" id="color-bg"    data-color="white"></a>
        <a href="#" class="button picker_sample" id="color-line1" data-color="rgba(30,144,255, 0.2)"></a>
        <a href="#" class="button picker_sample" id="color-line2" data-color="rgba(255,99,71, 0.3)"></a>
    </div>
</section>

<section>
    <h2>Fixed (non-popup) picker</h2>
    <div id="fixed"></div>
</section>

</body>