search

affinitybridge / unhcr

Map of services for Syrian refugees in Jordan
MIT License
5 stars 23 forks source link

Use humanitarian symbols for activities group #5

Closed Edouard-Legoupil closed 10 years ago

Edouard-Legoupil commented 10 years ago

For the markers style, you may look at a this font http://unhcr.github.io/Humanitarian-Font/ to match some of the conventional symbols used for humanitarian services

ZoeAffinity commented 10 years ago

Edouard: Do you think I chose the right symbols? Let me know if there are more appropriate ones we should use instead.

Edouard-Legoupil commented 10 years ago

Hi Zoe,

I can see in index.js

// Match possible Activity Categories to Humanitarian Font icons.
var iconGlyphs = [
    {category: 'CASH', glyph: 'money', markerColor: '#c00000' },
    {category: 'EDUCATION', glyph: 'ocha-sector-education', markerColor: '#31859c' },
    {category: 'FOOD', glyph: 'food', markerColor: '#948a54' },
    {category: 'HEALTH', glyph: 'medkit', markerColor: '#43b305' },
    {category: 'NFI', glyph: 'ocha-sector-livelihood', markerColor: '#026cb6' },
    {category: 'PROTECTION', glyph: 'ocha-sector-protection', markerColor: '#1f4981' },
    {category: 'SHELTER', glyph: 'home', markerColor: '#ffc000' },
    {category: 'WASH', glyph: 'ocha-sector-wash', markerColor: '#8064a2' }

I pushed a few additional icons to http://unhcr.github.io/Humanitarian-Font/ -- updated the css and the font. Also we had a few changes in the color code for the sectors Below are proposed reviews

// Match possible Activity Categories to Humanitarian Font icons.
var iconGlyphs = [
    {category: 'CASH', glyph: 'icon-ocha-sector-cash', markerColor: '#a48658' },
    {category: 'EDUCATION', glyph: 'icon-ocha-sector-education', markerColor: '#c00000' },
    {category: 'FOOD', glyph: 'icon-ocha-sector-foodsecurity', markerColor: '#006600' },
    {category: 'HEALTH', glyph: 'icon-ocha-sector-health', markerColor: '#08a1d9' },
    {category: 'NFI', glyph: 'icon-ocha-item-reliefgood', markerColor: '#f96a1b' },
    {category: 'PROTECTION', glyph: 'icon-ocha-sector-protection', markerColor: '#1f497d' },
    {category: 'SHELTER', glyph: 'icon-ocha-sector-shelter', markerColor: '#989aac' },
    {category: 'WASH', glyph: 'icon-ocha-sector-wash', markerColor: '#7030a0' }
ZoeAffinity commented 10 years ago

Done. Will review when we have Health, Education and Wash data.