Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feature: add embedded 4four.io metronome above video component #108

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

ryancraigmartin
Copy link

@ryancraigmartin ryancraigmartin commented Sep 12, 2024

Summary

I've been using Fretonator a lot lately and was pleased to see that it was an Angular app! I'd like to bring this simple, hidden metronome embed up for consideration as an add-on to the existing site. I loved the simple look of the Learn about the 7 patterns button and thought using it might be a nice way to break the sections up. I know the light theme of the metronome embed can be a bit abrasive on the dark theme, but open to suggestions!

  • adds metronome iframe wrapper from 4four.io and a show/hide button styled like the Learn about the 7 patterns button.

Screenshots:

Screenshot 2024-09-12 at 6 13 44 PM Screenshot 2024-09-12 at 6 13 02 PM

localhost_63294_(iPhone 14 Pro Max) (1)
localhost_63294_(iPhone 14 Pro Max)

add: metronome iframe wrapper and show/hide btn

- added styles and an iframe relating to a metronome show hide button and iframe wrapper
@whitep4nth3r
Copy link
Owner

Thank you! I will have a think about this and get back to you!

As per my previous comment in the other PR, I'm having trouble getting this to run locally so I would love to know how you did it 😅

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants