Feature/responsive new map

[edbrett]

Overview

"When we ground ourselves in the present moment, we spontaneously connect better with others. We become more responsive and less reactive, listening more deeply and speaking with greater clarity.”
― Lama Surya Das, Buddha Standard Time: Awakening to the Infinite Possibilities of Now

Well clearly this boi hadn't heard of the power of React Responsive. The prodigal app [sic] GFW has returned and with it, it brings new powers. It is not only reactive, but now ALSO responsive. A feat rarely achieved by my mere mortals.

So how did these powers come to be? What specifically do its powers enable its users to do? What bullet point list of features can be defined to outline the exact changes it has gone through? Possibly this one:

• Mobile map menu: this focuses around a panel based display. Opening the menu causes the panel to appear from the bottom of the screen. Possible panels include (Layers, Legend, Analysis, Explore, Search, Recent Imagery). Base maps has been moved to Layers for mobile.
• Map controls has been reduced into a share and recent imagery button.
• Header has a smaller logo to hide less of the map
• Animations have been added to the panels for better interaction
• Embed styles updated to hide unneeded panels and move menu to right side
• Layers (datasets on desktop) can be accessed through a category menu on mobile with a navigation header on the panel.

Notes

ADDITIONAL fixes have been made due to the sheer complexity of this PR to embeds, layouts, CSS all over the metaphorical shop. Only side note is Terrai latest dates is now working again in the timeline.

Testing

Make a cup of tea, pull out your RESPONSIVE device of choice (ideally a standard issue iPad Pro with magic pen and 7D retina VR backflip soul port display), and start playing. Please report and bugs to @edbrett.

[greysteil]

You might want to tweak this to be ~> 1.8.5 - there was a new security vulnerability announced in 1.8.4 a couple of weeks ago.

[edbrett]

sure thanks!