make color picker work without code
Signed-off-by: Naman Sood <mail@nsood.in>
This commit is contained in:
parent
004132e966
commit
745940cff9
4 changed files with 285 additions and 6 deletions
16
index.html
16
index.html
|
@ -47,6 +47,22 @@
|
|||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<dialog class="change-color-dialog">
|
||||
<h4>If you could pick any color,<br>what color would you pick?</h4>
|
||||
<form method="dialog">
|
||||
<div class="radio-buttons"></div>
|
||||
<input type="button" value="save" id="color-change-save">
|
||||
<input type="submit" value="exit">
|
||||
</form>
|
||||
</dialog>
|
||||
<button class="change-color-button" aria-label="change color">
|
||||
<i class="fas fa-paint-brush"></i>
|
||||
</button>
|
||||
<noscript>
|
||||
<style>
|
||||
button.change-color-button { display: none; }
|
||||
</style>
|
||||
</noscript>
|
||||
</section>
|
||||
|
||||
<!-- I guess it doesn't make sense for a purely visual easter egg to be visible to screen readers..? -->
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue