jude/Riskless
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Change buttons a bit. End turn option

Browse Source
This commit is contained in:
jude
2023-02-16 09:38:03 +00:00
parent b3fd23bba2
commit bcbd407d7d
4 changed files with 70 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
templates/index.html
View File

@ -50,79 +50,100 @@
<path d="M -280 80 Q -360 0 -280 -80" stroke="black" fill="transparent"></path>
</svg>
<div class="node east" data-name="A" style="left: 280px;">
<div class="strength"><strong>U</strong></div>
<div class="strength"></div>
<div class="label">A</div>
<div class="actions">
<button>Claim</button>
<button class="reinforce">Reinf.</button>
<button class="attack">Attack</button>
<button class="fortify">Fortify</button>
</div>
</div>
<div class="node east" data-name="B" style="left: 160px;">
<div class="strength"><strong>U</strong></div>
<div class="strength"></div>
<div class="label">B</div>
<div class="actions">
<button>Claim</button>
<button class="reinforce">Reinf.</button>
<button class="attack">Attack</button>
<button class="fortify">Fortify</button>
</div>
</div>
<div class="node east" data-name="C" style="left: 220px; top: -200px;">
<div class="strength"><strong>U</strong></div>
<div class="strength"></div>
<div class="label">C</div>
<div class="actions">
<button>Claim</button>
<button class="reinforce">Reinf.</button>
<button class="attack">Attack</button>
<button class="fortify">Fortify</button>
</div>
</div>
<div class="node east" data-name="D" style="left: 380px; top: -200px;">
<div class="strength"><strong>U</strong></div>
<div class="strength"></div>
<div class="label">D</div>
<div class="actions">
<button>Claim</button>
<button class="reinforce">Reinf.</button>
<button class="attack">Attack</button>
<button class="fortify">Fortify</button>
</div>
</div>
<div class="node west" data-name="E" style="left: -40px; top: 140px;">
<div class="strength"><strong>U</strong></div>
<div class="strength"></div>
<div class="label">E</div>
<div class="actions">
<button>Claim</button>
<button class="reinforce">Reinf.</button>
<button class="attack">Attack</button>
<button class="fortify">Fortify</button>
</div>
</div>
<div class="node west" data-name="F" style="left: -40px; top: -140px;">
<div class="strength"><strong>U</strong></div>
<div class="strength"></div>
<div class="label">F</div>
<div class="actions">
<button>Claim</button>
<button class="reinforce">Reinf.</button>
<button class="attack">Attack</button>
<button class="fortify">Fortify</button>
</div>
</div>
<div class="node west" data-name="G" style="left: -280px; top: -80px;">
<div class="strength"><strong>U</strong></div>
<div class="strength"></div>
<div class="label">G</div>
<div class="actions">
<button>Claim</button>
<button class="reinforce">Reinf.</button>
<button class="attack">Attack</button>
<button class="fortify">Fortify</button>
</div>
</div>
<div class="node west" data-name="H" style="left: -280px; top: 80px;">
<div class="strength"><strong>U</strong></div>
<div class="strength"></div>
<div class="label">H</div>
<div class="actions">
<button>Claim</button>
<button class="reinforce">Reinf.</button>
<button class="attack">Attack</button>
<button class="fortify">Fortify</button>
</div>
</div>
<div class="node west" data-name="I" style="left: -180px;">
<div class="strength"><strong>U</strong></div>
<div class="strength"></div>
<div class="label">I</div>
<div class="actions">
<button>Claim</button>
<button class="reinforce">Reinf.</button>
<button class="attack">Attack</button>
<button class="fortify">Fortify</button>
</div>
</div>
<div class="node east" data-name="J" style="">
<div class="strength"><strong>U</strong></div>
<div class="strength"></div>
<div class="label">J</div>
<div class="actions">
<button>Claim</button>
<button class="reinforce">Reinf.</button>
<button class="attack">Attack</button>
<button class="fortify">Fortify</button>
</div>
</div>
</div>
<div id="ready">
<button id="ready-button">Not ready</button>
<button id="end-turn" class="hidden">End Turn</button>
</div>
</body>