diff options
| author | William Carroll <wpcarro@gmail.com> | 2020-04-19T14·32+0100 |
|---|---|---|
| committer | William Carroll <wpcarro@gmail.com> | 2020-04-19T14·32+0100 |
| commit | d134db700f0445e1d851904145833dbf70ed48ac (patch) | |
| tree | b7e09b3d3eb5195cfce916c3016966a014ffbd54 /website/sandbox/learnpianochords/src/UI.elm | |
| parent | f92fe97aff16fa65ed8d4587b74b132811ff04ec (diff) | |
Support a FlashCard before showing the notes that comprise a chord
My much anticipated feature: first prompt the user for a name of a chord, then show the user that chord. Cascading changes: I changed the "Tap to practice" overlayButton's opacity from 30% to 100% because pausing when showFlashCard is True causes the two piece TIL: You can batch Elm Subscriptions using the Sub.batch function. What I haven't learned yet: How to best handle rotating screens for mobile devices (i.e. portrait vs. landscape modes). In time... What's left? - Support sound - Support a fine-tune section of the preferences - Support tablet and web browser variants - Ask users for the "I chord" instead of asking "C major Root position" - More styling (of course)
Diffstat (limited to 'website/sandbox/learnpianochords/src/UI.elm')
| -rw-r--r-- | website/sandbox/learnpianochords/src/UI.elm | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/website/sandbox/learnpianochords/src/UI.elm b/website/sandbox/learnpianochords/src/UI.elm index 50bbaaa2142d..a6876c4f8a0d 100644 --- a/website/sandbox/learnpianochords/src/UI.elm +++ b/website/sandbox/learnpianochords/src/UI.elm @@ -132,7 +132,7 @@ overlayButton { label, handleClick, isVisible } = , "top-0" , "left-0" , "block" - , "z-30" + , "z-40" , "w-screen" , "h-screen" , Tailwind.if_ isVisible "opacity-100" "opacity-0" @@ -140,7 +140,7 @@ overlayButton { label, handleClick, isVisible } = in button [ classes |> Tailwind.use |> class - , style "background-color" "rgba(0,0,0,0.30)" + , style "background-color" "rgba(0,0,0,1.0)" , onClick handleClick ] [ h1 |