diff options
| author | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2023-07-20 21:14:07 +0200 |
|---|---|---|
| committer | Ruben Beltran del Rio <ruben@unlimited.pizza> | 2023-07-20 21:14:07 +0200 |
| commit | 3ec245a003e4e0cdecc9d58c1cac8b1b0f081fb4 (patch) | |
| tree | 16268ddf5c517f16c76680198aac45dffe1cf845 /index.html | |
| parent | a6a71e448b7f88bbf2d00e23a53355777373d3fb (diff) | |
Add the pattern selector
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 14 |
1 files changed, 12 insertions, 2 deletions
@@ -15,7 +15,7 @@ <link rel="icon" type="image/png" sizes="96x96" href="/images/icon96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/images/icon16.png"> - <script type="module" src="/js/updater.js"></script> + <script type="module" src="/js/fyr.js"></script> </head> <body> <div class="content-wrapper"> @@ -23,7 +23,17 @@ <h1><img alt="" src="/images/logo.png" />Fyr.</h1> <p>Communicate through light.</p> <h2>Update Status</h2> - <div class="updater" /> + <p>Move your mouse around the color box to change hue and saturation. Scroll inside the box to adjust lightness. Press to start recording the color in the timeline, release to stop.</p> + <div class="timeline"></div> + <div class="color-editor"> + <div class="color"></div> + <div class="light"></div> + <p class="x-label">Hue →</p> + <p class="z-label">Lightness ⇈</p> + <p class="y-label">Saturation →</p> + </div> + <button class="post">Post</button> + <button class="clear">Clear</button> </main> </div> </body> |