Latest solutions
Latest comments
- @SakonBel@skanthanvijay
Very solid solution! The one thing I'd fix is to remove the outline when you click on the text input, it doesn't fit in with the theming. Other than that, great job
Marked as helpful - @rohailtaha@skanthanvijay
The most common way to hide API keys would be to do it as a fullstack app with environment variables off-client. For the Mapbox API key however, you can just restrict its URL to where you host the page so that others cant use it even if they see it.
Marked as helpful - @DeepPatel6128@skanthanvijay
The theme toggles don't work on your calculator. To make them work, I used a fieldset with radio buttons to make the toggle itself and used some javascript with an event listener for the clicking of the radio buttons to change theme.
- @skanthanvijay@skanthanvijay
Notes to those seeing the solution (OUTDATED):
-The radio buttons do not have labels as they are supposed to be invisible. If there is a more efficient way to create the toggle however (potentially using libraries like jQuery), that would be awesome to hear
-There are spaces between the numbers above the toggle, but they do not show up on the generated screenshot
EDIT: The code for the toggle was revamped, the above notes can be ignored
- @skanthanvijay@skanthanvijay
Didn't notice that there was a background in the design & files, but I do know how to implement it.