globalbioticinteractions / globalbioticinteractions.github.io

source files for GloBI website
https://globalbioticinteractions.org
MIT License
8 stars 14 forks source link

suggest to apply iNaturalist taxon color scheme to indicate taxonomic context #41

Closed jhpoelen closed 9 years ago

jhpoelen commented 9 years ago

To help identify taxa, @KatjaSchulz et al. suggested to apply iNaturalist color schemes in the GloBI pages.

screen shot 2015-08-20 at 2 45 28 pm

jhpoelen commented 9 years ago

Color scheme from https://github.com/inaturalist/inaturalist/blob/master/app/assets/stylesheets/lists.css.scss#L160 :

.Protozoa,        .stat.Protozoa a        { color: #691776;  }
.Plantae,         .stat.Plantae a         { color: #73AC13;  }
.Fungi,           .stat.Fungi a           { color: DeepPink; }
.Animalia,        .stat.Animalia a        { color: #1E90FF;  }
.Mollusca,        .stat.Mollusca a        { color: #FF4500;  }
.Arachnida,       .stat.Arachnida a       { color: #FF4500;  }
.Insecta,         .stat.Insecta a         { color: #FF4500;  }
.Amphibia,        .stat.Amphibia a        { color: #1E90FF;  }
.Reptilia,        .stat.Reptilia a        { color: #1E90FF;  }
.Aves,            .stat.Aves a            { color: #1E90FF;  }
.Mammalia,        .stat.Mammalia a        { color: #1E90FF;  }
.Actinopterygii,  .stat.Actinopterygii a  { color: #1E90FF;  }
.Chromista,       .stat.Chromista a  { color: #993300;  }

.Protozoa:hover  { color: #691776;  }
.Plantae:hover   { color: #73AC13;  }
.Fungi:hover     { color: DeepPink; }
.Animalia:hover  { color: #1E90FF;  }
.Mollusca:hover  { color: #FF4500;  }
.Arachnida:hover { color: #FF4500;  }
.Insecta:hover   { color: #FF4500;  }
.Amphibia:hover  { color: #1E90FF;  }
.Reptilia:hover  { color: #1E90FF;  }
.Aves:hover      { color: #1E90FF;  }
.Mammalia:hover  { color: #1E90FF;  }
.Actinopterygii:hover  { color: #1E90FF;  }
.Chromista:hover  { color: #993300;  }
jhpoelen commented 9 years ago

suggest to use color scheme / node library as published in https://github.com/jhpoelen/taxaprisma

jhpoelen commented 9 years ago

@coding46 since you've been hacking on the css in the browser tool, I was wondering whether you could have a look at this.

jhpoelen commented 9 years ago

thanks to @coding46 , color scheme's are now applied in list, hairball and bundle views. Seems that the colors are a great way to spot funny outliers or funky taxon hierarchies. . .

screen shot 2015-08-26 at 7 59 39 pm screen shot 2015-08-26 at 7 59 59 pm screen shot 2015-08-26 at 8 00 54 pm