Carcassonne: Make shrines more clickable
This commit is contained in:
parent
a1e6661249
commit
709ee94ad6
7 changed files with 12 additions and 11 deletions
|
@ -77,10 +77,13 @@
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
svg .shrine-clickable {
|
||||||
|
fill: green;
|
||||||
|
}
|
||||||
svg .shrine {
|
svg .shrine {
|
||||||
fill: #713c32;
|
fill: #713c32;
|
||||||
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
svg .shrine-overlay {
|
svg .shrine-overlay {
|
||||||
fill: #713c32;
|
fill: #713c32;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|
|
@ -2,6 +2,5 @@
|
||||||
<g transform="rotate({{ rotation }} 50 50)">
|
<g transform="rotate({{ rotation }} 50 50)">
|
||||||
<path class="pasture{% if resources[2].uuid() in claimable %} claimable{% endif %}" id="resource-2" data-uuid="{{ resources[2].uuid() }}" d="M 0 0 H 100 V 100 H 0 Z" />
|
<path class="pasture{% if resources[2].uuid() in claimable %} claimable{% endif %}" id="resource-2" data-uuid="{{ resources[2].uuid() }}" d="M 0 0 H 100 V 100 H 0 Z" />
|
||||||
</g>
|
</g>
|
||||||
<path class="shrine{% if resources[1].uuid() in claimable %} claimable{% endif %}" id="resource-1" data-uuid="{{ resources[1].uuid() }}" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" />
|
{% include "carcassonne/shrine.svg" %}
|
||||||
<path class="shrine-overlay" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" />
|
|
||||||
</g>
|
</g>
|
||||||
|
|
|
@ -3,6 +3,5 @@
|
||||||
<path class="pasture{% if resources[2].uuid() in claimable %} claimable{% endif %}" id="resource-2" data-uuid="{{ resources[2].uuid() }}" d="M 0 0 H 100 V 100 H 0 Z" />
|
<path class="pasture{% if resources[2].uuid() in claimable %} claimable{% endif %}" id="resource-2" data-uuid="{{ resources[2].uuid() }}" d="M 0 0 H 100 V 100 H 0 Z" />
|
||||||
<path class="road{% if resources[3].uuid() in claimable %} claimable{% endif %}" id="resource-3" data-uuid="{{ resources[3].uuid() }}" d="M 45 100 V 70 H 55 V 100 Z" />
|
<path class="road{% if resources[3].uuid() in claimable %} claimable{% endif %}" id="resource-3" data-uuid="{{ resources[3].uuid() }}" d="M 45 100 V 70 H 55 V 100 Z" />
|
||||||
</g>
|
</g>
|
||||||
<path class="shrine{% if resources[1].uuid() in claimable %} claimable{% endif %}" id="resource-1" data-uuid="{{ resources[1].uuid() }}" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" />
|
{% include "carcassonne/shrine.svg" %}
|
||||||
<path class="shrine-overlay" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" />
|
|
||||||
</g>
|
</g>
|
||||||
|
|
|
@ -6,6 +6,5 @@
|
||||||
<path class="road{% if resources[2].uuid() in claimable %} claimable{% endif %}" id="resource-2" data-uuid="{{ resources[2].uuid() }}" d="M 45 0 V 30 H 55 V 0 Z" />
|
<path class="road{% if resources[2].uuid() in claimable %} claimable{% endif %}" id="resource-2" data-uuid="{{ resources[2].uuid() }}" d="M 45 0 V 30 H 55 V 0 Z" />
|
||||||
<path class="road{% if resources[3].uuid() in claimable %} claimable{% endif %}" id="resource-3" data-uuid="{{ resources[3].uuid() }}" d="M 45 100 V 70 H 55 V 100 Z" />
|
<path class="road{% if resources[3].uuid() in claimable %} claimable{% endif %}" id="resource-3" data-uuid="{{ resources[3].uuid() }}" d="M 45 100 V 70 H 55 V 100 Z" />
|
||||||
</g>
|
</g>
|
||||||
<path class="shrine{% if resources[1].uuid() in claimable %} claimable{% endif %}" id="resource-1" data-uuid="{{ resources[1].uuid() }}" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" />
|
{% include "carcassonne/shrine.svg" %}
|
||||||
<path class="shrine-overlay" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" />
|
|
||||||
</g>
|
</g>
|
||||||
|
|
|
@ -3,6 +3,5 @@
|
||||||
<path class="pasture{% if resources[2].uuid() in claimable %} claimable{% endif %}" id="resource-2" data-uuid="{{ resources[2].uuid() }}" d="M 0 100 H 100 V 0 C 70 30, 30 30, 0 0 Z" />
|
<path class="pasture{% if resources[2].uuid() in claimable %} claimable{% endif %}" id="resource-2" data-uuid="{{ resources[2].uuid() }}" d="M 0 100 H 100 V 0 C 70 30, 30 30, 0 0 Z" />
|
||||||
<path class="city{% if resources[3].uuid() in claimable %} claimable{% endif %}" id="resource-3" data-uuid="{{ resources[3].uuid() }}" d="M 0 0 C 30 30, 70 30, 100 0 Z" />
|
<path class="city{% if resources[3].uuid() in claimable %} claimable{% endif %}" id="resource-3" data-uuid="{{ resources[3].uuid() }}" d="M 0 0 C 30 30, 70 30, 100 0 Z" />
|
||||||
</g>
|
</g>
|
||||||
<path class="shrine{% if resources[1].uuid() in claimable %} claimable{% endif %}" id="resource-1" data-uuid="{{ resources[1].uuid() }}" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" />
|
{% include "carcassonne/shrine.svg" %}
|
||||||
<path class="shrine-overlay" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" />
|
|
||||||
</g>
|
</g>
|
||||||
|
|
|
@ -4,6 +4,5 @@
|
||||||
<path class="city{% if resources[3].uuid() in claimable %} claimable{% endif %}" id="resource-3" data-uuid="{{ resources[3].uuid() }}" d="M 0 0 C 30 30, 70 30, 100 0 Z" />
|
<path class="city{% if resources[3].uuid() in claimable %} claimable{% endif %}" id="resource-3" data-uuid="{{ resources[3].uuid() }}" d="M 0 0 C 30 30, 70 30, 100 0 Z" />
|
||||||
<path class="road{% if resources[4].uuid() in claimable %} claimable{% endif %}" id="resource-4" data-uuid="{{ resources[4].uuid() }}" d="M 45 100 V 70 H 55 V 100 Z" />
|
<path class="road{% if resources[4].uuid() in claimable %} claimable{% endif %}" id="resource-4" data-uuid="{{ resources[4].uuid() }}" d="M 45 100 V 70 H 55 V 100 Z" />
|
||||||
</g>
|
</g>
|
||||||
<path class="shrine{% if resources[1].uuid() in claimable %} claimable{% endif %}" id="resource-1" data-uuid="{{ resources[1].uuid() }}" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" />
|
{% include "carcassonne/shrine.svg" %}
|
||||||
<path class="shrine-overlay" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" />
|
|
||||||
</g>
|
</g>
|
||||||
|
|
3
templates/carcassonne/shrine.svg
Normal file
3
templates/carcassonne/shrine.svg
Normal file
|
@ -0,0 +1,3 @@
|
||||||
|
<path class="shrine-clickable{% if resources[1].uuid() in claimable %} claimable{% endif %}" id="resource-1" data-uuid="{{ resources[1].uuid() }}" d="M 30 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z" />
|
||||||
|
<path class="shrine" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" />
|
||||||
|
<path class="shrine-overlay" d="M 30 75 V 25 H 35 V 75 Z M 65 75 V 25 H 70 V 75 Z M 25 20 C 50 25, 50 25, 75 20 V 25 C 50 30, 50 30, 25 25 Z M 27 30 H 73 V 33 H 27 Z" />
|
Loading…
Reference in a new issue