earth-genome / amw-frontend Goto Github PK

tracker code: G-8DFCLVD62S

Error: Could not load image because of The source image could not be decoded.. Please make sure to use a supported image type such as PNG or JPEG. Note that SVGs are not supported.

dependent on transparency issue with sentinel imagery

• About page has paging component on incorrectly identified mines.

Current site has more muted satellite imagery in the obscured area outside the amazon. there’s state and national boundaries. lat/lon grid. city names when you zoom in.

The background on the about is static view on prod

• Add popup
  • Add copy to clipboard to popup copy button
• Add intro overlay
• Imagery tabs
• Image carousels
• Add sentinel (map tiler) satellite layer
• Add case study images
• Add gray matter / front matter for image carousels to markdown
• Add remaining content to markdown
• Add Portuguese content to dictionary
• Add Spanish translations to dictionary
• Add Portuguese translations to dictionary
• Add partner logos (update to Earth Genome)
• Expose mining geojson url as env var

Mining area detected legend, and scale bar

Need a token from Earth Genome mapbox account

• Heading differs (only Code in dev). Missing links on bottom section. Missing GitHub button.

• “About AMW” in menu bar only shown in map view on prod

• Case Studies has animation on case study images

Current site opening has a loading bar animation and a modal with intro text

Menu has “x” and “Close” when enabled in prod. Also small animation when transitioning to content page

Menu comes in with a bounce in prod. Has an animated background. Has Map link and translation links in menu

• Heading looks too far offset right. Missing mail icon.

• overlay ends on the west

• transition shows black area over amazon

Add how to Use

The latest/hi-res pills are rounded differently and inset. Also don’t look precisely centered.

when you copy/paste a link to a specific place the hostname is undefined

To do

• Change "Area Affected in 2020" and metrics to reflect whatever year is selected
• (when ready) load sentinel imagery layer per year
• add mail emoji next to email address
• Add similar textured static background to Menu

Map

• move initial load center zoom so that year bar does not obstruct Amazon
• When "LATEST" selected, remove small buggy looking white line on right of button
• state boundaries should be visible in both "LATEST" and "HI-RES"
• change button labels to "YEARLY / HI-RES"
• scale bar is smaller than on production site -- both are incorrect but which is closer to accurate

Menu

• click on map should close "HOW TO USE"
• Menu should have "Map" at top, and not have languages list
• Menu close should animate out when closing
• "Menu" label changes to "Close" when open
• Only show "How to Use" and "About" on Map

Overall Design

• remove beta from logo
• Colors are a touch dimmer on production site. Match
• show interstitial when loading site root, even if visited before
• show interstitial when switching language

Content Pages

• Make Case Studies images larger