Disaster damage assessment style

Displays colored icons and fill colors, to show tagging of visible damage scale of structures and filled patterns for roofing materials. Designed for use with this preset. You can contact me via ​my OSM username

meta 
{
    title: "Disaster damage assessment";
    description: "Displays colored icons and fill colors, to show tagging of visible damage scale of structures and filled patterns for roof materials.";
/*  fr.description: "Affiche des icônes colorées et des couleurs de remplissage, pour montrer l'étiquetage de l'échelle des dommages visibles des structures et des motifs pour les matériaux de toiture.";
    es.description: "Muestra iconos de colores y colores de relleno, para mostrar el etiquetado de la escala de daños visibles de las estructuras y patrones de relleno para los materiales del techo.";
    pt.description: "Apresenta ícones coloridos e cores de preenchimento, para mostrar a marcação da escala de danos visíveis das estruturas e padrões preenchidos para materiais de cobertura.";
    pt_BR.description: "Apresenta ícones coloridos e cores de preenchimento, para mostrar a marcação da escala de danos visíveis das estruturas e padrões preenchidos para materiais de cobertura.";
*/
    version: "0.2.6_2025-01-06";
    author: "SeverinGeo";
    icon: "matrix-icons.png";
    link: "https://josm.openstreetmap.de/wiki/Styles/DisasterDamageAssessment"; 
}
/* Adapted from jgc's style for HHI BAR damage assessment methodology: https://hhi.harvard.edu/publications/satellite-imagery-interpretation-guide-assessing-wind-disaster-damage-structures , adapted for OSM
   
   (mapcss style adapted from https://josm.openstreetmap.de/wiki/Styles/JP-Tsunami)
*/
node[damage=none] {icon-image: "medium-none-16.png"; icon-opacity: 0.7; icon-width:14;}
node[damage=minimal] {icon-image: "medium-minimal-16.png"; icon-opacity: 0.7; icon-width:14;}
node[damage=significant] {icon-image: "medium-significant-16.png"; icon-opacity: 0.7; icon-width:14;}
node[damage=complete] {icon-image: "medium-complete-16.png"; icon-opacity: 0.7; icon-width:14;}

node:selected {
symbol-shape: square;
symbol-size: 6;
symbol-fill-color: node_selected#ff0000;
symbol-stroke-color: node_selected#ff0000;}

area[damage=none][!roof:material]:closed {fill-image: "noroofmaterial_none.png"; fill-opacity:0.4; width: 1.2; color: green;}
area[damage=minimal][!roof:material]:closed {fill-image: "noroofmaterial_minimal.png"; fill-opacity:0.4; width: 1.2; color: yellow;}
area[damage=significant][!roof:material]:closed {fill-image: "noroofmaterial_significant.png"; fill-opacity:0.4; width: 1.2; color: orange;}
area[damage=complete][!roof:material]:closed {fill-image: "noroofmaterial_complete.png"; fill-opacity:0.4; width: 1.2; color: #fd5757;}

area[damage=none][building=construction]:closed {fill-image: "othermaterials_none.png"; fill-opacity:0.4; width: 1.2; color: green;}
area[damage=minimal][building=construction]:closed {fill-image: "othermaterials_minimal.png"; fill-opacity:0.4; width: 1.2; color: yellow;}
area[damage=significant][building=construction]:closed {fill-image: "othermaterials_significant.png"; fill-opacity:0.4; width: 1.2; color: orange;}
area[damage=complete][building=construction]:closed {fill-image: "othermaterials_complete.png"; fill-opacity:0.4; width: 1.2; color: #fd5757;}

area[!damage][roof:material=concrete]:closed {fill-image: "concrete.png"; fill-opacity:0.4; width: 1.2; color: pink;}
area[!damage][roof:material=metal]:closed {fill-image: "metal.png"; fill-opacity:0.4; width: 1.2; color: pink;}

area[!damage][roof:material=copper]:closed,
area[!damage][roof:material=eternit]:closed,
area[!damage][roof:material=glass]:closed,
area[!damage][roof:material=grass]:closed,
area[!damage][roof:material=gravel]:closed,
area[!damage][roof:material=roof_tiles]:closed,
area[!damage][roof:material=slate]:closed,
area[!damage][roof:material=stones]:closed,
area[!damage][roof:material=tar_paper]:closed,
area[!damage][roof:material=thatch]:closed,
area[!damage][roof:material=wood]:closed
{fill-image: "othermaterials.png"; fill-opacity:0.4; width: 1.2; color: pink;}

area[damage=none][roof:material=copper]:closed,
area[damage=none][roof:material=eternit]:closed,
area[damage=none][roof:material=glass]:closed,
area[damage=none][roof:material=grass]:closed,
area[damage=none][roof:material=gravel]:closed,
area[damage=none][roof:material=roof_tiles]:closed,
area[damage=none][roof:material=slate]:closed,
area[damage=none][roof:material=stones]:closed,
area[damage=none][roof:material=tar_paper]:closed,
area[damage=none][roof:material=thatch]:closed,
area[damage=none][roof:material=wood]:closed
{fill-image: "othermaterials_none.png"; fill-opacity:0.4; width: 1.2; color: green;}
area[damage=minimal][roof:material=copper]:closed,
area[damage=minimal][roof:material=eternit]:closed,
area[damage=minimal][roof:material=glass]:closed,
area[damage=minimal][roof:material=grass]:closed,
area[damage=minimal][roof:material=gravel]:closed,
area[damage=minimal][roof:material=roof_tiles]:closed,
area[damage=minimal][roof:material=slate]:closed,
area[damage=minimal][roof:material=stones]:closed,
area[damage=minimal][roof:material=tar_paper]:closed,
area[damage=minimal][roof:material=thatch]:closed,
area[damage=minimal][roof:material=wood]:closed
{fill-image: "othermaterials_minimal.png"; fill-opacity: 0.4; width: 1.2; color: yellow;}
area[damage=significant][roof:material=copper]:closed,
area[damage=significant][roof:material=eternit]:closed,
area[damage=significant][roof:material=glass]:closed,
area[damage=significant][roof:material=grass]:closed,
area[damage=significant][roof:material=gravel]:closed,
area[damage=significant][roof:material=roof_tiles]:closed,
area[damage=significant][roof:material=slate]:closed,
area[damage=significant][roof:material=stones]:closed,
area[damage=significant][roof:material=tar_paper]:closed,
area[damage=significant][roof:material=thatch]:closed,
area[damage=significant][roof:material=wood]:closed
{fill-image: "othermaterials_significant.png"; fill-opacity: 0.4; width: 1.2; color: orange;} 
area[damage=complete][roof:material=copper]:closed,
area[damage=complete][roof:material=eternit]:closed,
area[damage=complete][roof:material=glass]:closed,
area[damage=complete][roof:material=grass]:closed,
area[damage=complete][roof:material=gravel]:closed,
area[damage=complete][roof:material=roof_tiles]:closed,
area[damage=complete][roof:material=slate]:closed,
area[damage=complete][roof:material=stones]:closed,
area[damage=complete][roof:material=tar_paper]:closed,
area[damage=complete][roof:material=thatch]:closed,
area[damage=complete][roof:material=wood]:closed
{fill-image: "othermaterials_complete.png"; fill-opacity:0.4; width: 1.2; color: #fd5757;} 

area[damage=none][roof:material=concrete]:closed {fill-image: "concrete_none.png"; fill-opacity:0.4; width: 1.2; color: green;}
area[damage=minimal][roof:material=concrete]:closed {fill-image: "concrete_minimal.png"; fill-opacity:0.4; width: 1.2; color: yellow;}
area[damage=significant][roof:material=concrete]:closed {fill-image: "concrete_significant.png"; fill-opacity:0.4; width: 1.2; color: orange;}
area[damage=complete][roof:material=concrete]:closed {fill-image: "concrete_complete.png"; fill-opacity:0.6; width: 1.2; color: #fd5757;}

area[damage=none][roof:material=metal]:closed {fill-image: "metal_none.png"; fill-opacity: 0.4; width: 1.2; color: green;}
area[damage=minimal][roof:material=metal]:closed {fill-image: "metal_minimal.png"; fill-opacity: 0.4; width: 1.2; color: yellow;}
area[damage=significant][roof:material=metal]:closed {fill-image: "metal_significant.png"; fill-opacity: 0.4; width: 1.2; color: orange;}
area[damage=complete][roof:material=metal]:closed {fill-image: "metal_complete.png"; fill-opacity: 0.6; width: 1.2; color: #fd5757;}

/* Kept from PierZen's JP-Tsunami: */
/* control node size to help vizualise damaged zones at lower zoom levels */
node[note] { icon-size:4; z-index: 1;}
node|z1-17 { symbol-shape: square; symbol-stroke-color: rosybrown; symbol-fill-color: rosybrown; symbol-size: 1; z-index:1}
node|z18 { symbol-shape: square; symbol-stroke-color: navy; symbol-fill-color: rosybrown; symbol-size:5;  z-index:1}
node|z19- { symbol-shape: square; symbol-stroke-color: navy; symbol-fill-color: rosybrown; symbol-size:6;  z-index:1}

Styles_DisasterDamageAssessment-style.mapcss, Styles_DisasterDamageAssessment.zip