search

Terrastories / terrastories

Terrastories is a geostorytelling application for mapping, managing and sharing place-based stories.
https://terrastories.app
MIT License
319 stars 157 forks source link

[UI] Styling map markers and map popup content #109

Closed rudokemper closed 5 years ago

rudokemper commented 6 years ago

Rather than all places being represented by one marker, they should have unique markers with colors from the style guide, depending on the type of place (a field in the place model).

Additionally, within the place popup, the header of the popup can have the same color as the marker.

rudokemper commented 6 years ago

I've created the SVG sprites for the different markers, just need to figure out now how to make those show depending on different "type of place" in the Places model. Also, the popup should be rendering the data in a particular way:

<h1>{Name} {Type of place}<h1> (with bg as color of marker, determined by type of place)
<img>{photo}</img>
<p><em>Region: {region}</em></p>
<p>{Description}</p>
rudokemper commented 6 years ago

Worked on in this branch: https://github.com/rubyforgood/terrastories/tree/rudo-design