<g transform="translate({{ x }} {{ y }})"> <g transform="rotate({{rotation}} 50 50)"> <path class="pasture{% if resources[1].uuid() in claimable %} claimable{% endif %}" id="resource-1" data-uuid="{{ resources[1].uuid() }}" d="M 100 100 H 55 V 25 C 55 0, 55 0, 100 0 Z" /> <path class="pasture{% if resources[4].uuid() in claimable %} claimable{% endif %}" id="resource-1" data-uuid="{{ resources[4].uuid() }}" d="M 45 100 H 0 C 0 70, 70 0, 45 30 Z" /> <path class="road{% if resources[3].uuid() in claimable %} claimable{% endif %}" id="resource-3" data-uuid="{{ resources[3].uuid() }}" d="M 55 100 V 25 H 45 V 100" /> <path class="city{% if resources[2].uuid() in claimable %} claimable{% endif %}" id="resource-2" data-uuid="{{ resources[2].uuid() }}" d="M 0 0 V 100 C 0 70, 70 0, 100 0 Z" /> <g transform="translate(70 70)"> <path class="inn" transform="rotate(-{{rotation}})" d="M -10 10 V -10 L 0 -20 L 10 -10 V 10 Z" /> </g> </g> </g>